Connect Facebook to customer accounts
To connect Facebook to customer accounts, you need to complete the following tasks in order. During setup, you need to switch between browser tabs for your Meta for Developers dashboard and your Shopify admin. To connect Facebook to customer accounts, you must have a Meta Developer account. Learn how to register as a Meta Developer.
On this page
Step 1: Open the Sign in with Facebook page in your Shopify admin
From your Shopify admin, go to Settings > Customer accounts.
In the Authentication section, click Manage.
Click Connect next to Facebook to open the Sign in with Facebook page.
Step 2: Create an app in your Meta for Developers dashboard
- In a separate browser tab, go to the Meta for Developers dashboard and then click Login to sign in. If you haven't set up a Meta Developer account, then you need to create a new account from the login page before continuing to the next step.
- Click Apps.
- Click Create App.
- Fill in the App name and App contact email fields, and then click Next.
- On the Add use cases page, select Authenticate and request data from users with Facebook Login, and then 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 then click Next.
- Review the Overview page, and then click Go to dashboard.
Step 3: Configure your Meta app settings
- After creating an app, in your Meta for Developers dashboard, click Use cases.
- On the Authenticate and request data from users with Facebook Login use case, click Customize.
- To ensure that customer information is captured on sign-in, in the Permissions and features section, next to email, click Add.
- Click Settings, and then go to Client OAuth settings.
- On the Sign in with Facebook page in your Shopify admin, copy the redirect URL from the Redirect URLs section.
- On the Settings page in your Meta for Developers dashboard, paste the redirect URL in the Valid OAuth Redirect URIs field.
- If you have more than one redirect URL in the Redirect URLs section of your Shopify admin, then repeat these steps for the additional redirect URLs.
- On the Sign in with Facebook page in your Shopify admin, copy the URL from the Deauthorize URL section.
- On the Settings page in your Meta for Developers dashboard, paste the URL in the Deauthorize callback URL field.
- On the Settings page in your Meta for Developers dashboard, click Save changes.
Step 4: Configure the credentials in your Shopify admin
- Return to your Meta for Developers dashboard, and then click App settings > Basic.
- Copy the App ID from your Meta for Developers dashboard.
- On the Sign in with Facebook page in your Shopify admin, paste the App ID in the App ID field of the Credentials section.
- In your Meta for Developers dashboard, click Show next to the App secret, and then copy the App secret.
- On the Sign in with Facebook page in your Shopify admin, paste the App secret in the App secret field, and then click Save.
- In your Shopify admin, click Save changes.
Step 5: Test and activate Sign in with Facebook
- On the Sign in with Facebook page in your Shopify admin, click More actions > Preview, and then test the Facebook authentication flow as though you're a customer signing in to your store.
- Click Turn on.
After you turn on Sign in with Facebook, you can test the customer experience by going to your online store and signing in to your customer account using Facebook.