Add GoHighLevel Chat to Shopify

/ CRM, GHL / By

Add GoHighLevel Chat Widget to Your Shopify Store

If you already manage support workflows in ClickUp and want real-time conversations on your storefront, integrating the GoHighLevel chat widget with Shopify is a straightforward way to capture more leads and support visitors. This guide walks you step-by-step through adding the chat script, updating your Shopify theme, and confirming that the widget appears correctly on your live store.

The instructions below are based on the official GoHighLevel documentation and are organized to be easy to follow, even if you are new to editing Shopify theme code.

What You Need Before Adding GoHighLevel to Shopify

Before you start, make sure you have access and basic information ready so that the GoHighLevel chat widget can be installed without issues.

  • An active Shopify store with admin access
  • Your GoHighLevel account with permission to edit the chat widget settings
  • Access to your funnel or website inside GoHighLevel
  • Basic familiarity with Shopify theme settings and the online code editor

Once these items are in place, you can copy the chat widget script from your funnel or website and insert it into the Shopify theme files.

Step 1: Get the Chat Widget Script From GoHighLevel

The first step is to locate and copy the code snippet for your chat widget inside your GoHighLevel account. This script is what connects your Shopify store to your chat configuration.

Open Your GoHighLevel Funnel or Website

  1. Log in to your GoHighLevel account using your agency or sub-account credentials.
  2. From the main navigation, go to the Sites section.
  3. Select the specific Funnel or Website where your chat widget is configured.

Copy the GoHighLevel Chat Widget Code

  1. Inside the funnel or website, look for the settings or configuration option where the chat widget script is displayed.
  2. Locate the complete chat widget script tag generated by GoHighLevel.
  3. Select the entire code snippet and copy it to your clipboard. This JavaScript code must be pasted into your Shopify theme so the widget appears on your storefront.

Keep this script handy, as you will paste it into your Shopify theme files in a later step.

Step 2: Access Your Shopify Theme Editor

Next, open your Shopify admin and access the theme editor where you can insert the GoHighLevel chat widget script.

  1. Log in to your Shopify Admin panel.
  2. In the left-hand menu, click Online Store.
  3. Under Themes, find the theme currently published on your store.
  4. Click the Actions dropdown beside your live theme.
  5. Select Edit code from the dropdown menu to open the code editor.

The Shopify code editor lets you add or modify theme files, including global templates where you can safely add the chat script from GoHighLevel.

Step 3: Insert the GoHighLevel Script Into theme.liquid

To show the chat widget on all storefront pages, you will typically add the GoHighLevel code to the main layout file, which is commonly named theme.liquid.

Find the Correct Shopify Layout File

  1. In the code editor sidebar, locate the Layout folder.
  2. Click theme.liquid to open the main layout file for your theme.

Add the GoHighLevel Chat Widget Code

  1. In the theme.liquid file, scroll to the bottom of the code.
  2. Look for the closing </body> tag.
  3. Paste the GoHighLevel chat widget script just before the closing </body> tag. This placement helps ensure the script loads after the main content while still appearing on every page.
  4. After pasting the script, click Save in the top-right corner of the editor.

By adding the script in this location, the chat widget should be available across the entire store, including product, collection, and home pages.

Step 4: Confirm the GoHighLevel Chat Widget on Your Storefront

Once you have saved changes to theme.liquid, you need to confirm that the GoHighLevel chat widget is actually loading on your live site.

  1. Open your live Shopify store in a new browser tab.
  2. Navigate to your home page and wait a few seconds for the chat widget to load.
  3. Look for the chat icon or widget box, usually appearing in the lower right corner of the screen.
  4. Click the widget and make sure it opens the chat window correctly.

If you do not see the widget, clear your browser cache or try another browser. Confirm that the script you added matches the original code from GoHighLevel with no characters missing.

Common Issues When Adding GoHighLevel to Shopify

If the chat does not appear after following the steps above, review these common causes and solutions related to GoHighLevel and Shopify integration.

GoHighLevel Script Not Saved or Incomplete

  • Reopen theme.liquid and verify the entire script is present.
  • Make sure the code is still located right before the </body> tag.
  • Check for any accidental changes or missing characters in the script.

Theme Cache or Browser Cache Issues

  • Hard refresh the storefront (for example, using Ctrl + Shift + R or Cmd + Shift + R).
  • Open the site in an incognito or private window.
  • Test in another browser to rule out local caching problems.

Wrong Theme Edited in Shopify

  • Confirm that you edited the currently published theme under Online Store > Themes.
  • If you edited a draft theme, either publish that theme or copy the GoHighLevel script into the published theme as well.

Multiple Scripts or Conflicting Apps

  • Review other apps or custom scripts that load near the </body> tag.
  • If another script is causing errors, it can prevent the GoHighLevel widget from loading correctly.
  • Temporarily disable conflicting scripts and test again.

Why Use GoHighLevel Chat on Your Shopify Store

Integrating the chat widget from GoHighLevel into your Shopify store gives you a centralized way to manage incoming messages from website visitors, prospects, and existing customers.

  • Capture leads directly from your product and landing pages.
  • Offer real-time support without manually monitoring multiple tools.
  • Sync conversations with your existing pipelines and automation inside GoHighLevel.
  • Improve customer experience with instant responses and follow-ups.

Because the widget uses one script across all pages, your team can easily track, manage, and respond to conversations while leveraging the automation and CRM features already configured in your account.

More Resources for GoHighLevel and Shopify Users

For more detailed technical references, you can review the original support article on adding the chat widget: official GoHighLevel Shopify chat widget guide.

If you need broader strategic help with funnels, automation, and implementation beyond the chat widget, you can explore consulting and setup services at Consultevo.

Final Checklist: GoHighLevel Chat Widget on Shopify

Before you move on, quickly verify that every required step has been completed.

  • You copied the correct chat widget script from your GoHighLevel funnel or website.
  • You opened Online Store > Themes > Actions > Edit code in Shopify.
  • You pasted the script into theme.liquid right before the closing </body> tag.
  • You saved the file and confirmed the widget appears on the live storefront.

After this checklist is complete, your Shopify store should display the GoHighLevel chat widget across all pages, allowing you to engage visitors and capture more leads directly into your existing marketing and CRM workflows.

Need Help With ClickUp?

If you want expert help building, automating, or scaling your GHL , work with ConsultEvo — trusted GoHighLevel Partners.

Scale GoHighLevel

“`