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:

  1. Go to the Shopify Admin site and click Customize Theme.
     Customize

  2. In the Theme window, click CustomizeTheme
  3. Navigate to the lower left corner, and then navigate to Theme options > Edit code.
     EditCode
  4. From the Layouts expanded tree, select {/} theme.liquid.
     Theme.Liquid
  5. Find the <body> section in the code editor.
  6. 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:
    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.
  7. Save all changes made and reload the site.

Chat for one Particular Page

To deploy a chat for a particular page:

  1. Create a new page template by navigating to Online store > Themes > Actions > Edit Code. EditCode

  2. Click Add new template. From the window that appears, in the Create a new template drop-down menu, select page
  3. 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:
    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.
  4. Click Save.
  5. Open the target page, and then apply the new template to the page.
     AddPage