How to create a Facebook App for Social Connect

Login into Facebook for Developers

First you will need to go to Facebook for Developers and to Login into your Facebook Account.

Profile Builder Pro - Social Connect - Facebook App

Register as a Facebook Developer

If you are not a Facebook Developer click on “Get Started”, accept the Facebook Platform Policy and the Facebook Privacy Policy, and then click on Register.

Profile Builder Pro - Social Connect - Facebook App - Get Started

Verify Facebook Account

If your Facebook Account is not verified you will be prompted to verify it. After completing all the requested details click on Register.

Create the Facebook App after Registration

After you Register as a Facebook Developer you will be able to create your first Facebook App.

Set the Display Name (which is the name of your Facebook App), the Contact Email and also set the Category to Business. After finishing to setup the App click on “Create App ID”.

Profile Builder Pro - Social Connect - Create Facebook App

Create a Facebook App

As a logged in Facebook Developer you can click on “Create an App Project” to create your first Facebook App.

Profile Builder Pro - Social Connect - Create an App Project

Setup the Facebook App

After clicking on “Create an App Project” you will need to enter the Display Name (which is the name of your Facebook App), the Contact Email and also to set the Category to Business.

After finishing to setup the App click on “Create App ID”.

Product Setup Facebook Login

After clicking on “Create App ID” you will get redirected to the App’s Product Setup page within your Facebook Developer Account. Here you will need to click on “Get Started” displayed next to Facebook Login.

Note – If you are not on the Product Setup page click on “Add Product”

Profile Builder Pro - Social Connect - Facebook App - Dashboard

Select Web Platform

After clicking on “Get Started”, displayed next to Facebook Login, you will need to select “Web Platform” for your Facebook Login Product.

Profile Builder Pro - Social Connect - Facebook App - Choose a Platform

Add your Website URL

And now enter the URL of your website and click on Save.

Profile Builder Pro - Social Connect - Facebook App - Add URL

App Review

After saving the URL of your website click on “App Review”, displayed on the left side, and move the “Make Social Connect public?” handle to Yes.

Profile Builder Pro - Social Connect - Facebook App - App Review

Copy the Facebook App ID

Now go to Dashboard, displayed on the left side, and copy your App ID.

Profile Builder Pro - Social Connect - Facebook App - App ID

Paste the Facebook App ID

After you copy the Facebook App ID go to your website -> Dashboard -> Profile Builder -> Social Connect -> Enable Facebook Login and paste your Facebook App ID. Scroll to the bottom to Save.

Profile Builder Pro - Social Connect - Application Settings - Facebook App

Facebook Login in Front End

Social Login with Facebook should be available on WordPress Default and Profile Builder forms.

Profile Builder Pro - Social Connect - Application Settings - Facebook in Login Form