How To Create and Install a Live Chat Widget in HighLevel

•

saas4agency.com

Setting up a live chat widget on your website can significantly enhance customer engagement and support. Whether you build your site with GoHighLevel or another platform like WordPress, this guide will walk you through the setup process.

Try HighLevel FREE for 30-Days

Step 1: Accessing the Sub Account

Start by accessing the sub account where you want to configure the live chat widget. Navigate to the “Sites” tab on the left side of the page.

Step 2: Customize the Chat Widget

Click on “Chat Widget” in the top tabs. Here, you can customize your live chat widget. GoHighLevel provides a preview of how each setting will look, making customization straightforward.

Step 3: Enable Chat Bubble

Toggle the “Enable Chat Bubble” option to either display the chat bubble or just the circular icon.

Step 4: Set the Intro Message

Customize the intro message that users see before starting the chat. This message will appear in the chat widget preview on the right side.

Step 5: Add an Avatar Image

You can add an avatar image for your team member or use a stock image provided by GoHighLevel.

Step 6: Configure Return Visitors Settings

Turn on the “Return Visitors” option to recognize users who have previously interacted with the chat.

Step 7: Choose the Chat Type

There are two main chat types to choose from:

  • SMS or Email Chat: Users enter their phone number or email to receive responses outside the website.
  • Live Chat: Real-time chat continues within the widget on your website.

Choose the type based on your team’s availability to respond.

Step 8: Customize the Widget Window

Edit the header, intro message, call to action, legal compliance information, and widget color. You can also change the language and add agency branding if using the widget on a client’s website.

Step 9: Set Messages and Fallback Activity

Configure messages such as the live chat assigned message, fallback activity time, and the chat close option to manage user expectations and interactions effectively.

Try HighLevel FREE for 30-Days

Step 10: Acknowledgement Settings

Enter your customer support contact email and customize the acknowledgement message, feedback message, feedback submission note, and chat-ended message.

Step 11: Add the Widget to Your Website

For Non-GoHighLevel Websites:

  1. Click “Get Code” at the top of the chat widget builder.
  2. Copy the provided code.
  3. Paste the code into the body or footer of your website’s HTML.

For GoHighLevel Websites:

  1. Go to the “Sites” tab.
  2. Select the website you want to add the chat widget to.
  3. Click “Settings” and toggle the live chat widget on.
  4. Click “Save”.

Step 12: Add Conversational AI

If you want to add conversational AI to your live chat:

  1. Go to “Settings” and click “Conversational AI”.
  2. Turn on autopilot and select live chat or SMS widget.
  3. Configure the AI settings and train the bot by entering relevant questions and answers.

Step 13: Test the Chat Widget

Use the “Bot Trial” tab to test your configurations. Ensure that the bot responds correctly to sample questions before going live.

Try HighLevel FREE for 30-Days

Conclusion

Setting up a live chat widget on your GoHighLevel website is a simple process that can greatly improve customer interaction and support. By following these steps, you can customize your chat widget to suit your needs and even integrate AI for automated responses.

•

,