# Social Login **Social Login addon** allows students to log into your platform with their Google or Facebook accounts for quick and secure access without needing to remember additional passwords. First, make sure to enable the addon by following **WP Dashboard > Motors > Pro Addons > Social Login:**

## Settings in Social Login Addon The settings of the addon can be reached by clicking the gear icon on the pro addons page or by following **WP Dashboard > Motors > Setting > Social Login:**

**The Social Login** addon has these settings: * [**Login via Google**](#setting-up-login-via-google): You can allow login with a Google account. When you can enable this setting you need to provide the following details: * Client ID: The unique identifier assigned by Google to your application. * Client Secret: A secret key provided by Google to secure the application's communications. * Redirect URL: This is a redirect URL that can be copied and pasted to the authorized redirect URL in the Google API Console. * [**Login via Facebook**](#setting-up-login-via-facebook): You can also allow users to log in using their Facebook account. To do this, you must configure: * App ID: The unique identifier for your application on Facebook. * App Secret: A secret code given by Facebook to protect your application's interactions. * Redirect URL: This is a redirect URL to copy and paste to the Authorized redirect URL in the Google API Console. ## Setting up Login via Google To enable login via Google for your users, you need to create and configure a Google App. The steps below guide you through this process. You can also read [Google's documentation ](https://developers.google.com/google-ads/api/docs/get-started/oauth-cloud-project)and set up a Google app. ### **Creating a Google App** {% stepper %} {% step %} Visit the [Google API Console](https://console.developers.google.com/apis/) and sign in with your Google account credentials if you haven't signed in.

{% endstep %} {% step %} If you don't have a project, create one by clicking on "Select a Project" and "New Project". If you already have one, select your project from the top bar.

{% endstep %} {% step %} Name your project and click "Create".

{% endstep %} {% step %} On the left, click "OAuth consent screen".

{% endstep %} {% step %} Click on the Get Started button:

{% endstep %} {% step %} Name your app and indicate the user support email:

{% endstep %} {% step %} Select a User Type (choose "External" for public Google account login).

{% endstep %} {% step %} Enter the email addresses that receive notifications for the project:

{% endstep %} {% step %} Agree to the terms and conditions, then click on Create:

{% endstep %} {% step %} Go to the **Clients** tab and click on Create Client:

{% endstep %} {% step %} Choose '**Web application'** as the **Application type**, then **name** your OAuth Client (its internal naming and won't be visible to users):

{% endstep %} {% step %} For the Authorized Redirect URI, go back to addon settings and copy the Redirect URL, then paste it into the designated field. Click on Create to proceed:

{% endstep %} {% step %} After creation, note your "Client ID" and "Client Secret" from the modal or Credentials section. You need to save them to use later.

{% endstep %} {% endstepper %} ### **Publishing Your Google App** To make your app available to all users: {% stepper %} {% step %} Navigate to the "Audience" tab on the left and click on Publish app:

{% endstep %} {% step %} Confirm the publication:

{% endstep %} {% step %} After setting up your Google App, go to the **Settings** of the Motors Social Login addon in your site's dashboard and input your "Client ID" and "Client Secret" accordingly.

{% endstep %} {% endstepper %} That is how login will look with **Login via Google-enabled** and set up:

## Setting up Login via Facebook To enable Facebook social login on your site through the Motors Social Login addon, first, you have to create a Facebook App. This step-by-step guide will walk you through creating your Facebook App. {% hint style="info" %} **Important**: From February 1, 2023, Facebook now requires businesses to complete a Business Verification to use the Facebook Login feature. This change means that only verified businesses can offer Facebook login on their websites. Individuals without Business Verification cannot use this feature. Find more information in[ Facebook's official announcement](https://developers.facebook.com/blog/post/2023/02/01/developer-platform-requiring-business-verification-for-advanced-access/). {% endhint %} ### Creating a Facebook app {% hint style="danger" %} To obtain Advanced Access and expand your permissions, you must complete the [Business Verification](https://developers.facebook.com/docs/development/release/business-verification) process. Begin this process by navigating to the "Verification" tab on the left side. {% endhint %} 1. Go to [Facebook for Developers](https://developers.facebook.com/products/facebook-login/) and go to **Log in** (**Get Started** - if you have logged into your Facebook account) in the right corner.

2. Sign in using your Facebook credentials.

3. You will be redirected to the Developers' App creation dashboard. Click Create app on the right.

4. Choose **"Other "** for user case settings.

5. Select **Consumer** for an app type.

6. Fill in the fields for the app details and click on the Create app.

7. Then you need to add a Facebook login to your app.

8. Select the Web platform for your app.

9. Enter the URL of your website.

10. You can leave steps 2,3 and 4 without changes.

11. In the final step of adding a Facebook login to your app, you can see all of Facebook's necessary documentation with guides.

12. Go to the Settings of Facebook login.

13. Copy the Redirect URL from the Social Login addon settings.

14. Paste the URL into the "Valid OAuth redirect URIs" field in your Facebook App settings and save the changes.

{% hint style="info" %} If a blank page shows up after clicking on the **"Save changes"** button, simply refresh your browser to ensure the changes are saved. {% endhint %} 15. Ensure you enter a URL that links directly to your publicly accessible privacy policy in the "Privacy Policy URL" and "Terms of Services" fields in the Basic app settings.

16. On the "**Permissions and Features**" section under App Review, find "public\_profile" permission and choose "Request advanced access". [Business verification ](https://developers.facebook.com/docs/app-review#business-verification)is required to get the permission.

17. Confirm advanced access for the public profile.

18. Answer data handling questions and click Submit.

19. Under the "Permissions and Features" section, locate the "Email" permission and select "Request advanced access". [Business verification ](https://developers.facebook.com/docs/app-review#business-verification)is required to get the permission.