Social sign-in for customer accounts

In addition to the default passwordless sign-in experience for customer accounts, you can connect your Google and Facebook accounts to let customers sign in using their social credentials.

Activating social sign-in for customer accounts can provide customers with a faster sign-in experience through familiar authentication methods. You can activate multiple social sign-in methods on your store.

If you've connected your own identity provider to customer accounts and you want to connect social sign-in, then you need to contact your external identity provider.

Considerations for connecting social sign-in to customer accounts

Review the following considerations for connecting social sign-in to customer accounts:

• You must have a developer account for the provider that you want to connect to customer accounts.
• The only customer data synced to Shopify when you use social sign-in is the customer's email address.

Connect Google to customer accounts

To connect Google to customer accounts, you need to complete the following tasks in order:

• Step 1: Open the Sign in with Google page in your Shopify admin
• Step 2: Create an app in your Google Cloud Console
• Step 3: Configure your app's OAuth client in your Google Cloud Console
• Step 4: Configure the credentials in your Shopify admin
• Step 5: Publish your app in your Google Cloud Console

During setup, you need to switch between browser tabs for your Google Cloud Console and your Shopify admin. You need to have a Google Cloud account set up to connect Google to customer accounts. To learn more about Google Cloud, refer to Google's help documentation.

Step 1: Open the Sign in with Google page in your Shopify admin

1. From your Shopify admin, go to Settings > Customer accounts.

2. In the Authentication section, click Manage.

3. Click Connect next to Google to open the Sign in with Google page.

This page contains information that you'll be expected to copy and paste when configuring your Google app's OAuth client, so keep this page open in a separate browser tab.

Step 2: Create an app in your Google Cloud Console

1. In another browser tab, sign in to your Google Cloud Console.
2. Select an existing project or create a new one. You'll be redirected to the project's dashboard.
3. Click , and then click APIs & Services > Credentials.
4. Click Configure consent screen > Get started.
5. Complete your project OAuth configuration details:
   1. Give your app a name that a customer would recognize, such as the name of your online store. Provide your email for technical support, and then click Next.
   2. In the Audience section, select External, and then click Next.
   3. Provide a contact email for any notifications that Google might have about the project, and then click Next.
   4. Agree to Google's API Services User Data Policy, and then click Continue.
   5. Click Create.
6. Configure your app's policy information that displays to customers on the consent screen:
   1. Click Branding.
   2. In the App domain section, include a link to your home page, a link to your public privacy policy, and a link to your terms of service. Learn more about creating store policies.

Step 3: Configure your app's OAuth client in your Google Cloud Console

This step requires you to copy details from the Setup instructions section of the Sign in with Google page of your Shopify admin and paste them into the appropriate fields in your Google Cloud Console tab.

1. In your project's app in Google Cloud Console, click Overview.
2. In the Metrics section, click Create OAuth client.
3. Configure the OAuth client details:
   1. From the Application type drop-down menu, select Web application.
   2. In the Name field, enter a name.
4. Configure the Authorized Javascript origins for your app:
5. In Authorized Javascript origins section, click + Add URI.
6. On the Sign in with Google page in your Shopify admin, copy the Authorized Javascript origins value.
7. In your Google Cloud Console, paste the value in the URIs 1 field.
8. If you have more than one URI in the Authorized Javascript section of your Shopify admin, then repeat these steps for the additional URI fields.
9. Configure the Authorized redirect URIs for your app:
10. In your Google Cloud console, in the Authorized redirect URIs section, click + Add URI.
11. In your browser tab with your Shopify admin, copy the Authorized redirect URI value.
12. Navigate back to your Google Cloud Console, and then paste the value in the URIs 1 field.
13. If you have more than one URI in the Authorized redirect URI section of your Shopify admin, then repeat these steps for the additional URI fields.
14. In your Google Cloud Console, click Create.

Keep the OAuth client created dialog that displays open for Step 4: Configure the credentials in your Shopify admin, as you're required to copy and paste information from the Google Cloud Console into your Shopify admin.

Step 4: Configure the credentials in your Shopify admin

1. From the OAuth client created dialog in your Google Cloud Console, copy the Client ID.
2. On the Sign in with Google page of your Shopify admin, in the Credentials section, paste the Client ID.
3. From the OAuth client created dialog in your Google Cloud Console, copy the Client secret.
4. On the Sign in with Google page of your Shopify admin in the Credentials section, paste the Client secret.
5. On the Sign in with Google page of your Shopify admin, click Save.

Step 5: Publish your app in your Google Cloud Console

