This a Shopify integration built for Desk.com using Canvas. Note that you will need to be on the Pro or Business Plus pricing plan for Desk.com to use Canvas.
First create a private app in Shopify, which will provide the API keys needed to authorize the application.
Navigate to private apps in the admin: https://your-shopify-domain.myshopify.com/admin/apps/private, replacing "your-shopify-domain" with your actual shopify domain.
Click Generate API credentials.
Name your app "Desk.com".
Give "Read Access" to the following permissions:
You should see the API credentials. We'll use the "API Key" and "Password" in the next steps.
Before we deploy the application on Heroku, we'll need the Canvas key from Desk.
Navigate to the integration urls section of the Desk Admin: https://your-desk-domain.desk.com/admin/case-management/integrations
Click Add Integration Url.
In the Name field, add a title for the this application. In this example, we’ll use 'Shopify'.
The Description field, though optional, is a way to give a general description of the integration URL.
Select 'Canvas iFrame' from the Open Location dropdown.
In the URL field, add any valid url as a placeholder. We'll update this later.
Toggle the Enabled button to 'Yes' and select the Permission level.
Click the Add button.
Reopen the new integration url and copy the Shared Key.
Now that we have all of the proper keys, we can install this application by deploying the source code to your Heroku account. To deploy your application, simply click this button:
During the setup, it will ask you to specify the Config Variables.
Now that you have the application on Heroku, go ahead and update the integration URL in Desk with your heroku app url.
Navigate to the integration url page in the Desk admin. Click on the Shopify integration url to edit it.
Enter the heroku app url in the URL field.
Click the Update button.
Now display the canvas application on your Case Layout.
Go to Cases >> Next Gen Case Layouts
Find the Shopify canvas application in the Integrations section on the right side of the screen.
Drag and Drop the application in your case layout.
Scroll over the left side of the 'Shopify' bar and click on the gear to open the Edit window. Adjust the pixel Height to 900 and Position, the order in which it appears in Case Details on the dashboard. Click Save.
After you have added the canvas application to your layout and selected users, open a ticket and you should see the Shopify section under Case Details.