diff --git a/articles/connections/social/shop.md b/articles/connections/social/shop.md new file mode 100644 index 0000000000..4e631a01ed --- /dev/null +++ b/articles/connections/social/shop.md @@ -0,0 +1,28 @@ +--- +title: Connect Apps to Shop +connection: Shop +image: /media/connections/shop.png +seo_alias: shop +toc: true +public: true +index: 39 +description: Learn how to add login functionality to your app with Shop. You will need to generate keys, copy these into your Auth0 settings, and enable the connection. +topics: + - authentication + - connections + - social + - shop +contentType: how-to +useCase: + - add-login + - customize-connections + - add-idp +--- +<%= include('../../../snippets/social/shop/0') %> +<%= include('../../../snippets/social/shop/1') %> +<%= include('../../../snippets/social/shop/2') %> +<%= include('../../../snippets/social/shop/3') %> +<%= include('../../../snippets/social/shop/4') %> +<%= include('../../../snippets/social/shop/5') %> +<%= include('../../../snippets/social/shop/6') %> +<%= include('../_quickstart-links.md') %> diff --git a/media/connections/shop.png b/media/connections/shop.png new file mode 100644 index 0000000000..737591d657 Binary files /dev/null and b/media/connections/shop.png differ diff --git a/snippets/social/shop/0.md b/snippets/social/shop/0.md new file mode 100644 index 0000000000..bb09f4ac9d --- /dev/null +++ b/snippets/social/shop/0.md @@ -0,0 +1,5 @@ +# Connect Apps to Shop + +The Sign in with Shop social connection allows users to log in to your application using their Shop account. + +By default, Auth0 automatically syncs user profile data with each user login, thereby ensuring that changes made in the connection source are automatically updated in Auth0. Optionally, you can [disable user profile data synchronization](https://auth0.com/docs/users/configure-connection-sync-with-auth0) to allow for updating profile attributes from your application. diff --git a/snippets/social/shop/1.md b/snippets/social/shop/1.md new file mode 100644 index 0000000000..c01663f68f --- /dev/null +++ b/snippets/social/shop/1.md @@ -0,0 +1,3 @@ +## Prerequisites + +Before you begin, sign up for a Shopify store with all necessary requirements fulfilled. \ No newline at end of file diff --git a/snippets/social/shop/2.md b/snippets/social/shop/2.md new file mode 100644 index 0000000000..178683d99e --- /dev/null +++ b/snippets/social/shop/2.md @@ -0,0 +1,7 @@ +## Steps + +To connect your app to Shop, you will: + +1. Set up app in Shop +2. Create and enable connection in Auth0 +3. Test connection \ No newline at end of file diff --git a/snippets/social/shop/3.md b/snippets/social/shop/3.md new file mode 100644 index 0000000000..64b271d4ad --- /dev/null +++ b/snippets/social/shop/3.md @@ -0,0 +1,13 @@ +### Set up app in Shop + +In your Shopify store admin, open the Shop sales channel settings and activate your Sign in with Shop API client. Once activated, this will reveal your Client ID and Secret; make note of these. + +Add your Auth0 redirect URL: `https://${account.namespace}/login/callback` + + +::: panel Find your Auth0 domain name +If your Auth0 domain name is not shown above and you are not using our custom domains feature, your domain name is your tenant name, your regional subdomain (unless your tenant is in the US region and was created before June 2020), plus`.auth0.com`. For example, if your tenant name were `exampleco-enterprises`, your Auth0 domain name would be `exampleco-enterprises.us.auth0.com` and your return URL would be `https://exampleco-enterprises.us.auth0.com/login/callback`. (If your tenant is in the US and was created before June 2020, then your domain name would be `https://exampleco-enterprises.auth0.com`.) + + +If you are using [custom domains](https://auth0.com/docs/custom-domains), your redirect URI will have the following format: `https:///login/callback`. +::: \ No newline at end of file diff --git a/snippets/social/shop/4.md b/snippets/social/shop/4.md new file mode 100644 index 0000000000..1b7e99d4cd --- /dev/null +++ b/snippets/social/shop/4.md @@ -0,0 +1,5 @@ +### Create and enable connection in Auth0 + +Set up the Shop social connection in Auth0. Make sure you have the generated **Client ID** and **Client Secret**. + +Configure the integration with your Client ID and Client secret, choose whether to sync user profile attributes at each login, and select the Applications that should use this Connection. \ No newline at end of file diff --git a/snippets/social/shop/5.md b/snippets/social/shop/5.md new file mode 100644 index 0000000000..c4a3a7f358 --- /dev/null +++ b/snippets/social/shop/5.md @@ -0,0 +1,3 @@ +### Test connection + +You're ready to [test your connection](https://auth0.com/docs/dashboard/guides/connections/test-connections-social). \ No newline at end of file diff --git a/snippets/social/shop/6.md b/snippets/social/shop/6.md new file mode 100644 index 0000000000..4577d18022 --- /dev/null +++ b/snippets/social/shop/6.md @@ -0,0 +1,3 @@ +### Troubleshooting + +For more information check out [Sign in with Shop documentation](https://help.shopify.com/en/manual/online-sales-channels/shop/sign-in-features). \ No newline at end of file