Method 1: Using theme.liquid

  1. Go to your chatbot’s dashboard.
  2. Click on Website widget in the sidebar.
  1. Copy the widget code provided.
  1. Go to your Shopify dashboard and click on Online Store from the sidebar.
  1. Edit your theme by clicking the ellipsis icon next to your current theme and choosing Edit code.
  1. Find and open the theme.liquid file From the sidebar where the list of files is displayed.
  1. Paste the embed code in the <head> section. You can paste it anywhere between the opening <head> tag and the closing </head> tag.
  1. Click the Save button.

The chatbot will be live on your website and should appear across all your store’s pages.

Method 2: Using Customization

  1. From your Shopify dashboard, click on Online Store and go to Themes.
  1. Click on the Customize button next to your current theme.
  1. Under the Header section, choose Add section. Search for Custom liquid and add it.
  1. Open the Custom liquid editor and paste your widget code into the Liquid code field.
  1. Set the Top padding and Bottom padding to 0 so the section doesn’t create a blank space in your site’s header.
  1. Click the Save button.

The chatbot will be live on your website and should appear across all your store’s pages.