Chat Widget

In this article, you will learn how to add a chat widget to your website or landing page. 


What you will need: 

1. A website or landing page with the ability to add code to it.


Step 1

Find your location ID. You can find it by copying the part after "location".

Example: 

Step 2

Add the location ID to the code below. 

For this article, we will use the fictitious location ID of "W8SqkDJCYwyQyC8jSVuZ". Make sure you put the ID in between the single quotes.

<script src="https://api.gohighlevel.com/js/text_widget.js"></script> <br><script type="text/javascript"> <br>HIGHLEVEL.init('LOCATION_ID', { <br>heading: 'Have a question?', <br>subHeading: 'Enter your question below and someone from our team will get right back to you.' <br>}) <br></script>

Example: 

<script src="https://api.gohighlevel.com/js/text_widget.js"></script> <br><script type="text/javascript"> <br>HIGHLEVEL.init('W8SqkDJCYwyQyC8jSVuZ', { <br>heading: 'Have a question?', <br>subHeading: 'Enter your question below and someone from our team will get right back to you.' <br>})<br></script>

Step 3

Add the code to the footer of your website or landing page.


This can vary based on what platform you are using. We have three examples below:

If you're using your apps funnel builder, go to Funnels > Click on Your Funnel of Choice (or create a new funnel) > Settings > Insert in the "Head Tracking Code" text area and Save.

If you're using ClickFunnels and you wish to have your chat widget funnel wide, goto your funnel settings and add it to the "Header Tracking Code" text area and Save.

If you're using WordPress, you can install the "Insert Headers and Footers" plugin and add it to Settings > "Scripts in Footer".