Sign In

Integrate with Shopify

Add the OneDesk widget to your Shopify store. The OneDesk widget allows your customers and prospects to interact with your team, log requests, and receive support using the customer applications. Add any or all the customer apps you want – live-chat, portal, ticket forms, and/or knowledgebase.

What does the Shopify integration do?

The integration allows you to put the OneDesk web widget on your Shopify site. Customers can use the widget to send live chat messages, login to the portal, submit tickets via forms, and/or find answers in the knowledgebase. Any messages or tickets from your customers can be answered in OneDesk, keeping communication centralized. 

How to add the web widget to your Shopify site

Part 1: Copy the widget code snippet

  • Login to your OneDesk account. 
  • Go to Administration >> Customer Apps >> Mobile-Friendly App Settings.
  • Click 'Generate Snippet' and copy the code in the window. 

Part 2: Add the snippet to your Shopify theme:

  • Open your Shopify store admin page (yoursite.myshopify.com/admin).
  • On the sidebar, under 'Sales channels', select ‘Online Store’.
  • Select ‘Themes’.
  • Click the 3 dots beside your current theme and select ‘Edit Code’

  • Within the folder ‘Layout’, select theme.liquid

  • Scroll down to the bottom and find the closing body tag ‘</body>’.
  • Above the '</body>' tag, paste the JavaScript code you copied in part one.

  • Type ‘defer’ after the url value and before the close angle bracket (see screenshot).

  • At the top of the code, click 'Save'.

View your store. The web widget bubble will now appear on your pages. Customers can click the bubble to open the widget and use any customer apps you add to the widget. You can make changes to customer apps and widget appearance from your OneDesk administration settings. You will not need to make further changes to your site in order to configure these settings (see related articles).

Note: The widget will be added to the selected theme. If you change your theme you will need to add the widget to the new theme. 

Related Articles

About Customer Apps

Web Widget

Widget Configuration & Branding