How to enable and use the Shopify integration

The Shopify integration allows you to display information about your customers when it's available in Shopify. The plugin will match the contact based on their email address or phone number.

Step 1

In Shopify, navigate to your admin settings, then click Develop apps.

Step 2

Click Develop apps in Dev Dashboard.

Step 3

In the Dev Dashboard, click Create App.

Step 4

Give your app a name, then click Create. You can name it "Front Integration" or similar so its easy to find later.

Step 5

Add the following scopes to your app:

read_assigned_fulfillment_orders,write_assigned_fulfillment_orders,read_customers,write_draft_orders,read_fulfillments,write_fulfillments,read_merchant_managed_fulfillment_orders,write_merchant_managed_fulfillment_orders,read_orders,write_orders,read_third_party_fulfillment_orders,write_third_party_fulfillment_orders

You can leave the other fields (such as App URL) with the default values.

Step 6

To install the new app, navigate to the Home tab of the app you created, then click Install app.

Step 7

Select the store you wish to install the app on.

Step 8

Once you've selected a store, click Install.

Step 9

After installing the app, you should be able to see it in the Apps section of your store.

Step 10

Navigate to your app Settings, then locate the Client ID and Secret fields.

Step 11

In Front, click the gear icon, navigate to company settings, then select App store from the left menu.

Step 12

Select Shopify from the list of integrations. Click See details, then click Enable app.

Step 13

Click Configure app, then fill in the following fields:

• Store subdomain: Enter your store's subdomain. This the part of your store's admin URL that comes before .myshopify.com. Do not include the https:// or the .myshopify.com parts of the URL.

• Client ID: Paste the Client ID value copied from Shopify

• Client secret: Paste the Secret value copied from Shopify

Step 14 (optional)

If you need to connect multiple Shopify stores to Front, click Add new store to add a store. Repeat the steps in Part 1 to generate client IDs and secrets for all your Shopify stores and enter them in Front.

Step 15

Click Save to finish enabling the Shopify integration.

You can view information about your customers and their orders directly in Front.

Select Shopify from the app switcher in your inbox, and you will be able to see the information available in Shopify, and tied to the current message in Front. Clicking a link will take you to the respective page in the Shopify.

You can also switch to a different store in your plugin. 

This might be due to incorrect Shopify credentials for your store. Ensure you have copied the correct Shopify client ID and secret for your app.

This feature is available on all plans.