## 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
- A Shopify Partner account (free to create at [partners.shopify.com](https://partners.shopify.com/))


### Connect Shopify

#### Step 1: Open the Shopify Partners dashboard

Go to [partners.shopify.com](https://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](/assets/shopify-1.ffee23ebf9a3e72f2ee3f5c77a718c8694b3583bb7a78c359224de1579a3ebaf.1ce25488.png)

#### 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](/assets/shopify-2.2d884495e7942ef757c276f889fcc3bf0e47bda9932158fb9df32648ed563ec4.1ce25488.png)

#### 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](/assets/shopify-3.37bb6fbd9c1d0828d402fbc48a2d89b7cad5ae4ecfe1c976f9f53dae59ec00d7.1ce25488.png)

#### 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](/assets/shopify-4.e496c29455092737c7c55623f9aa8ae58264716dbfa28dbf43e9d443dd0277f9.1ce25488.png)

#### 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](/assets/shopify-5.1da28484659ac07d8ded94a240d01fa9139230e1cebb16e9ec9fab74e6abfd97.1ce25488.png)

#### 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:

| Scope | Description |
|  --- | --- |
| `read_products` | Read product data |
| `write_products` | Create and update products |
| `read_orders` | Read order data |
| `write_orders` | Create and update orders |
| `read_customers` | Read customer data |
| `write_customers` | Create and update customers |
| `read_inventory` | Read inventory levels |
| `write_inventory` | Update inventory levels |
| `read_fulfillments` | Read fulfillment data |
| `write_fulfillments` | Create and update fulfillments |
| `read_locations` | Read store locations |
| `read_reports` | Read settlement reports |
| `write_reports` | Create settlement reports |


Minimum required scopes
For basic functionality, you need: `read_products`, `read_orders`, `read_customers`.

![Shopify scope selection dialog showing Products scopes](/assets/shopify-7.3cdccc47fe28cf29c6ce2ced1bc57f4337428a0da8849bcee41544a72ba7c71c.1ce25488.png)

![Shopify scope selection dialog showing Orders and Inventory scopes](/assets/shopify-8.e7428ded2d86c4b3c80810453ebd58409e3c8eca71953868de1d1a649b2892b7.1ce25488.png)

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](/assets/shopify-9.4f2462acf21a31d75e8552c5df49832209a54fbdd3d6ea97a9f549d7c8a297fc.1ce25488.png)

#### 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](/assets/shopify-10.de831aa7d4312714b0cf958ef100fd778ca3a331aca61baafd2a2d47c00884ba.1ce25488.png)

### 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

- [Shopify developer documentation](https://shopify.dev/docs)
- [Shopify OAuth guide](https://shopify.dev/docs/apps/build/authentication-authorization/access-tokens/authorization-code-grant)
- [Shopify Partners portal](https://partners.shopify.com/)
- [How to get your Redirect URL](/agen-for-work/connectors/redirect-url)