Setup Facebook Login API

How to Configure Facebook Login API

To enable the login with Facebook access your admin panel and navigate to Theme Options > Login & Register > Allow login via Facebook. In this article, we will provide you step-by-step instructions on how to configure your Facebook APP and enable Facebook to log in on your website with our Houzez theme.

Create a Facebook Developer Account

• Visit https://developers.facebook.com/ and log in with your Facebook credentials.
• If you don't have a developer account, register as a Facebook developer.

Create a New Facebook App

• In the Facebook Developer dashboard, click on "My Apps" and then "Create App."
• Select an app type (e.g., Consumer) and click "Next."
• Enter a display name for your app and contact email, then click "Create App ID."
• Complete any security checks required.

After clicking the Create App button, just follow the steps on the screen:

• Set the App Name and App contact Email

• Select the Other option as a case for your login App

• Select the Type for what you are using this app for

• Then add Details of your app as showing on the screenshot

• Then click on the create app button

Set up the Facebook Login API

• Click the Setup button on the Facebook login 

• Then select the Web as the platform where you want to use this app:

Add App Domains and Site URL

• Go to "Settings" > "Basic" in the app dashboard.
• Add your domain(s) in the "App Domains" field.
• Add your website URL in the "Site URL" field.
• Provide a Privacy Policy URL (required by Facebook).
• Save changes.

Then, click on the App settings from the Dashboard menu and fill all the fields as per the screenshot below:

Then click the Save changes button.

Configure Facebook Login Settings

• In the menu, under Facebook Login, go to "Settings."
• Enable "Client OAuth Login" and "Web OAuth Login."
• Enter your website URL(s) in the "Valid OAuth redirect URIs" field. This is typically the URL where users will be redirected after login, e.g., https://yourwebsite.com/login/facebook/callback.
• Save the changes.

Then copy the profile page URL from your site and paste it to the Redirect URI to check field and clicks the check URI button:

Note: Please make sure that you will see this message: "This is a valid redirect URI for this application"

Make Your App Live

• Change the app status from "Development" to "Live" at the top-right corner of the dashboard.
• Make sure you meet Facebook’s requirements for going live, including providing a privacy policy.

Get App ID and App Secret

• In "Settings" > "Basic," copy the "App ID" and "App Secret."
• You will use these credentials in your website or app to enable Facebook login.

Implement Facebook Login on Your Website

Paste these values in your Theme Options -> Login & Register > Allow login via Facebook. as shown on the screenshot