Install the GoHighLevel Chat Widget

/ CRM, GHL / By

How to Install the GoHighLevel Chat Widget

Setting up the live chat widget inside GoHighLevel is straightforward and does not require ClickUp, custom code, or advanced technical skills. This step-by-step guide walks you through enabling, customizing, and embedding the chat widget on any website so your visitors can start conversations instantly.

The process below is based on the official GoHighLevel help documentation and shows you exactly where to click, what options to configure, and how to deploy the widget on your pages.

Overview of the GoHighLevel Chat Widget

The chat widget in GoHighLevel lets prospects and customers send messages directly from your website into your CRM conversations area. Once installed, it appears as a small chat icon that expands into a conversation box when clicked.

Key capabilities of the chat widget include:

  • Allowing visitors to submit messages without leaving your website
  • Creating new contacts or updating existing contacts automatically
  • Routing all chat messages into the Conversations section for follow-up
  • Running on any site where you embed the installation code

Before you start, make sure you have admin or appropriate permissions in your GoHighLevel account so you can access the chat widget settings.

Accessing Chat Settings in GoHighLevel

First, you need to navigate to the website chat configuration area inside GoHighLevel. Follow these steps after logging into your account:

  1. In the main left-hand sidebar, click on Settings.
  2. Inside the Settings menu, choose Chat Widget (sometimes labeled as website chat or similar, depending on your interface version).
  3. Confirm you are on the correct sub-account where you want the widget active.

This Chat Widget section is where you will configure the appearance, behavior, and installation code used to place GoHighLevel chat on your website.

Configuring Basic GoHighLevel Chat Widget Options

Once you open the chat widget settings, adjust the basic options so the widget matches your brand and capture requirements. The exact labels may vary slightly, but you will typically see options similar to the following:

Appearance and Branding in GoHighLevel

Customize how the widget looks so it aligns with your website design:

  • Primary Color: Select a color that matches your brand or website accent color.
  • Welcome Message: Add a friendly greeting that appears when the chat opens, encouraging visitors to send a message.
  • Chat Icon Position: Choose whether the chat button appears in the bottom right or bottom left corner of your site.

These appearance settings help keep the GoHighLevel widget visually consistent with your overall site design.

Contact Capture Settings in GoHighLevel

The widget can ask visitors for basic information so you can follow up effectively. In the same settings area, configure:

  • Name Field: Decide whether to request the visitor’s name.
  • Email Field: Enable or disable the email prompt, depending on your funnel strategy.
  • Phone Field: Choose to collect phone numbers if you plan to call or SMS leads.

Make sure you save changes after updating contact capture fields so the GoHighLevel widget behaves as expected on your website.

Copying the GoHighLevel Chat Widget Installation Code

After customizing the widget, the next step is to obtain the embed code that connects your website to GoHighLevel. You will find this script in the chat widget settings screen.

  1. Scroll down within the Chat Widget settings until you see a section labeled something like Installation or Embed Code.
  2. Locate the script tag provided. It typically starts with <script> and references your specific location or sub-account.
  3. Click the Copy button next to the code, or manually highlight the entire script and copy it to your clipboard.

This JavaScript snippet is what you need to paste into your website so the GoHighLevel chat widget loads on every page you choose.

Adding the GoHighLevel Chat Widget to Your Website

The exact method of adding the installation script depends on the platform you are using for your website (such as WordPress, custom HTML, or other site builders). The general principle remains the same.

Install on a Standard HTML or Custom Website

If you manage your site’s code directly or use a developer, follow these steps:

  1. Open the main HTML template or layout file that controls your site header or footer.
  2. Paste the GoHighLevel chat widget script just before the closing </body> tag. Placing it near the end of the page helps ensure the rest of your content loads quickly.
  3. Save and upload the updated file to your web server.
  4. Clear any caching on your server or CDN if applicable.

After you refresh your website in a browser, the chat icon should appear in the position you selected in settings.

Install on a WordPress Site

On WordPress websites, you typically add the GoHighLevel script globally so it appears on all pages:

  1. Log in to your WordPress admin dashboard.
  2. Go to Appearance > Theme File Editor (or use your theme’s custom code area if available).
  3. Open the footer.php file or any global footer injection area.
  4. Paste the chat widget script right before the closing </body> tag.
  5. Click Update File or save your changes.

If you prefer not to edit theme files directly, you can use a header/footer injection plugin and paste the GoHighLevel script into the footer section the plugin provides.

Testing Your GoHighLevel Chat Widget

Once the script is installed, confirm the widget works correctly:

  1. Open your website in a private or incognito browser window.
  2. Look for the chat icon in the corner you configured.
  3. Click the icon and send a test message as a visitor.
  4. Return to your GoHighLevel account and open the Conversations section.
  5. Verify that your test message appears as a new conversation, and that contact details are captured as configured.

If you do not see the widget, double-check that the script is correctly pasted, that it is on the live site rather than a draft, and that the chat widget is enabled in your GoHighLevel settings.

Troubleshooting Common GoHighLevel Widget Issues

If the chat widget fails to appear or messages do not come through, review these common issues:

  • Script Not Saved: Ensure your changes were saved in your website platform or hosting environment.
  • Caching or CDN: Clear cache on your site, in your browser, and on any CDN service to force the latest version of your pages.
  • Multiple Scripts: Confirm you have not installed the GoHighLevel script more than once, which can cause conflicts.
  • Disabled Widget: Make sure the chat widget is toggled on or enabled in your GoHighLevel settings.

After resolving any issues, repeat the testing process to verify that new conversations appear in your CRM.

Where to Learn More About GoHighLevel

For additional setup details and visuals, refer to the original GoHighLevel help document used as the basis for this guide: official GoHighLevel chat widget article.

If you want broader strategy help on funnels, automations, or CRM implementation around your chat widget, you can also explore expert resources at Consultevo for guidance on building complete systems powered by GoHighLevel.

By following the steps above, you can quickly install, customize, and deploy the GoHighLevel chat widget so your website visitors can connect with your team in real time, turning more traffic into conversations and qualified leads.

Need Help With ClickUp?

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

Scale GoHighLevel

“`

Verified by MonsterInsights