First, copy your embed code from Website under Connect. See Turn the widget on and copy your code.
Steps
- In your Shopify admin, go to Online Store, then Themes.
- Select the ⋯ menu on your active theme and choose Edit code.
- In the left panel, open Layout, then theme.liquid.
- Find the closing
</head>tag and paste the embed code just before it. - Select Save.
The bubble now appears on every page of your store, including product and checkout adjacent pages.
Duplicate your theme first
If you are not comfortable editing code, duplicate the theme before you start. From Themes, select ⋯ on your live theme and choose Duplicate. Edit the copy, preview it, and publish it once you are happy.
Finding the head tag
theme.liquid is long. Use your browser’s find, usually Ctrl+F or Cmd+F, and search for </head>. There is normally only one.
Paste on the line above it, so the file reads:
<script async src="https://app.respondhelper.com/api/widget/YOUR_WIDGET_ID/script.js"></script>
</head>Check it worked
Open your store in a private browsing window and look at the bottom right.
If you have a password page enabled while your store is under construction, remove the password or preview through the admin, because a password page does not load your theme.
If it does not appear
Work through The chat bubble is not showing on my site.