Shopify

Millions of the world's most successful brands trust Shopify to sell, ship and process payments anywhere.

This integration allows business users to build personalized landing pages and storefronts by repurposing product content from your Shopify product catalog. It also enables developers to use their preferred front-end tools to build these applications.

Adding the Shopify integration to your Uniform project adds new parameter types that you can add to your Uniform Canvas components.

Before you start

You must the following available to complete this setup:

  • Shopify account with developer access.
  • Uniform account with administrator access. If you don't already have one, you can request an account at https://uniform.dev/try.

To configure a connection to Shopify, you need an API access token. This gives you the settings that will enable Uniform to use the Shopify API.

info

For more detailed information and instructions, see the Shopify documentation.

  1. Log into Shopify and open your store.
  2. Create a custom app.
  3. Add the following access scopes:
    • Admin API > Product listings > read_product_listings
    • Admin API > Products > read_products
  4. In the section Webhook subscriptions, note the value of Event version. You will need this value to configure the integration in Uniform.
  5. Save your changes.
  6. Install the app.
  7. Note the value of Admin API access token. You will need this value to configure the integration in Uniform.

  1. In Uniform, open your project.

  2. Navigate to the Integrations tab.

  3. Scroll to the section Browse Integrations.

  4. Click Shopify.

    add-integration-to-project

  5. Click Add to project.

    settings-empty

  6. Enter the required fields.

    FieldDescription
    Your development storeYour Shopify store ID. You can find this value in the URL you are logged into Shopify and connected to your store. It's the first part of the domain name. For example, if the domain name is myshop-1234.myshopify.com, the store ID is myshop-1234.
    Webhook versionThe value you collected when you created the custom app in Shopify.
    Access TokenThe value you collected when you installed the custom app in Shopify.

  7. Click Test to ensure the settings you entered are working correctly.

    About this step

    It's important to test the connection because saving the settings doesn't test if the settings work.

  8. Click Save.

Next steps

Explore the new parameter types that are available when you configure components using Uniform Canvas.

Last modified
Next
Shopify parameters