1. In your project's app in Google Cloud Console, click Audience.
2. Click Publish app.

Connect Facebook to customer accounts

To connect Facebook to customer accounts, you need to complete the following tasks in order:

• Step 1: Open the Sign in with Facebook page in your Shopify admin
• Step 2: Create an app in your Meta for Developers dashboard
• Step 3: Configure your Meta app settings
• Step 4: Configure the credentials in your Shopify admin
• Step 5: Test and activate Sign in with Facebook

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.

Step 1: Open the Sign in with Facebook page in your Shopify admin

1. From your Shopify admin, go to Settings > Customer accounts.

2. In the Authentication section, click Manage.

3. Click Connect next to Facebook to open the Sign in with Facebook page.

Step 2: Create an app in your Meta for Developers dashboard

1. 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.
2. Click Apps.
3. Click Create App.
4. Fill in the App name and App contact email fields, and then click Next.
5. On the Add use cases page, select Authenticate and request data from users with Facebook Login, and then click Next.
6. 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.
7. Review the Publishing requirements page, and then click Next.
8. Review the Overview page, and then click Go to dashboard.

Step 3: Configure your Meta app settings

1. After creating an app, in your Meta for Developers dashboard, click Use cases.
2. On the Authenticate and request data from users with Facebook Login use case, click Customize.
3. To ensure that customer information is captured on sign-in, in the Permissions and features section, next to email, click Add.
4. Click Settings, and then go to Client OAuth settings.
5. On the Sign in with Facebook page in your Shopify admin, copy the redirect URL from the Redirect URLs section.
6. On the Settings page in your Meta for Developers dashboard, paste the redirect URL in the Valid OAuth Redirect URIs field.
7. 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.
8. On the Sign in with Facebook page in your Shopify admin, copy the URL from the Deauthorize URL section.
9. On the Settings page in your Meta for Developers dashboard, paste the URL in the Deauthorize callback URL field.
10. On the Settings page in your Meta for Developers dashboard, click Save changes.

Step 4: Configure the credentials in your Shopify admin

1. Click the Home icon to return to your Meta for Developers dashboard, and then click App settings > Basic.
2. Copy the App ID from your Meta for Developers dashboard.
3. On the Sign in with Facebook page in your Shopify admin, paste the App ID in the App ID field of the Credentials section.
4. In your Meta for Developers dashboard, click Show next to the App secret, and then copy the App secret.
5. On the Sign in with Facebook page in your Shopify admin, paste the App secret in the App secret field, and then click Save.
6. In your Shopify admin, click Save changes.

Step 5: Test and activate Sign in with Facebook

1. 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.
2. Click Turn on.

After you turn on Sign in with Facebook, you can test the customer experience by navigating to your online store and signing in to your customer account using Facebook.

Sign in with Shop

If you have Shop Pay activated, then your customer can sign in with their Shop credentials and saved passkeys. Customers are also automatically signed in with Shop after they check out on your store using Shop Pay.

Sign in with Shop is activated automatically for customer accounts, and can only be removed from your store if you deactivate Shop Pay.

Learn how to add a Sign in with Shop button to your store.

Managing your social sign-in options

You can edit, turn off, or remove a social sign-in method that you've connected.

After you turn off or remove a social sign-in method, customers remain logged in to prevent disruption. Social sign-in sessions expire naturally, or when customers sign out.

Steps:

1. From your Shopify admin, go to Settings > Customer accounts.

2. In the Authentication section, click Manage.

3. Next to the sign-in method that you want to change, click the … menu.

4. Do any of the following:

   • To edit a sign-in option, click Manage, and then update the credentials that you want to edit.
   • To turn off a sign-in option without removing it, click Turn off.
   • To remove a sign-in option, click Remove, and then click Remove in the dialog.

Updating your social sign-ins when changing your customer accounts domain

If you plan to change your customer accounts domain to a different URL, then you'll need to update your social sign-in settings before making the change in Shopify. This ensures customers can continue to sign in without interruption.

These steps are required when you update your customer accounts URL in Shopify from the legacy format, such as shopify.com/1234567890/account, to the new subdomain format account.your-store.com, or from an existing subdomain to a different subdomain, such as updating account.your-store.com to customers.your-store.com.

Add the new customer accounts subdomain to your social providers

You'll add the new domain to your social provider's settings alongside your current domain. After you change the customer accounts domain in Shopify and confirm the customer accounts sign-in and sign-out process is working, then you can remove the old domain entries.

You need to repeat these steps for each social sign-in option you've activated.

Steps: