Skip to content
Last updated

Shopify integration

Shopify is a commerce platform that helps businesses create online stores, manage products, process orders, and handle customer relationships. Integrating Shopify with Frontegg allows your application to access and manage store data — including products, orders, customers, inventory, and fulfillments — on behalf of your users through OAuth 2.0 authentication.


Prerequisites

Connect Shopify

Step 1: Open the Shopify Partners dashboard

Go to partners.shopify.com and log in with your Shopify account. If you do not have a Partner account yet, click Become a partner to create one for free.

Once logged in, navigate to App distribution in the left sidebar.

Shopify Partners dashboard with App distribution highlighted

Step 2: Go to the Dev Dashboard

On the App distribution page, click Visit Dev Dashboard to open the Shopify Dev Dashboard where you create and manage apps.

Shopify App distribution page with Visit Dev Dashboard highlighted

Step 3: Create a new app

In the Dev Dashboard, click Create app in the top right corner.

Shopify Dev Dashboard with Create app button highlighted

Step 4: Enter the app name

Under the Start from Dev Dashboard section, enter a name for your application in the App name field (for example, "Frontegg Integration") and click Create.

Shopify Create app form with app name filled in

Step 5: Configure the app version

After creating the app, you are redirected to the Create version page. This page lets you configure your app's URLs, scopes, and redirect URLs before releasing a version.

Shopify Create version page overview

Step 6: Add OAuth scopes

Scroll down to the Scopes section. Click Select scopes to open the scope selection dialog, then select the required scopes from the list:

ScopeDescription
read_productsRead product data
write_productsCreate and update products
read_ordersRead order data
write_ordersCreate and update orders
read_customersRead customer data
write_customersCreate and update customers
read_inventoryRead inventory levels
write_inventoryUpdate inventory levels
read_fulfillmentsRead fulfillment data
write_fulfillmentsCreate and update fulfillments
read_locationsRead store locations
read_reportsRead settlement reports
write_reportsCreate settlement reports

Minimum required scopes

For basic functionality, you need: read_products, read_orders, read_customers.

Shopify scope selection dialog showing Products scopes

Shopify scope selection dialog showing Orders and Inventory scopes

After selecting all required scopes, click Done.

Step 7: Add redirect URLs

Scroll down to the Redirect URLs field and enter the following redirect URL:

  • https://YOUR_MCP_GATEWAY_URL/integration-callback

Shopify version configuration with scopes and redirect URLs filled in

Step 8: Release the version

Click Release at the top or bottom of the page. In the confirmation dialog, click Release again. The version is now active and your app credentials are generated.

Step 9: Copy your credentials

Navigate to the Settings tab in the left sidebar. The credentials section displays:

  • Client ID — your app's unique identifier used to initiate OAuth.
  • Secret — click Reveal client secret to view the secret. Used to exchange authorization codes for access tokens.

Copy both values and store them securely.

Keep your credentials secure

Never share or commit your Client secret to version control.

Shopify app settings page showing Client ID and Secret

Configure the Frontegg portal

Once you have obtained your Client ID and Client secret from the steps above, enter them in the integration configuration page of the Frontegg portal:

  1. Open the Frontegg portal and navigate to [ENVIRONMENT] → Integrations → Shopify.
  2. Enter the Client ID and Client secret in the corresponding fields.
  3. Select the required scopes.
  4. Click Save.

Additional resources