There are two methods for deploying to Shopify, one is to deploy a chat for all pages, and the other to deploy a chat for a particular page. Both methods are explained here.
One Chat for All Pages
To deploy one chat for all pages:
-
Go to the Shopify Admin site and click Customize Theme.
- In the Theme window, click Customize.
- Navigate to the lower left corner, and then navigate to Theme options > Edit code.
- From the Layouts expanded tree, select {/} theme.liquid.
- Find the <body> section in the code editor.
- Enter the following script before the </body> closing tag:
<script type="text/javascript" src="YourProactiveChatLink"></script>
You may find the correct URL in the Admin Portal under Configure > General > Queues > [Chat Queue Name] > Options > General Settings > Proactive Chat URL:
Note: the URL will be different for Chat Queues ver2.0 / ICR ver2.0 and Chat Queues ver2.0 / ICR ver2.0 customers. Customers using chat queue ver 1.0 / ICR ver 1.0 will continue seeing the link <…>webchat.js. - Save all changes made and reload the site.
Chat for one Particular Page
To deploy a chat for a particular page:
-
Create a new page template by navigating to Online store > Themes > Actions > Edit Code.
- Click Add new template. From the window that appears, in the Create a new template drop-down menu, select page.
- Locate the <div class="rte"> </div> section, and paste the following code:
<script type="text/javascript" src="YourProactiveChatLink"></script>
You may find the correct URL in the Admin Portal under Configure > General > Queues > [Chat Queue Name] > Options > General Settings > Proactive Chat URL:
Note: the URL will be different for Chat Queues ver2.0 / ICR ver2.0 and Chat Queues ver2.0 / ICR ver2.0 customers. Customers using chat queue ver 1.0 / ICR ver 1.0 will continue seeing the link <…>webchat.js. - Click Save.
- Open the target page, and then apply the new template to the page.
Is this answer helpful?
Haven't found what you're looking for? Search the Support Center!