Appearance

Customizing appearance of the Web Chat

The Appearance tab allows you to tailor the look of your Web Chat, including its view mode, color scheme, widget position, and logo.


Chat view

You can choose between the “Permanent” and “Widget” view of the Web Chat. The “Permanent” view displays the Web Chat in a window that remains active on the page where the Chat script is inserted in the </body> section. The “Widget” view will display the Web Chat in the form of a bubble that expands when clicked (the Web Chat script must also be inserted into the </body> of the page).


Action color

You can change the color used in notification bubbles, buttons, and links. Enter the desired color in the #HEX field, or choose it from the palette by clicking on the color picker.


Header color

You can change the color used in the header and on the main screen. You can leave it as “Default” if you prefer the default header style, or choose “Custom” and enter the desired color in the #HEX field or select it from the palette by clicking on the color picker.


Widget position

You can choose the location of the widget on your website in the “Widget” view of Web Chat. Select either “Left” or “Right” positioning of the Web Chat on your page.


Custom widget logo

Add a custom logo for your embedded Web Chat. Upload an image from your media library or drag and drop to set it as the logo for the Web Chat widget.

Share this article

Home Screen

Customizing the Home Screen

The Home Screen tab allows you to personalize key aspects of your chatbot’s initial interface, creating a welcoming experience for users.


Background

Customize the background to match your brand identity. Change the color by entering the desired color in the #HEX field, or select it from the palette by clicking on the color picker. You can also choose Gradient and customize the transition between colors as you like, or upload a picture if desired.


Greeting

Enter your keyword phrase, which will be displayed in a large size, so your customers never miss it.


Introduction

Write all the necessary details about your chatbot to describe its role and functions.


Start button text

Customize the name of the “Start chat” button. Be careful as it retains its call-to-start function.

Share this article

Security

Configuring security settings

The Security tab offers features to enhance the safety of your Web Chat.


Trusted domains

Restrict the use of Web Chat to specific domains by selecting only the ones you need. This ensures your safety and the safety of your customers.


Country filter

In case you need to restrict the use of Web Chat to certain countries, you can choose one of two options: Allowed countries and Forbidden countries, which indicate the allowed or prohibited countries for Web Chat to be displayed.


Allowed / Forbidden countries

Depending on the option you choose, all selected countries will either be listed as “Allowed” (indicating that Web Chat will only work in those countries) or “Forbidden” (indicating that Web Chat will not be shown in those countries).

Share this article

Publish

Publishing the Web Chat

The Publish tab provides quick access to the code needed to install the Web Chat widget on your website.


Code

Copy and paste this code into the <body> of your website’s DOM tree so that Web Chat will start on the page where the script is placed.

Share this article