Logo

Add GoHighLevel’s Chat Widget to Your Shopify Website

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

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



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.
  • 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.
  • 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.
  • Paste the embed code: Locate </body> the tag within the theme.liquid, then add embed code above it.
  • Save the changes: After adding the embed code, hit the save button.
  • 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.

Related Articles

How to Use the All-in-One Chat Widget with GoHighLevel

Overview The All-in-One Chat widget combines multiple communication channels—Live Chat, Email, and WhatsApp—into a single, streamlined interface. This eliminates the need to juggle separate widgets and gives your visitors a smooth, convenient way to choose their preferred method of contact. Key Benefits Prerequisites Step-by-Step Setup Using the All-in-One Chat Widget Frequently Asked Questions Troubleshooting

John Mamado
Logo
Go HighLevel Onboarding, Training, Education, Coaching, Support, Products and Services. Enabling Customer Success for GHL Agencies Worldwide
Copyright Growthable LLC 2025 | All Rights Reserved