What is the GHL Chat Widget?
The GoHighLevel (GHL) Chat Widget is a live chat feature that allows website visitors to communicate directly with a business. It can also capture leads, schedule appointments, answer common questions, and start automated conversations.
As a Website or Marketing Virtual Assistant, one of your responsibilities may be installing the chat widget on your client’s website.
Why Businesses Use the GHL Chat Widget
The GHL Chat Widget helps businesses:
- Respond to customer inquiries in real time.
- Capture leads automatically.
- Book appointments.
- Improve customer support.
- Increase website conversions.
- Connect visitors with automated workflows.
Where Do You Get the Chat Code?
The chat widget code is generated inside the client’s GoHighLevel account.
Typically, you’ll:
- Log in to GoHighLevel.
- Open Sites or Settings (depending on the account setup).
- Navigate to Chat Widget or Chat Widget Settings.
- Customize the widget if needed.
- Copy the JavaScript embed code.
How to Add the Chat Code to a Website
The installation process depends on the website platform.
WordPress
You can add the code by:
- Using a Header & Footer plugin.
- Adding it to the theme’s footer or header.
- Using a website builder’s custom code section.
Shopify
Paste the chat code into the theme’s custom code area before the closing </body> tag or use Shopify’s custom code feature.
Wix
Use the site’s Custom Code feature to insert the JavaScript snippet.
Squarespace
Add the code using Code Injection in the website settings.
HTML Websites
Paste the JavaScript code just before the closing:
</body>
tag.
Testing the Chat Widget
After installation:
- Refresh the website.
- Check if the chat bubble appears.
- Send a test message.
- Verify that the message is received in GoHighLevel.
- Test on both desktop and mobile devices.
- Confirm any automations or workflows are triggered correctly.
Common Issues
Chat Widget Doesn’t Appear
Possible causes:
- Code pasted in the wrong location.
- Website cache needs to be cleared.
- JavaScript conflict.
- Widget is disabled in GoHighLevel.
Widget Appears but Doesn’t Respond
Possible causes:
- Automation not published.
- Workflow disabled.
- Chat settings incomplete.
- Browser cache.
Duplicate Chat Widgets
This happens when:
- The code was installed twice.
- Another live chat plugin is active.
- Multiple tracking scripts are running.
Responsibilities of a Website VA
As a Website Virtual Assistant, you may:
- Copy the chat widget code from GoHighLevel.
- Install the code on the client’s website.
- Test the widget after installation.
- Verify desktop and mobile compatibility.
- Report any issues to the web developer.
- Ensure chat messages are successfully received in GoHighLevel.
Best Practices
- Always back up the website before making code changes.
- Install only one live chat widget unless the client requests otherwise.
- Test the widget after every website update.
- Keep the widget design consistent with the client’s branding.
- Verify that chat notifications and automations are working as expected.
Key Takeaway
Installing a GoHighLevel Chat Widget is a common task for Website and Marketing Virtual Assistants. In most cases, it involves copying a JavaScript snippet from GoHighLevel, adding it to the website, and testing that it functions correctly. Although the task is straightforward, careful testing is essential to ensure visitors can successfully start conversations and that leads are captured without issues.