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 integration will match the contact based on their email address (it does not match their phone number).

Like other integrations, you need to be an admin in order to enable the Shopify integration.


Instructions

Step 1

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

Step 2

Select Shopify from the list of integrations. Click to the Settings tab and toggle on Enabled.

Step 3

Retrieve your Store Subdomain, API Key, and API Password by logging in to the Shopify website. You may add multiple stores as well.

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 Manage private apps.  

Step 6

Select Create a new private app.

Step 7

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

Step 8

Scroll to the Admin API Permissions section, and ensure the Customer details and customer groups permission is set to Read access or Read and write"(Front requires at least one of these two options). 

You will also want to enable the Orders, transactions and fulfillments access.

Hit Save when finished.

Step 9

Next, go back to your Shopify settings in Front, and copy/paste the API Key and API Password into Front.

Step 10 (optional)

If you need to connect multiple Shopify stores with Front, use the + sign to add a store. Repeat steps 4-8 to generate API keys and passwords for all your Shopify stores and enter them in Front.

Step 11

Click Save to finish enabling the Shopify integration.


How it works

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

Select Shopify from the integrations 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 pane. 

13replies Oldest first
  • Oldest first
  • Newest first
  • Active threads
  • Popular
  • Definitely a killer feature.
    Any chance we can change the info that are displayed ?
    Eg: tracking number, phone, etc

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

    Like

  • 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
     

    Like
  • Hi Panda Tea 

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

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

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

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

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

    Like
  • 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

    Like
  • 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

    Like
  • 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!

    Like
  • 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!

    Like
  • 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.

    Like
Like Follow
  • 3 mths agoLast active
  • 13Replies
  • 5888Views
  • 11 Following