Skip to main content
DM DESK
Log inBook a call

Website chat on Shopify

Add the chat to your Shopify store by pasting one line into your theme.

Written steps, 8 stepsMain step 2 of 5: Online store
Written steps

Follow the 8 steps below

This guide has written steps and no video. Each step is numbered, so you can come back to the one you were on.

Start at step 1

Steps

  1. In DM DESK, open Channels. In the Website chat card, open Paste the code yourself and click Copy code.
  2. In your Shopify admin, open Online Store, then Themes.
  3. Next to your live theme, click the three dot button, then Edit code.
  4. Under Layout, open theme.liquid.
  5. Find </body> near the bottom (press Ctrl F or Cmd F to search) and paste the code on the line just above it.
  6. Click Save. A yellow warning next to the line is normal.
  7. Open your store and check that the chat button shows.
  8. Once your store is connected, click Check installation on the Shopify card in Channels.

Good to know

  • Want to try it first? Click the three dot button, then Duplicate on your theme, paste the code in the copy, and use Preview. In the preview, click Shopify's bar at the bottom and choose Hide bar to see the chat button.
  • In Shopify's code editor, you can restore an earlier version of a file from its Timeline.
  • Once your store is connected to DM DESK, the chat only runs on your store's own addresses.
  • A development store is always password protected, so open it in your browser once before you click Check installation.
  • Starter includes one channel: website chat or Instagram DMs.