Step options

Here, you can find all the options for the first step and social login popups.

First step options

• Popup header text: use this option to customize the text shown in the top section of the popup.
• Popup title: use this option to customize the text shown as title of the popup.

• Allow username: enable to let your users login with their username. Keep it disabled if only the email address is allowed.
• User input label: use this option to set up a custom title for the email input box. Default text: ‘Enter your email address or username‘.
• Button text: use this option to customize the text of the action button. Default text: Continue.

Social login options

Here, you can set up the social login options through Facebook and Google, which will be added to the popup as an alternative to the standard login through email address or username.

Facebook login

IMPORTANT: as of February 1, 2024, Developer Platform requires Business Verification for Advanced Access. So, this is necessary also for creating a social login app.
To verify your Meta Business account, please, check this page.

To set up the Facebook login, you’ll have to create a Facebook app. Please, refer to this page for details about how to do this.

Once finished with the app configuration, you will be able to find the Facebook App ID and Facebook App Secret in the app and copy and paste them into the plugin settings.

Now, you can customize also the following options:

• Facebook button text: use this option to enter the text to show to users to log in through Facebook.
• Facebook icon: choose the icon to show from
  • Default
  • Custom: upload your custom icon (recommended size is 20×20 px).
• Button colors: set button, border, and text colors (default and hover).

Make sure you enable the toggle when you’re ready to show the login button.

Google settings

To connect Google login, you first need to create a Google app. Please, refer to this page for details about how to do this.

Once finished with the app configuration, you will be able to find the Google Client ID in the app and copy and paste it into the plugin settings.

Now, you can customize also the following options:

• Google button text: use this option to enter the text to show to users to log in through Google.
• Google icon: choose the icon to show from:
  • Default
  • Custom: upload your custom icon (recommended size is 20×20 px).
• Button colors: set button, border, and text colors (default and hover).

Make sure you enable the toggle when you’re ready to show the login button.

What happens next?

Based on what your customers enter here, they will be either shown different content.

• If they enter a valid username or an email address linked to an existing account on your website, they can complete the login and enter their password. Please, refer to the Login options page for more details about the content of this step.
• If they don’t enter a valid username or email address, they can register using that address or by entering a new one. Please, refer to the Register options page for more details about the content of this step.

If the users already have an account on your website and have entered their email address or username, a second step will show where they can enter the password. To customize this view, please, go to the tab Login where you can configure the following options:

• Popup header text: enter the text to show as the popup header.
• Popup title: enter the text to show as the popup title. You can use the [username] placeholder to print the username. Default to ‘Welcome back [username]’.
• Custom text before the password form: enter a custom text, if you want to add more information for your customers. This text will appear right under the popup title.

• Password input label: enter the title of the password input field. Default to ‘Password:’
• Text for Stay signed in option: enter the text of the ‘Stay signed in’ option.

• Check Stay signed in by default: enable this option to show the ‘Stay signed-in’ checkbox enabled by default. This will let your user save time in the future as they will not have to log in again.
• Button label: enter the text for the login button. Default to ‘Sign in’.

In the Register tab you will find two sections with different settings:

• Register options
• Google reCaptcha

Register options

When customers enter an invalid username or if they haven’t registered yet and click on the Register link, they will see the Register form in the popup. It’s here in the Register options tab that you can customize the content of this step, including the Privacy Policy options.

Here, you will find the following options:

• Popup header text
• Popup title
• Custom text before password form: enter a custom text, if you want to add more information for your customers about how to set up a strong password. This text will appear right under the popup title.

• Password input label: customize the title of the password input field, where users will enter their new password. Default to ‘Password:’
• Repeat password option: enable this option if you want to make sure that your users do not make any typos during the password setup and are asked to enter the password twice.

• Password strength check: decide if you want to disable or enable the option to check the strength of the password while typing it.

• Privacy policy check box: enable this option to show a checkbox that users have to check to proceed with the registration.
• Privacy policy text: enter the text of the checkbox that users can check to agree with the Privacy Policy and Terms and Conditions. Use the placeholders [privacy_policy] and [terms] to automatically print a link to the related pages (the standard ones that you can set up in WooCommerce).
  You can customize the text of the Privacy policy from WooCommerce > Settings > Accounts and Privacy > Privacy Policy and Terms and Conditions from WooCommerce > Settings > Advanced > Terms and conditions.

• Check Privacy Policy by default: enable this option to show the Privacy checkbox selected by default.
• Button text: enter the text for the register popup button.

Google reCaptcha

In this section, you can enable the Google reCaptcha option and set up the public and private keys (provided in your Google reCaptcha account)

Once it has been set up, your users will be able to see the reCaptcha options in the second step of the Login/Register popup, as you can see below:

To configure the password recovery options, go to the Lost password tab where you can find the following sets of options:

• Lost password options
• Recover password options
• Set a new password options

Lost password options

In this section, you can set up how to guide your users through the first step of password recovery. You will find the following options:

• Popup header text: enter the text the header of the popup.
• Popup title: enter the text for the title of the popup.
• Custom text before email form: enter the custom text to guide your user through the password recovery.
• User input label: title of the username/email input field.
• Pre-filled email field: enable this option to automatically populate this field with the email address entered by the user.
• Button text: enter the text for the button. Default to ‘Reset password’.

Recover password options

Then, you can guide users through the second step of password recovery. You have two modes available to choose from: the Classic mode and the smartest mode with a Code.

1. Classic mode

Choose this mode in Recover password type, if you want to use the standard procedure used by default in WooCommerce. The user will get an email with a link. Clicking on this link will let them open the password reset page where they can set up the new password. They will have to go back to the checkout page to complete the order.

Available settings:

• Popup title: enter the title for the popup.
• Custom text: enter the text to show to confirm that the email with the password recovery link has been sent.
• Resend email label: change the text of the link that will let users get another password reset email. Default to ‘Resend email’.
• Button text: enter the text for the button. Default: ‘Continue’.

2. Recover password with code

Choose With code mode in Recover password type, if you want to let users receive a code per email that they can enter in the popup. This way, they will never leave the page where they are: this will help you reduce the cart abandonment rate.

Available settings:

• Popup title: enter the title for the popup.
• Custom text before Code field: enter the text to show to confirm that the email with a recovery code has been sent.
• Code input label: enter the title of the box that appears before the code input box.
• Send code again: enable this option to let users ask for a new code.
• Send code again label: enter the text of the link that will let users get another password reset email. Default to ‘Not received the code? Resend it’.
• Button text: enter the text for the button. Default: ‘Continue’.

Set a new password options

After the code validation, users will be able to reset the password right from the popup.

Here, you can configure the new password fields:

• Popup title: enter the title for the popup.
• Custom text before password field: enter the text to help your users set up a new password.
• Password input label: title of the password input field.
• Repeat password option: enable this option to let users enter the password twice. This will reduce the possibility of typos.
• Repeat password input label: enter the title of the repeat-password input field.
• Button text: enter the text for the button. Default to ‘Save password and proceed to checkout’.

To customize the email with the code, please, refer to this page.