How to Customize the Chat Widget Window on a Website

Enhance your website with a chat widget using these detailed instructions. From enabling chat features to customizing greetings, this guide will walk you through setting up the Chat Widget on your website effortlessly.

Go to app.topline.com

1. Click "Settings"

Access the settings option on the left menu.

Click 'Settings'

2. Click "Sites"

Select the "Sites" option from the menu.

Click 'Sites'

3. Click "Chat Widget"

Choose the "Chat Widget" section on the upper menu.

Click 'Chat Widget'

4. Chat Bubble

In this option you can enable the chat bubble, add intro message, customize the avatar image, and more.

Chat Bubble

Chat Bubble

In this option you can enable the chat bubble to greet visitors.

Chat Bubble

Intro Message

Add the message you want to be displayed on the pop up.

Intro Message

Avatar Image

Click here to edit the avatar image.

Avatar Image

Return Visitors

Activate this option if you want to enable custom greetings for users returning to the page.

Return Visitors

5. Select Chat Type

Select the SMS or Email Chat to collect the visitor's information and respond to them through this channels.

Select Chat Type

Live Chat

Select this option to allow visitors to have real time conversations.

Live Chat

6. Widget Window

In this window you can customize the header, intro message, email field, CTA, and legal message.

Widget Window

Header

Add the text you want to be display on the pop up header.

Header

Intro Message

Write the message you want to be display for the visitors.

Intro Message

CTA

Add the CTA you want for your chat.

CTA

Legal Message

Add the legal information needed for the consent box.

Legal Message

Consent Checkbox

Activate this option to add a content checkbox for HIPPA.

Consent Checkbox

Widget Color

Customize the widget color with an hex code.

Widget Color

Language

Choose the language settings for the widget.

Language

Agency Branding

Add the display name and URL.

Agency Branding

7. Acknowledgement Settings

Here you can add customer support contact, acknowledgement greeting and message.

Acknowledgement Settings

Customer Support Contact

Add the phone or email id in this field.

Customer Support Contact

Acknowledgment Greeting

Insert the greeting for your visitors.

Acknowledgment Greeting

Acknowledgement Message

Insert the message information in this field.

Acknowledgement Message

8. Click "Save"

Once you have finished click on the save button.

Click 'Save'

Did this answer your question?
😞
😐
😁