How to add chat Widget to Shopify website

Adding Your Widget to a specific Page

  1. Open your website’s visual editor.
    Login to your Shopify website’s backend, go to Online Store and select Customize.
  2. Add Custom Content section to the target page
    When you go to visual editor, home page is opened by default, but you can select the right page from the dropdown menu at the top of the page. Click Add Section after selecting the page to call up Custom Content section.
  3. Paste the installation code
    Remove extra sections of Custom Content block and click Add content to call up Custom HTML field.
    Paste the widget’s code to Custom HTML field, remove the heading and the rest of the elements you don’t need, set the container width to 100% and save the changes.

Adding your Widget to al pages

  1. Go to Shopify admin panel
    Log in to your Shopify website’s backend, go to Online Store and select ActionsEdit Code option.
  2. Open the site’s theme template
    Next, open theme.liquid file in Layout section.
  3. Paste the installation code
    Paste the widget’s installation code before the closing </ body> tag and save the changes.

Convert visitors into customers.

Set up a free account.

Articles Related to

Do you have multiple domains pointing to the same page?

How to Include a Chat Widget in Webflow

How to Include a Chat Widget in Elementor

How to Include a Chat Widget in Blogger

How to Include a Chat Widget on a Shopify Website

How to Include a Chat Widget in Google Sites