Skip to content
Support center
  • Home
  • Support Center
  • Docs
  • Changelog

General

  • Support
  • Plugin Bundled with Themes
  • How to Revoke Product License Key
  • How to purchase ElementsKit and Metform Pro License

Elements Kit

  • Widget Builder
  • Header Footer Builder
  • Mega Menu Builder
  • Vertical Mega Menu
  • One Page Scroll
  • Parallax Effects
  • Sticky Content Module
  • Instagram Feed API
  • Facebook Feed API
  • Facebook Messenger
  • Twitter Feed API
  • Advanced Accordion
  • Advanced Tab
  • Timeline
  • Advanced Chart
  • Data Table
  • Creative Button
  • Motion Text
  • Hotspot
  • Gallery
  • Woocommerce Product List
  • Woocommerce Category List
  • Woocommerce Mini Cart
  • Woocommerce Product Carousel
  • Heading Title
  • Button
  • Team
  • Accordion
  • Tab
  • Social Media
  • Client Logo
  • Mailchimp
  • FAQ
  • Image
  • FunFact
  • Countdown Timer
  • Image Box
  • Image Accordion
  • Icon Box
  • Pie-Chart
  • Progress Bar
  • Pricing Table
  • Testimonial
  • Header Info
  • Video
  • Image Comparison
  • Post Tab
  • Post List
  • Page List
  • Header Off-canvas
  • Dropcaps
  • Duel Button
  • Business Hours
  • Social Share
  • Category List
  • Search
  • Post Grid
  • Nav Menu
  • Contact Form 7
  • Caldera Form
  • We Forms
  • Wp Forms
  • Ninja Forms
  • Tablepress
  • Unfold
  • Advanced Toggle

MetForm

  • Getting Started
  • Form Input Field
  • Pro Input Field List
  • Pro Feature- Multi-Step Form
  • Pro Feature- Calculation
  • Pro Feature- Payment Method
  • Pro Feature- Conditional Logic
  • General
  • Confirmation
  • Notification Email
  • Integration
  • Payment
  • CRM
  • Auth
  • reCAPTCHA Integration
  • PayPal Payment Set Up
  • Stripe Payment Set Up
  • Thank You Page
  • Mailchimp Integration
  • AWeber Integration
  • ActiveCampaign
  • GetResponse Integration
  • ConvertKit Integration
  • Hubspot
  • Zoho
  • MailPoet Integration
  • Slack Integration
  • Support
  • WooCommerce Checkout
  • Create Post with MetForm
  • Response Message

WP Social

  • GETTING STARTED WITH WP SOCIAL
  • WP SOCIAL FACEBOOK LOGIN
  • WP SOCIAL GOOGLE LOGIN APP
  • WP SOCIAL LINKEDIN LOGIN APP
  • WP SOCIAL TWITTER APP
  • WP SOCIAL WORDPRESS APP
  • WP SOCIAL GITHUB APP
  • WP SOCIAL REDDIT APP
  • WP SOCIAL DRIBBBLE APP
  • WP SOCIAL COMMENT COUNT
  • WP SOCIAL POST COUNT

WP Ultimate Review

  • Settings

WP Fundraising Donation

  • Getting Started with WP Fundraising
  • WP Fundraising With Crowdfunding
  • WP fundraising with Single Donation Campaign
  • Others Way to Add Campaign
  • WP Fundraising With Default Payments
  • WP Fundraising with Woocommerce
  • Short-Code
  • Do-Action
  • Home
  • Docs
  • WP Social
  • WP SOCIAL FACEBOOK LOGIN

WP SOCIAL FACEBOOK LOGIN

Table of Contents
  • Getting Started
  • Create Facebook App
  • Use your client ID and client Secret with WP Social

Getting Started #

In order to allow your visitors to login with their Facebook account, first you must create a Facebook App. The following guide will help you through the Facebook App creation process. After you have created your Facebook App, head over to “Settings” and configure the given “App ID” and “App secret” according to your Facebook App. Let’s Learn…

Create Facebook App #

  • Go to https://developers.facebook.com/apps/
  • Log in with your Facebook ( if you are not logged in )
  • Click on “Get Started” menu
  • Now you’ll be taken to a 3-phase registration phase. Click on “Continue” in the first phase.
  • In the second phase, you have to review your email address and agree to receive the updates and promotional emails from Facebook. Click on “Confirm Email” if you didn’t change the primary email address. If you did, click on “Update Email”.
  • The “About you” phase will ask you to choose what best describes you. Choose one and then click on “Confirm Registration”
  • Now you will be redirected to the main page to start creating an app. Click on “Create App” to proceed on
  • It is time to define why you need to create an app. Choose one from the list and click on “Continue”
  • Set the App Display Name and App Contact Email and then go ahead clicking on “Create App”. This app name will be displayed to the users when they try to “Login with Facebook”. So, make sure you provide a meaningful name in this field.
  • To make sure that you are not a spamming bot, you have to proceed on with a reCAPTCHA security check. Once done, click on “Submit”
  • Click on the “+” of the “Products” menu on the left of the page. You’ll be now presented with a wide range of products. Find “Facebook Login” from the list and click on “Set Up”.
  • On the left side of your screen, you’ll see the Settings under the Facebook Login App menu. Click there then go to Valid OAuth Redirect URIs.
  • You will find the redirect URIs from Wp Social Plugin.
  • Go to Social Login Settings of WP Social. Find the Provider list and switch the toggle button to Yes below Facebook.
  • And now, click on the Settings button of Facebook login. Here, you’ll find the redirect URI. Copy that and paste that on the Valid OAuth Redirect URIs field.
  • From Settings Dropdown select Basic Submenu. Here you can find the App ID and  App Secret. Then click on the “Show” button in the “App Secret” text box. You can copy the “App Id” and “App Secret” that you can use for Facebook API calls. But when you first create a Facebook app, it remains private and available only to you for testing purposes. Here users can only use this after you make the app live. For the live app, you must enter a Privacy Policy URL. Here you also need to fill in other information like.
  1. App Domains,
  2. Contact Email
  3. Privacy Policy URL
  4. Terms of Policy URL
  5. Category, etc.

When you’re done click Save Changes button.

Use your client ID and client Secret with WP Social #

  1. After the successful Facebook app creation process, you will need to go to WP social plugin from the dashboard.
  2. Click on the Settings button of the Facebook app login.
  3. Open Settings Tab.
  4. Here you need to paste the App ID and App Secret received from the Facebook Login app.
  5. Click the Save Changes button when you are done.

Congratulations! You’ve successfully integrated Facebook Login into your WordPress Website. However, if you have any issues that requires our attention, feel free to contact our support center.

What are your Feelings
Share This Article :
Updated on January 17, 2021
GETTING STARTED WITH WP SOCIAL
Table of Contents
  • Getting Started
  • Create Facebook App
  • Use your client ID and client Secret with WP Social
Copyright © 2021 Wpmet