How to Connect storefront.dev to Shopify

Getting your Shopify store connected to Storefront.dev is straightforward! We'll walk you through creating a private app in Shopify and using the API credentials to establish a secure connection.

Video Walkthrough

Prefer to follow along with written instructions? No problem! Here's the step-by-step guide:

Part 1: Create Your Private App in Shopify

Let's start by setting up a private app in your Shopify admin:

1. Head to app settings: Navigate to Apps and sales channels in your Shopify admin
2. Start building: Click Develop apps
3. Create your app: Click Create an app
4. Give it a name: Enter something descriptive like "Storefront.dev Integration"
5. You're all set: Click Create app

Part 2: Set Up Your API Permissions

Now we'll configure the permissions that allow Storefront.dev to access your product data:

6. Open the configuration: In the Overview tab, click Configure Admin API scopes
7. Add the required permissions: Use the search bar to find and select these three scopes:
   • Search "products" → select read_products
   • Search "listings" → select read_product_listings
   • Search "files" → select read_files
8. Save your changes: Click Save in the top right corner
9. Quick refresh: Refresh the page to make sure your changes take effect

Part 3: Install Your App and Grab the API Token

Time to install your app and get that important access token:

10. Install your app: Click the Install app button (the black button in the top left)

11. Confirm the installation: Click Install when prompted

12. Get your access token: You'll see your Admin API access token displayed as dots. Click Reveal token once, then click the copy icon to save it

    ⚠️ Heads up! This token will only be shown once, so make sure to copy it right away and keep it handy.

Part 4: Connect Everything to Storefront.dev

Almost there! Now let's link your Shopify store to Storefront.dev:

13. Open Storefront.dev: Head over to storefront.dev in a new tab
14. Get started: Click Start training in the bottom right corner
15. Begin the connection: Click Connect to Shopify
16. Paste your access token: Drop that access token you copied into the Access Token field
17. Add your shop domain:
    • Switch back to your Shopify admin tab
    • Find your store URL in the top left corner
    • Right-click the URL and select Copy link address
18. Enter your domain: Paste your Shopify domain into the Shop domain field
19. Make the connection: Click Connect and you're done!

You're All Set! What Happens Next?

Congratulations! Once connected, Storefront.dev will have access to your product catalog and can start training on your store's data. You should see a confirmation message letting you know the connection was successful.

Running Into Issues? We've Got You Covered

• Token not working? Double-check that you copied the complete token and that it hasn't expired
• Domain format troubles? Your shop domain should look like this: your-store.myshopify.com
• Permission errors? Make sure all three required API scopes were selected and saved properly

---

Still need help? Our support team is here for you! Feel free to reach out or check out the video tutorial above.