[PRO] Adding a Login and Register Link With Popup in Botiga

Want to give visitors a quick way to log in or register without leaving the page? The Login/Register element in Botiga Pro adds a login link that opens a popup form for guests and shows a welcome message with account links for logged-in users.

In this guide, we’ll walk you through how to set up the login and register link with popup in Botiga Pro.

Before you get started, make sure you’ve installed and activated the Botiga theme on your WordPress site. If you’re using features from Botiga Pro, ensure that both the Botiga theme and the Botiga Pro plugin are installed and active. This feature requires Botiga Pro.

Preview

Here’s what the welcome message looks like for logged-in users:

Welcome message with account dropdown for logged-in users

And here’s the popup login form for non-logged-in users:

Login and register popup form for non-logged-in users

Setting Up the Login/Register Element

You can add the Login/Register link through two methods, depending on which header system your site uses:

  1. Header Builder
  2. Classic header system (Top Bar and Main Header)

Using the Header Builder

Go to Appearance >> Customize >> Header >> Header Builder, click to add a new component to the header, and select the Login/Register component.

Adding the Login/Register component in the Botiga Header Builder

Once you add the component, the Login/Register settings will load in the Customizer’s left sidebar. See the settings section further down to learn what each option does.

Using the Classic Header System

Go to Appearance >> Customize >> Header >> Top Bar (or Appearance >> Customize >> Header >> Main Header) and enable the Login/Register component.

Enable the Login/Register component in the classic header system

Once enabled, new options will appear. Scroll down to the Login/Register section and click the Login/Register Settings button.

Login/Register Settings button in the classic header

Login/Register Settings

The Login/Register settings will load in the Customizer’s left sidebar.

Login/Register settings in the Botiga Customizer

  1. Login Link Text: The text shown to non-logged-in users.
  2. Enable Popup: Opens the login and register forms in a popup. If disabled, the user is redirected to the default WooCommerce login page. Important: to show the register form, enable Allow customers to create an account on the “My account” page in WooCommerce Settings >> Account and Privacy.
  3. Show Welcome Message: Displays a welcome message with an account links dropdown when the user is logged in.
  4. Welcome Message Text: The text shown in the welcome message.

Frequently Asked Questions

Below, we’ve answered some of the most common questions about the Login/Register element in Botiga Pro.

Why isn’t the register form showing in the popup?

The register form depends on a WooCommerce setting. Go to WooCommerce >> Settings >> Accounts and Privacy and enable Allow customers to create an account on the “My account” page.

Can I use this element without WooCommerce?

The Login/Register element is built to work with WooCommerce account pages. Without WooCommerce, the login redirect and register form behavior won’t work as expected.

Can I add the Login/Register element in both the top bar and main header?

Yes. In the classic header system, you can enable the Login/Register component in both the Top Bar and Main Header sections. With the Header Builder, you can drop the component into any header row.

That’s it! You’ve successfully set up the Login/Register link with popup in Botiga Pro.

Next, would you like to add more useful components to your header? Check out our guide on header elements in Botiga Pro to learn more.