Add shop support

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') %>

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.

snippets/social/shop/1.md

@@ -0,0 +1,3 @@
+## Prerequisites
+
+Before you begin, sign up for a Shopify store with all necessary requirements fulfilled.

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

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 <dfn data-key="callback">redirect URI</dfn> will have the following format: `https://<YOUR CUSTOM DOMAIN>/login/callback`.
+:::

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.

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).

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).