First step options

1. First step options

Here you can find all the options to customize the popup content as soon as it is opened.

  • Popup header text: here you can customize the text that appears in the top section of the popup.
  • Popup title: here you can customize the popup title text.
  • Allow username: enable this option if you want your users to be able log in with the username. Keep it disabled, if only the email address is allowed.
  • Custom text before the form: enter here some custom text, if you want to add more information for your customers. This text will appear right below the popup title.
  • User input label: here you can set up a custom title for the email input box. Default to ‘Enter your email address or username’.
  • Button text: Customize the text of the action button. Default to Continue.

2. Social login options

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

Facebook login

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, Facebook App Secret in the app and copy and paste them into the plugin settings.

After that, you can customize also the Facebook button colours (button and border, default and hover color), and also add a custom icon for the Facebook login button (recommended size is 20×20 px).

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

Google settings

To connect Google, you’ll have 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 in the app and copy and paste them into the plugin settings.

After that, you can customize also the Google button colours (button and border, default and hover color), and also add a custom icon for the Google login button (recommended size is 20×20 px).

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

What happens next?

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

  • If they enter a valid username or an email address linked to an existing account on your website, they will be able to 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 any valid username or email address, they will be able to register using that address or enter a new one. Please, refer to the Register options page for more details about the content of this step.