1. First step options
Here you can find all the options to customize the popup content as soon as it opens.
- Popup header text: through this option, you can customize the text shown 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 login with their username. Keep it disabled if only the email address is allowed.
- Custom text before the form: enter a custom text if you want to show more information to your customers. This text will appear right below the popup title.
- User input label: use this option to 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, which will be added to the popup as an alternative to the standard login with an 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 Facebook button colors (button and border, default and hover color), and add a custom icon for the Facebook login button (recommended size is 20×20 px).
Make sure you switch the login toggle button to YES 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 in the app and copy and paste them into the plugin settings.
Now, you can customize also the Google button colors (button and border, default and hover color), and add a custom icon for the Google login button (recommended size is 20×20 px).
Make sure you switch the login toggle button to YES 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 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 a 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.