.

How to activate Facebook login on your Website and Android Mobile Application

How Can We Help?

You are here:
  • Main
  • Mobile App
  • How to activate Facebook login on your Website and Android Mobile Application
← All Topics

How to  activate Facebook login on your Website and Android Mobile Application

If you have already set up the Facebook Login on your website before then you can proceed to step 20 to set it up on your Android Mobile Application

Step 1:

Go to Facebook Developers Website and Login with your Facebook account normally then Select Add New App under My Apps

choose Add new app

Step 2:

Set a name for the application (usually your brand name). This will be the name shown to your customers when they login using Facebook.

Set a name

Step 3:

Under Facebook Login, press Set Up

press set up

Step 4:

Click on Web to configure the login on your website

press on web

Step 5:

Fill in your website link then click on Next for the following steps till you get to the end of the quick start

write your website URL

Step 6:

In your Facebook developer account head to setting and choose basic

head to setting and choose basic

Step 7:

Add your Privacy Policy URL, and your domain name to App Domain field, choose your category and press the save button once you have finished.

Add your Privacy Policy URL, and your domain name to App Domain field.

Step 8:

Got to the header on the right and press the switch to activate your App

Add your Privacy Policy URL, and your domain name to App Domain field.

press confirm

Step 9:

Head to your website’s dashboard and select the plugins tab and activate the Nextend plugin

dashboard>plugins>activate nextend plugin

Step 10:

Head to the settings tab in your dashboard and press Nextend social Login

dashboard>settings>nextend social login

Step 11:

Press the getting started button on Facebook

press getting started button on Facebook

Step 12:

You will see the steps that we have already gone through except for the step number 11 “Valid OAuth redirect URIs”

take a copy of it similar to the one in this picture.

Valid OAuth redirect URIs

Step 13:

Head to your facebook developer account and go to the products tab in the menu on the left then Facebook login then choose settings and paste the Valid OAuth redirect URIs in it’s place as shown in this picture.

paste the Valid OAuth redirect URIs

Step 14:

Return back to your WordPress dashboard and in the same settings tab choose the Nextend Social Login and press the button”I am done setting up my Facebook App”

Step 15:

Head back to your Facebook developer account in the settings tab choose Basic then copy the App ID and the App Secret.

copy the app ID and the app secret

Step 16:

Go to back to your website dashboard and paste them in the settings tab in the Nextend Social Login then press save changes.

paste the app ID and app Secret

Step 17:

Press verify settings.

Press verify settings

Step 18:

Press continue.

Press continue

Step 19:

Press verify settings again and press enable

Press verify settings again and press enable

Step 20:

After setting up the Facebook Login on your website you can proceed with setting it up on your mobile application.

Head to your Facebook developer account then go to the settings and choose basic, scroll down till you reach the add platform section and press it.

press add new platform

Step 21:

Choose the Android icon.

choose the android icon

Step 22:

You’ll need the Google Play Package Name and the Key Hash ID, you can get both by going to your website dashboard and then hovering the mobile application tab then selecting app settings you’ll find the Google Play Package Name and when you scroll down you’ll find the Facebook Hash ID, copy and paste both back in your Facebook developer account

Google Play package name

Facebook Hash ID

Step 23:

Press the single sign on to activate it and press save changes

activat the single sign on and press save changes

Step 24:

Press “use this package name”

press use this package name

Step 25:

In your Facebook developer account, head to the settings tab then select Basic the copy your App ID

Step 26:

Head to your websites dashboard and hover Mobile Application then select App settings and scroll down till you reach the Facebook App ID section, paste the Facebook App ID and write your App name then press the save button to save your changes.

Paste your Facebook App ID and write your app name

press the save button

Previous Add Trusted Phone to iTunes account
Next How to activate Push Notifications on your Mobile Application
Table of Contents