Growthable

Add GoHighLevel’s Chat Widget to Your Shopify Website

Updated April 3, 2025

How to obtain the embed code for web chat for the website:

Copy the embed code from Sites > Chat Widget > Get Code

Add GoHighLevel’s Chat Widget to Your Shopify Website — screenshot 1



Here is a step-by-step guide on various methods to integrate a custom chat widget into a Shopify website:

  • Log in to your Shopify account: Go to your Shopify account and log in.
  • Navigate to the “Online Store” section: From your Shopify dashboard, navigate to the “Online Store” section.
Add GoHighLevel’s Chat Widget to Your Shopify Website — screenshot 2
  • Modify your website’s theme by selecting the one you want to update, then clicking the “Actions” button. From the drop-down menu, choose “Edit code” to make your changes.
Add GoHighLevel’s Chat Widget to Your Shopify Website — screenshot 3
Add GoHighLevel’s Chat Widget to Your Shopify Website — screenshot 4
  • Open your theme’s theme.liquid file: In the list of files that appears, select the “Layout” folder and then select the “theme.liquid” file.
Add GoHighLevel’s Chat Widget to Your Shopify Website — screenshot 5
  • Paste the embed code: Locate </body> the tag within the theme.liquid, then add embed code above it.
Add GoHighLevel’s Chat Widget to Your Shopify Website — screenshot 6
  • Save the changes: After adding the embed code, hit the save button.
Add GoHighLevel’s Chat Widget to Your Shopify Website — screenshot 7
  • Preview the chat widget: Go to your website and refresh the page. The chat widget should now be visible on your website. 
  • Please test it out to make sure it’s working correctly.

Get this set up for you

Keep reading