No results found. Try again with different words?
Search must be at least 3 characters.
- How to update plugin manually through FTP
- How to update UABB?
- How to register your license?
- About Beta Versions
- Will I lose all my design work when I download and re-install the plugin?
- Getting Started with the Ultimate Addons for Beaver Builder
- How can I install the Ultimate Addons for Beaver Builder?
- Automatic Beta Updates
- How to check expiration date of license?
- How to enable / disable Beaver Builder's UI?
- UABB Global Settings
- How to White Label UABB?
- How to enable / disable Live Preview feature?
- How to Hide Templates from your Clients?
- How can I use other modules in Modal Popup / Advanced Accordion / Advanced Tab?
- How to enable / disable modules in UABB to reduce server requests?
- Section and Page Templates don’t look the same when I am using them. Why?
- How can I Begin Building a Page using UABB?
- Troubleshooting Tips for Ultimate Addon’s Font Icons
- White Screen / Blank Screen / 500 Error After Installation
- Fatal error: Call to undefined function array_replace_recursive()
- How to Increase the Memory Limit of your site?
- Fatal error: Class 'FLBuilderAdminSettings' not found
- Failed to download template from Template Cloud
- Haven't received update notification yet?
- cURL error 51: SSL: No alternative certificate subject name matches target host name
- DIY Troubleshooting
How to Create a Google Client ID for Login Form Module?
Social Login is a very widely used feature, and with many users having an account on Google and making a Google Login will only make the process of user onboarding and logging in easier than ever.
To add the Login Form module of Beaver Builder with an option of Google Login, you need to get the Google Client ID –
Firstly, you will need to drag and drop the Login Form module on the page and enable the Social Login for Google from the Social Login tab of the module.
Now you will need to follow these steps to create an app on the Google Console to use the Social Login –
Step 1: Setup the Project
- Visit and register your website on Google at https://console.developers.google.com/
- You will need to be logged in with your Google Credentials.
- If you already have a project, click on the name of your project in the dashboard. While, If you don’t have a project yet, you will need to create one. Beside Google API’s logo, click the dropdown and click New Project button.
- Name your Project, and click on Create button.
- Once you have a Project you will end up in the Dashboard.
Step 2: Setup the Credentials
- Select the OAuth consent screen from the left sidebar!
- Let the User Type be External. Enter a suitable name for your Application under the “App Information”.
- Add relevant information in the below fields.
- Under “Authorized domains”, click ‘+Add Domain” and domain name probably: your-site-url.com without any subdomains.
- Press Save and you will be redirected to the Credentials screen. Make sure all fields are filled out otherwise the Save button won’t work.
Step 3: Setup the OAuth credentials
- Redirected to the Consent screen click on the Create credentials button in the center of the page.
- It will open up a dropdown, select the OAuth Client ID.
- In the next screen, you will have multiple Application Type for the applications which use OAuth ID. You must select the Application Type as Web Application.
- You will see new options below, start with the Name of your Application.
- Add the Authorized JavaScript Origins which must be exactly your domain name. e.g. https://your-site-url.com without any subdomains.
- Add the relevant Authorized redirect URIs this must be the same which will be added to the backend of the Social Login settings under the Dashboard > Settings > UABB > Social Login.
- Now, click on the Create Button.
- A modal should pop up with your credentials. If it doesn’t open, go to the Credentials tab in the left-side bar and select your app by clicking on the name you entered. You will be able to copy the Client ID from here.
Paste the Client ID in the Social Login settings in the backend under WordPress Dashboard > Settings > UABB > Social Login > Google Client ID section. And you’ve set up the client ID for Social Login successfully.
If you want to add the Facebook Social Login, visit the following link on How to Create a Facebook App ID for Login Form Module?
We don't respond to the article feedback, we use it to improve our support content.