Set Up Facebook App For Shopify Website Login

Set Up Facebook App

Author:

Webtonative

31 January, 2024

Share

You will need the following 2 things before setting up a Facebook social login.

Facebook Developer Account

Follow the following document from the official Facebook website to register as a Facebook developer if you have not already done so. (https://developers.facebook.com/docs/development/register) A registered Facebook App with Basic Settings configured.

Steps To Create a New App

  1. Go To https://developers.facebook.com/apps/ and click on Create App Button Screenshot 2023-05-02 at 10.59.59 AM.png

  2. Select "Set up Facebook Login" and click on Next.

Screenshot 2023-05-03 at 6.16.15 PM.png

  1. Select "website" as a platform Which platform will you use for your app? option and click on next.

Screenshot 2023-05-03 at 6.25.48 PM.png

  1. Fill in other details
  • App name
  • Developer email ID- Select a business account if you have any
  • Click on Create App.
  1. You will be redirected to a detail page.
  • Click on settings
  • Click on Basic
  • Here you will find your app ID and app secret (update these in the Shopify plugins section)
  • Provide privacy policy URL and user data deletion URL here.
  • Click on Save Changes Screenshot 2023-05-02 at 11.08.38 AM.png

Steps to enable Facebook login in the app

  1. On the left menu click on App Review
  • Click on "Permission and Features"
  • Make sure email and public_profile permission is enabled if you are creating the app first time or following the next step

Screenshot 2023-05-03 at 6.53.33 PM.png

  • Request advance access for email and public_profile
  1. Click on products
  • Click on configure (settings) Screenshot 2023-05-03 at 7.04.11 PM.png
  • Add https://plugins.orufy.com/api/shopify/social-login/facebook/verify URL to "Valid OAuth Redirect URIs"
  • Click on "Save changes"

Screenshot 2023-05-03 at 7.09.50 PM.png

  1. Complete business verification by clicking on "verification" from the side menu. This is a required step, social login won't work if verification is not done.

  2. Click on "Go Live" from the side menu.

  • Click on the "Go live" button at the bottom. Screenshot 2023-05-03 at 7.10.16 PM.png
  1. Copy the app ID and app secret and paste them into the social login plugin in the Shopify admin section. Facebook login_page-0004.jpg

  2. On the left side bar click on Online Store -> Themes and click on customize p1.jpg

  3. Go to the page where you want to add social login buttons. Click on add section -> Apps and Select Orufy Social Login. And click on save at the top header. p2.jpg

  4. The Facebook Login button will be visible now on your website. Facebook login_page-0006.jpg

Back to Blogs

Similar Blogs

companyLogo

Transforming your Digital Vision into Reality.


media-icon
media-icon
media-icon
media-icon

2024 Orufy Technologies All Rights Reserved.

P R O D U C T S

WebToNative

Orufy Connect