With the EA Login | Register Form element, you can now design stunning login or registration forms in Elementor without any coding. However, to enable social login & reCAPTCHA for your login registration forms, you need to get the respective API keys first.
To enable reCAPTCHA for your login register form, you will need to sign up for an API pair key for your site. The key pair includes a site key and a secret key.
To register a new site, first enter the site name in the input field under the ‘Label’ section and then choose reCAPTCHA v2 as your reCAPTCHA type. Next, add the domain link and the email addresses of the domain owners.
Afterward, simply check to accept the ‘Terms of Service’ and click on ‘Submit’.
After completing the above step you will be redirected to a new page where you will be able to see your site key and secret key. Copy both of these keys and head back to your WordPress dashboard.
From your WordPress dashboard navigate to Essential Addons→ Elements and scroll down until you find the ‘Form Styler Elements’. Find the Login | Register Form and click on ‘Settings’.
When you click on the settings for Login Register Form, a popup window will appear. Simply paste the site key and secret key that you had copied earlier to enable reCAPTCHA on your website. Then, make sure to hit the ‘Save Settings’ button.
First of all, to enable Google reCAPTCHA for ‘Login’, go to ‘General’ section and click on ‘Login from General’ option. Simply go ahead and enable Google reCAPTCHA option.
In the meantime, to enable Google reCAPTCHA for ‘Registration’, go to ‘General’ section and click on ‘Register from General’ option. Simply go ahead and enable Google reCAPTCHA option.
You can style your reCAPTCHA by going to the ‘Style’ tab and changing the options under the ‘Login Form reCAPTCHA’ section. From here, you can change the margins for your reCAPTCHA, choose between a light or dark theme and change the size to compact. For more information follow this documentation here.
By following these basic steps you will be able to enable reCAPTCHA for your login registration forms on your website.
You can enable social login for your login register form using Google and Facebook. Follow this below guideline to configure Social Login with Google and Facebook:
Head over to developers.google.com and sign in to your account. Afterward, open the Google API Console Credentials page by clicking on the Credentials tab from your dashboard and click on the ‘Create Credentials’ button at the top to get started.
When you click on the ‘Create Credentials’ button a drop-down menu will appear. Select OAuth Client ID from the options available as shown below.
Next, set your application type to ‘Web application’ and give it a name. If needed, add a redirect URL. Click on the ‘Create’ button when you are done.
Once this step is completed, a pop-up will appear displaying your Google client ID. Copy it as you will need it to enable Google Login on your website.
Head over to Essential Addons→ Elements from your WordPress dashboard and scroll down until you find the ‘Form Styler Elements’. Click on the Login Register Form settings and enter your Google Client ID. Make sure to hit the ‘Save Settings’ button once you are done.
By following these basic steps you will be able to enable social login with Google for your login registration forms on your website.
To enable social login with Facebook for your website using the EA Login | Register element, you need to get your Facebook App ID and App Secret.
Head over to developers.facebook.com and sign in to your account by clicking on ‘My Apps’ to register your app. You will be redirected to your dashboard where you have to click on the ‘Create App’ button to get started.
A popup window will appear asking you how you want to use your app. Click on the ‘For Everything Else’ option since you will be using this app to enable Facebook Login on your website.
Next, create your App ID by giving a display name for your app, enter your email address, and then click on the ‘Create App ID’ button as shown below.
After this step is done, you can get your app ID and app secret by navigating to Settings→ Basic from your Facebook Developers dashboard as shown below. Copy your App ID and App Secret as you will need it later.
From your WordPress dashboard, head over to Essential Addons→ Elements and scroll down until you find the ‘Form Styler Elements’. Click on the Login | Register Form settings and enter your Facebook App ID and App Secret. Then, make sure to hit the ‘Save Settings’ button.
Switch to the ‘Content’ tab and from the ‘Social Login’ section, you have the option to enable both Facebook login and Google login. You can toggle these options to allow site visitors to sign in with their Facebook or Google accounts. If you want, you can display both social login options and separate them with a line or a text by toggling the ‘Show Separator’ option.
Under the ‘Style’ tab, you can change the options from ‘Social Login Style’ section to style your social login. You can change the Social Container by adjusting the width and height and changing the text and background colors. You can also style your Google Login and Facebook Login options by changing the typography, icon width and height, background colors, and much more. For more details, refer to this documentation here.
By following these basic steps, you can enable social login for your login registration forms on your WordPress website.
If you face any difficulties, feel free to contact our support team for further assistance.
Powered by BetterDocs
Most Popular Elementor Addons That Powering Up 1 Million+ WordPress Sites.
Copyright © 2021 | A WPDeveloper Product | Built with Flexia & Elementor [GcP]
It’s easy: all we need is your eternal love. But we’ll settle for your email.
I Don't Want To win!