1. Webchat Deployment

For a webchat deployment, select ‘Webchat’ and a new widget will appear on your screen.

General Settings

Fill out the following information required, for easy identification and configuration:

  • Name: Enter a deployment name that can easily distinguish this deployment from others in the future.

  • Description: Provide a brief description of your deployment, similar in purpose to the name, for internal reference.

  • Language: Enter the primary language of your bot (e.g., English).

  • Enable User Language Detection: Check this option if you want to enable user language detection. This setting is optional.

  • Flow:

Layout Settings

1.1 General Settings

Customize the user experience by selecting mode types, font families and the behavior of links.

  • Mode: Two options provided. Bubble and Embedded. Bubble, where the initial state of the chatbot appears at the bottom right of the screen and Embedded , where the chatbot is a full page.

  • Widget Radius: Adjust the radius of the bot's chat angle by adjusting the curvature of the chat box. The available range is from 0px (straight corners) to 32px (curved corners).

  • Flow: Select the deployment starting flow, which flow will (e.g Live-chat, Intro flow).

  • Chatbot Header: Insert the name, how your bot will appear at the main page. (e.g Anna).

  • Font Family: Choose font type.

  • Link Behavior: Add links within the chatbot flow and control whether a link should open in a new tab or in the same one.

1.2 Avatars

Tailor the chatbot appearance with avatars to suit your brand identity.

  • Chatbots Avatar: Select an image to upload or add the url of the link of an icon image and choose how you want to display your bot.

  • User Avatar: The same options for the user’s icon are provided.

1.3 Colors

Make your bot stand out with colors that match your brand.

  • Main Color

  • Main Font Color

  • Hyperlink Color

  • Chatbot Bubble Color

  • Chatbot Bubble Text Color

  • User Bubble Color

  • User Bubble text Color

1.4 Start up Notification

Here’s how to add notifications to be displayed upon deployment's startup within the Bot Deployment settings:

  1. Text: Enter in the textbox a message that the bot will display as a notification. This message might be used to re-engage users who haven’t interacted with the bot for a while.

  2. Level: This field sets the importance or type of the message.

  3. Enable Buttons: By selecting this option, you allow buttons to be displayed with the message:

  • Button Name: Enter a label for the button that will be shown to the user.

  • Flow: Specify which conversation flow will be triggered when the button is clicked.

1.5 Actions

Control bot's behavior with custom action settings:

  1. Action Layout

The way the bot presents itself to the users. There are three options: Stacked, Carousel and Flow. Choose the option that best suits your needs.

  1. Bubble Action

Set the chatbot to automatically pop out after a specified time. You can choose between:

  • No Bubble Action: Where the chatbot will simple appear with one click.

  • Automatic Pop-out: As soos as you press preview and you have set e.g 2 seconds, the bubble of the chatbot will open by itself after 2 seconds.

  • Chat-Prompt: Console admins will be able to set the chatbot to prompt the users if they need help, after a configurable amount of time. This setting is available in the 'Actions' section of the webchat Deployment and only for the bubble mode.

To enable this, select 'Chat Prompt' from the 'Bubble Action' drop down menu and then add the the pop-out time and the chat prompt message.

If someone chooses the options Automatic Pop-out and Chat-Prompt, they also have to set the seconds of appearance of the chatbot.

Additional configurations of Automatic Pop-out and Chat-Prompt are:

1) No advanced time settings, where you don't need to specify the time. The chatbot is closed until the user opens it.

2) Double Pop-out time after every view, that option opens on its own every time you refresh the page.

3) Pop-out only once, is to open the chatbot only once,even if the user refreshes the page.

  • Hide Upload Button: Check this option if you want to restrict users from uploading files.

  • Hide Typing Indicator: Show an indicator while the chatbot is typing.

  • Enable Menu Buttons: Add static buttons to your chatbot to trigger specific activities.

1.5 Custom Settings

Dive into Advanced Settings

  • Enable Custom Settings: Utilize custom settings for additional attributes in JSON format.

1.6 Preview the bot

Before finalizing your work, you can also preview the appearance of your bot. On the right hand side of the General Settings layout there is a button labeled "View Example".

  • View Example: Click on this button to see how your bot will look when customized. You will also see the indicators that correspond to the settings.

1.7 Create and Manage the deployment

Once you have filled out all the configurations click 'Create Deployment'.

In the top right, there are two additional icons:

  • Eye Icon: To test your deployment click on the 'Icon' button and test your chatbot in the browser window that will open.

  • Code Icon (</>): To get the snippet of your deployment, go to the Deployments view, click on the ‘Javascript Snippet’ and copy the code.

To finalize any changes, there's a 'Save Changes' button at the bottom of the screen.

You can also view, clone, edit, or delete a deployment by clicking the available button next to each deployment in the Deployment view.

Last updated

Was this helpful?