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.
Click the gear icon on the top right of Front and into the Company settings tab, and select App store from the left menu.
Select Shopify from the list of integrations. Click See details, then click Enable app.
Log into Shopify.
The Store Subdomain will be 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.
Now you need to generate an API key and API password. To do that, go to Apps, and then click Develop apps for your store or Develop Apps.
Select Create an app.
Give your app a name. We suggest something like Front for future reference.
Once the app is created, select the Configuration tab and edit the Admin API access scopes to include read and write access to the following: Assigned fulfillment orders, Customers, Draft orders, Fulfillment services, Merchant-managed fulfillment orders, Order editing, Orders, and Third-party fulfillment orders.
In the API credentials tab, first enable Admin API access and then copy your Admin API access token. You should also make note of your API secret key.
Next, go back to your Shopify settings in Front, and click Configure app. Copy and paste the Shopify tokens into Front:
- Copy the Shopify API Key into the Front API Key field.
- Copy the Shopify Admin API access token into the Front API password field.
Note that the API key in Shopify is not used in this case, because we use the Shopify Admin API access token instead.
Step 11 (optional)
If you need to connect multiple Shopify stores with Front, click Add new store to add a store. Repeat steps 4-9 to generate API keys and passwords for all your Shopify stores and enter them in Front.
Click Save to finish enabling the Shopify integration.
How it works
You can display 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 feature is available on all plans.
I too wish to have more information added on the shopify integration.
- Tracking number and Tracking URL are both very important, especially for 'Where is my order' queries.
- Order notes are also important
I have attached a screenshot of how a competitor has accomplished this task, essentially the tracking number itself becomes the clickable URL so as to reduce the height of the widget. Tracking url is a standard variable that is within the shopify API as are order notes so should be a pretty straight forward addition to the current one.
In addition to this it would be awesome if this integration was added to the iOS app, at least 60% of the time I use customer support apps on iPhone as normally out of the office - so to me the desktop integrations are only partially useful
Hi @Tom This is something many customer have requested and do have our product team looking into. :) In the meantime have you tried using the Vyte.in integration? https://help.frontapp.com/t/k9298q/how-to-schedule-a-meeting-using-the-vyte-integration
Urszula Hi sorry only just seen this - not sure how it relates anyway dont need calendar requests?
Cori Morris Is there any news in adding this functionality to the mobile app - I notice on the mobile app it seems as if it is setup for this as there is a View Plugins menu on a contact but I guess this has been blocked to show shopify?
Also is there any chance of adding extra data to this integration, I have additional line item properties on customer orders that I have to bring into front via Zapier currently. Just seems an unnecessary expense when it should be as simple as adding it to your current api integration with shopify?