1. Home
  2. Docs
  3. WP User Frontend Documentation
  4. Modules
  5. Social Login & Registration
  6. Configuring Facebook

Configuring Facebook

To configure Facebook registration/login, you’ll need to create a Facebook app and insert the AppID and AppSecret on the settings page.

The ‘Site Url’ will be needed to create the App on Facebook.

How to get AppID and AppSecret from the Facebook app?

Creating a Facebook app is not a too technical thing. You can easily do it by clicking on the ‘Create an App’ link indicated on the image above or go directly to https://developers.facebook.com/apps/.

Give your App name and your contact email address. You can choose any name related to your website or anything that you can recognize it in future.

Select the App type as ‘Facebook Login.

Set your ‘App Domains’ and ‘Site URL’ from the Settings→Basic tab. Indicated in the screenshot below.

After this, you need to set the new Redirect URI according to your registration form.

Please note here you need to set the registration form ID in the {{form_id}} part. As an example, if your registration form ID is 30 like the picture is shown below you need to insert that number in the Redirect URI.

Note: You need to also select Registration from the WPUF Registration Form drop-down menu.

In short,

Your Registration Form ID: 30

Your Redirect URI: https: //wpufdemo.wedevs.com/account/?wpuf_reg=facebook&form_id={{form_id}}&hauth_done=Facebook

Your Redirect URI after inserting the form ID: https://wpufdemo.wedevs.com/account/?wpuf_reg=facebook&form_id=30&hauth_done=Facebook

Save Changes and navigate to the Facebook Login→Settings tab next. Set the 0Auth redirection URLs that you previously set with your registration form ID. Don’t forget to mark yes on ‘Client OAuth Login’, ‘Web OAuth Login’ and ’Embedded Browser OAuth Login’ as indicated in the image below.

And also enable the Login From Devices.

N.B: Don’t do any mistake the configuration shown in the 2 images above. This is the most important part.

Now, copy and paste your AppID and AppSecret from your app dashboard.

Paste this ID and Secret into the setting page as shown in the image below.

Click on the Save Changes– you are all done configuring Facebook registration/login setting here.

Now click on the Facebook icon on the login/registration page to login/register with your Facebook account to your website.

Voila! You'll be asked to sign in to authorize the app.

Here's the complete video tutorial.

Was this article helpful to you?

How can we help?