In short: To add Facebook login to Shopify customer accounts, start connecting Facebook from Settings > Customer accounts in the Shopify admin, create an app and configure OAuth in the Meta for Developers dashboard, and then enter the App ID and App secret it issues in the Shopify admin. Finally, click Turn on on the Sign in with Facebook page in the Shopify admin, and customers can sign in with their Facebook account.
Once you finish these steps, an option to sign in with Facebook is added to your store's sign-in page. How to use Facebook login together with a sign-up form is covered in How to use a sign-up form alongside Shop, Google, and Facebook login. The steps to set up Google login, which works the same way, are in How to set up Google login in Shopify: preparing Google Cloud and setup steps. You can also turn on both Facebook and Google so customers can sign in with either one.
Key points
- Turning on Facebook login starts from the Authentication section in Settings > Customer accounts in the Shopify admin
- During setup, you switch between browser tabs for the Shopify admin and the Meta for Developers dashboard, copying and pasting values such as the redirect URL and App ID
- In Meta for Developers, you create the app, add the Facebook Login use case, add the email permission, and register the redirect URL and Deauthorize URL
- When customers use social login, the only customer data synced to Shopify is the email address
- If you've connected your own identity provider to customer accounts, you need to contact the external identity provider to connect social login
Is there anything to check before setting up Facebook login?
To connect Facebook to customer accounts, you need a Meta Developer account. You work through the tasks in order, switching between tabs for the Meta for Developers dashboard and the Shopify admin.
Source: Shopify Help Center: "Connecting Facebook to customer accounts"
Where do you start setting up Facebook login?
From the Shopify admin, go to Settings > Customer accounts. In the Authentication section, click Manage, and then click Connect next to Facebook. The Sign in with Facebook page opens.
This page shows the values you paste into Meta for Developers, so keep it open in a separate tab.
Source: Shopify Help Center: "Connecting Facebook to customer accounts"
How do you create an app and set its use case in Meta for Developers?
In another browser tab, go to the Meta for Developers dashboard and click Log in to sign in. (If you don't have a Meta Developer account, create one from this login page.)
Click Apps, and then click Create app. Fill in the App name and App contact email fields and click Next. On the Add use cases page, select "Authenticate and request data from users with Facebook Login" and click Next. On the "Which business portfolio do you want to connect to this app? (「このアプリにリンクさせるビジネスポートフォリオ」)" page, select a business portfolio or select "I don't want to connect a business portfolio yet. (「まだビジネスポートフォリオをリンクさせない。」)", and then click Next. Review the Publishing requirements page and the Overview page, and click Go to dashboard.
Source: Shopify Help Center: "Connecting Facebook to customer accounts"
How do you register the email permission and URLs in the app settings?
In the Meta for Developers dashboard, add the email permission under Use cases, and then, under Settings, register the redirect URL and Deauthorize URL shown in the Shopify admin.
- Click Use cases, and then click Customize for the "Authenticate and request data from users with Facebook Login" use case
- In the Permissions and features section, click Add next to email
- Click Settings and go to Client OAuth settings
- Copy the URL from the Redirect URL section of the Sign in with Facebook page in the Shopify admin, and paste it into the Valid OAuth Redirect URIs field. If the Shopify admin shows more than one redirect URL, repeat this for each URL
- Copy the URL from the Deauthorize URL section in the Shopify admin, paste it into the Deauthorize callback URL field on the Settings page, and click Save changes
Source: Shopify Help Center: "Connecting Facebook to customer accounts"
How do you enter the App ID and App secret in the Shopify admin?
Copy the App ID and App secret from App settings > Basic in the Meta for Developers dashboard, and paste them into the Credentials section of the Sign in with Facebook page in the Shopify admin.
- In the Meta for Developers dashboard, click App settings > Basic
- Copy the App ID and paste it into the App ID field in the Credentials section of the Shopify admin
- Click Show next to App secret, copy it, paste it into the App secret field in the Shopify admin, and click Save
- Click Save in the Shopify admin
Source: Shopify Help Center: "Connecting Facebook to customer accounts"
How do you turn on the app you set up?
On the Sign in with Facebook page in the Shopify admin, click More actions > Preview and test the Facebook authentication flow as if you were a customer signing in to your store. If everything works, click Turn on.
After you turn on Sign in with Facebook, you can test the actual customer experience by going to your online store and signing in to a customer account with Facebook.
Source: Shopify Help Center: "Connecting Facebook to customer accounts"
Which customer data is synced when you turn on Facebook login?
Even with Facebook login, the only customer data synced to Shopify is the email address. Your store can turn on multiple social logins at the same time, such as Facebook login and Google login.
How to use the birthdays, addresses, and consent collected with a sign-up form is covered in 7 ways to use birthdays, addresses, and consent collected at sign-up (Shopify new customer accounts).
Source: Shopify Help Center: "Social sign-in for customer accounts"
Can stores that use their own identity provider set this up?
If your store has connected its own identity provider to customer accounts and you also want to connect social login, contact the external identity provider. Before you start the setup, check whether Facebook login can be added.
Your own identity provider means connecting your store's own login authentication to customer accounts.
Source: Shopify Help Center: "Social sign-in for customer accounts"
After setup, how do you check that customers can sign in with Facebook?
After you turn on Sign in with Facebook, open your online store's sign-in page and check that you can sign in to a customer account with Facebook.
Source: Shopify Help Center: "Connecting Facebook to customer accounts"
Setup steps in order
In the Shopify Help Center steps, you set up Facebook login by working through the following tasks in order. During setup, you copy and paste values while switching between tabs for the Meta for Developers dashboard and the Shopify admin.
- Prepare a Meta Developer account and open both the Meta for Developers dashboard and the Shopify admin
- In the Shopify admin, go to Settings > Customer accounts, click Manage in the Authentication section, and click Connect next to Facebook to open the Sign in with Facebook page
- In another tab, go to the Meta for Developers dashboard, click Apps > Create app, and enter an app name and contact email to create the app
- On the Add use cases page, select "Authenticate and request data from users with Facebook Login", choose a business portfolio (or skip this for now), and finish creating the app
- Under Use cases, click Customize, and in the Permissions and features section, click Add next to email
- Copy the Redirect URL and the Deauthorize URL from the Shopify admin, paste them into the Valid OAuth Redirect URIs and Deauthorize callback URL fields in Meta for Developers, and save
- Paste the App ID and App secret shown under App settings > Basic in Meta for Developers into the Credentials section of the Shopify admin, and save
- Check the Facebook authentication flow with Preview in the Shopify admin
- Once you've checked it, click Turn on to activate it
- On your online store's sign-in page, check that you can sign in with Facebook
Source: Shopify Help Center: "Connecting Facebook to customer accounts"
Related articles
- How to set up Google login in Shopify: preparing Google Cloud and setup steps
- How to use a sign-up form alongside Shop, Google, and Facebook login
Frequently asked questions
Try Howdy free for 14 days
With Facebook login turned on, customers can sign in to your store with their Facebook account. Our dedicated team creates your customer metafields, sets up your sign-up form fields, and places blocks on your profile page for you, free of charge.
