Enabling Social Login - Facebook

Katherine Ramirez Updated by Katherine Ramirez

This article will show you how to Enable Facebook Login on your Placester website.

To enable Facebook Login and Register on your Placester site, you first need to configure your Facebook App.

It is highly recommended to launch your site before doing social login configuration. Facebook bot might flag your site as inaccessible and won’t allow you to make your app live. 
  1. Go to https://developers.facebook.com/apps/.
  2. Log in with your Facebook credentials.
  3. Click on the “Create App” button and choose the “Authenticate and request data from users with Facebook Login” and then click the next button.
  1. On the next page, select "No, I'm not building a game" then click the Next button.
  1. Enter the App Name and Add Contact Email for your Facebook app respectively then click on Create App button to save your settings.
  1. Go to App Settings -> Basic to view your App Id and App Secret. The App ID is your Client ID and the App Secret is your Client Secret, keep these values handy as you will need them later to configure the Placester Social Login Plugin
  1. App Domain: Write your website’s domain there.
  1. Privacy Policy URL: Fill in this box with the URL liked to your website’s privacy policy page.
  2. Terms of Service: Fill in this box with the URL linked to your website’s terms of service page.
  3. User Data Deletion: drop down, Select Data Deletion Instruction URL (Enter the URL of your page with the instructions on how users can delete their accounts on your site).
  1. Choose a category from the dropdown in the Category field and pick the App Purpose option that describes your App the best, then press Save Changes to save your configurations.
  1. Now scroll down and click on Add Platform button. Select the Website option as you are trying to integrate your Facebook Login with a website. Click on Next.
  1. Next, enter the Site URL and click Save. Then, click Continue.
  1. Click on the Use cases tab on the left side and then click on the Customize button that appears next to the Authentication and account creation item.
  1. Below the Permissions section, find the email permission and click on the Add button.
By default, your application only has Standard Access for the “public_profile” and “email” permissions, which means that only you can log in with it. To get Advanced Access you will need to go trough the Business Verification, that you can start on the Verification tab on the left side.
Additional steps required: Make sure all required verifications and data handling questions (if applicable) are complete before submitting this app to App Review.
  1. Currently, your app is in Development Mode which also means that people outside of your business can not use it. Once your verification is completed, click on the Go to the Publish tab and publish your app by clicking on the Publish button at the bottom right corner. Before you press it, it is recommended to check the steps listed on the “Publish” page, if you configured everything properly.

Your application is currently private, which means that only you can log in with it. In the top bar, switch the “App Mode” from “Development” to “Publish”.

  1. Now update the fields “App ID” and “App Secret” in the Customizer.

 Enable JavaScript SDK for Facebook Login

For the final step, in the App Dashboard, choose your app and scroll to Add a Product Click Set Up in the Facebook Login card. Select Settings in the left side navigation panel and under Client OAuth Settings, enter your redirect URL in the Valid OAuth Redirect URIs field for successful authorization.

Indicate that you are using the JavaScript SDK for login by setting the Login with JavaScript SDK toggle to “yes”, and enter the domain of your page that hosts the SDK in Allowed Domains for JavaScript SDK list. This ensures that access tokens are only returned to callbacks in authorized domains. Only https pages are supported for authentication actions with the Facebook JavaScript SDK.

Need More Help?

If you have additional questions, let our support team know at support@placester.com.

How did we do?

#

Let experts do it for you

Visit our creative services marketplace to get on-demand help, on-time and on-budget.

Browse all Services
#

Are you looking for something different?

Didn't find an answer to your questions? Our support team is ready to help you.

Contact Support