Skip to main content

​
Method 1: Using theme.liquid

  1. Go to your dashboard.
  2. Click Deploy button in the sidebar menu.
Open Deploy page
  1. Click the Manage button under the Website Widget option.
Manage website widget
  1. Design the appearance of the widget by clicking the Open widget designer button.
Open website widget designer
  1. Select the display mode for your chatbot, such as “Floating Chat”, “Inline”, or “Fullscreen”.
Configure website widget display type
  1. Copy the widget code.
Copy widget code
  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 widget 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. Follow steps 1-6 from Method 1 to copy the widget code.
  2. 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 widget will be live on your website and should appear across all your store’s pages.