How to enable and use the Shopify integration

Overview

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.


Instructions

Step 1

Click the gear icon on the top right of Front and into the Company settings tab, and select App store from the left menu.

Step 2

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

Step 3

Log into Shopify.

Step 4

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.

Step 5

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.  

Step 6

Select Create an app.

Step 7

Give your app a name. We suggest something like Front for future reference.

Step 8

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.

Click Save.

Step 9

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.

Step 10

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.

Step 12

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. 


Pricing

This feature is available on all plans.

13 replies

    • Le_Petit_Lunetier
    • 5 yrs ago
    • Reported - view

    Definitely a killer feature.
    Any chance we can change the info that are displayed ?
    Eg: tracking number, phone, etc

    • front
    • 5 yrs ago
    • Reported - view

    Le Petit Lunetier Not at this time, but I'll go ahead and share this request with our Product team.

    • Panda_Tea
    • 4 yrs ago
    • Reported - view


    Hello  Cori Morris ! Indeed, it would be great to have the tracking number, number of order by the customer,.. that displays on the app. Do you have any update about when those features will be available?

    thanks
     

    • Support Program Manager
    • Helena_Li
    • 4 yrs ago
    • Reported - view

    Hi Panda Tea 

    We don't have a timeline for this request yet, but once we have an update we will update you!

    • Adam_Metz
    • 4 yrs ago
    • Reported - view

    Cori Morris Have the fields been updated so that we can view/add fields?

    • front
    • 4 yrs ago
    • Reported - view

    Adam Metz Not yet. I'll be sure to let you know when they are. 

    • Adam_Metz
    • 4 yrs ago
    • Reported - view

    Cori Morris Is there a rough ETA (e.g. 2019)?

    • front
    • 4 yrs ago
    • Reported - view

    Adam Metz Hopefully this year, but it's not scheduled yet, so I can't provide an ETA.

    • Tom
    • 4 yrs ago
    • Reported - view

    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

    • Urszula
    • 4 yrs ago
    • Reported - view

    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

    • front
    • 4 yrs ago
    • Reported - view

    Many of you have asked to display tracking numbers in the Shopify integration in Front. In case you're still interested in the feature, this is now available! Please refresh your app and you'll see it. You can click it and it will take you to the tracking URL. Hope you like it!

    • Tom
    • 4 yrs ago
    • Reported - view

    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?

    Thanks!

    • Head of Customer Support
    • Kenji_Hayward
    • 4 yrs ago
    • Reported - view

    Hi Tom thanks for your feedback. That is not something that we have a timeline to share right now but it is something that future updates should help with. I know that is vague in terms of timeline but I wanted to let you know that we're aware and it's something we want to improve down the line.