How to add Widget WhatsApp to Shopify website

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 all 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.

Turn your visitors into customers.

Create a free account.