Customisation

Opening the chatbox

When the user arrives on the page where a dydu chatbox is installed there are 3 possible options of display:

  • Teaser mode: The chatbox is closed, a logo button is displayed so the user can click on it and open the chatbox.

  • Popin mode: The chatbox is already opened and ready to be used by the user.

Customize the texts & translations

Text modification is possible. You will need to download the file " Label management"open it, make your modifications and save the changes and upload it back. More information : text file

The chatbox is translated in French and English.

Teaser

When the chatbox is closed a button composed of an image and a help text is displayed allowing the user to click on it to open the chatbox. This is the teaser.

The teaser of the chatbox can be customized.

  • You can choose to add or not the help text (example: Need help?).

  • You can customize the image. We recommend using .svg files for the teaser image of the chatbox.

GDPR disclaimer

When the user arrives for the first time on the chatbox a GDPR disclaimer is displayed. The user needs to agree to this disclaimer to have access to the chatbox.

- more button => this button will display more options like: 
    - GDPR => possibility to export or get data of a conversation for the user. 
    - Send conversation by email
    - Print conversation
    - in the case where the bot has several consultation spaces with manual switch, the option will appear here
    ( all the texts for those options  can be customized on the [text file](./Label_management) 

Custom avatar

On the chatbox you can choose to customize your avatar in the header depending on the bot level of understanding. (available only for the header avatar and not for the main avatar displayed in the teaser and for the bot’s response). The avatar can change following 4 different states. You can customize each one of those steps:

  1. Default

  2. Reword

  3. Misunderstood sentence

  4. Understood match

Note: you can not set up an avatar only for one state, if you choose to activate this component you should send an avatar for the 4 steps. Free to you to choose the same avatar for 1 or more states.

You can set up a banner with a custom message for your chatbox. The banner is displayed when the user opens the chatbox for the first time.

On this part you can:

  • customize the displayed text from the text file

  • choose to display the 2 buttons or not

Role of the two buttons

  • Thanks button => it allows to dismiss the banner

  • More information button => it opens an URL on a new page. The URL can be customized on the text file

Loader

You can choose to display or not an animated loader before each bot response.

You can set values for the average response time. For example, the loader takes between 400 and 600 ms on average, but you can change these values so that it is longer or shorter.

Welcome knowledge

If you need to display a welcome message at the beginning of a conversation, you need to create a knowledge on the knowledge base of your bot called #welcome#.

Otherwise an error message will be displayed as the chatbot won't be able to find the welcome message to display.

The footer is the component displayed at the bottom of the chatbox. You can set up several features that will be displayed in this section:

After a bot answer, you can ask the user to evaluate the quality of the answer. You can activate and deactivate the feedback feature for each knowledge in the BMS. If active, this feature allows you to display below the knowledge 2 feedback buttons: one for negative and one for positive user feedback.

The 2 buttons are presented with a thumb up and the other one with a thumb down. You can customize the colors.

The Ask choice feature can be displayed when the user clicks on the negative feedback button: it sets up 3 choices by default (see below).

You can customize those texts however they are not synchronized with the labels in the back office. The reasons suggested are displayed like any other bot response bubble. The color of the text can be customized.

Also the Ask comment property enables or disables a comment field when the user clicks the negative feedback button. When the negative feedback button is selected, then a text field is displayed so the user can submit a personal comment.

The Submit / Cancel buttons are displayed in the primary color set in the parameters. You can customize the text of those buttons.

A message thanks the user for his feedback:

You can customize the message via the text file.

Language

If you choose to have more than one language for the chatbox, a little flag will be displayed on the left of the footer. By clicking on the flag a dropdown menu will appear. All the languages that can be used by the bot will be displayed. If you choose to have more than one language, you have to specify which is the default language of your chatbox.

The default language of the chatbox can also be displayed depending on the language of the website of the chatbox.

The switch of language can be:

  • manual => with the drop down menu in the footer

  • dynamic => a feasibility study will be done by the IT team in this case

    • the language of the chatbox can be identical to the language of the customer's website

    • the language of the chatbox can be set up according to the advanced parameters of the customer.

Input

The input field is where the user will write his question for the bot. You can customize the text that is displayed as a placeholder in the input field (for example: Type here...).

The input field in the footer of the chatbox can display or not a counter of the remaining characters.

  • You can customize the color of this counter.

  • You can also decide the maximum number of characters you allow per question/intention. In the example below, the maximum number of characters allowed is 100:

Some of the bot responses can be displayed with a sidebar to add more content. The sidebar panel can be hidden or displayed

Here are some examples of a sidebar panel:

You can configure the side panel of your chatbox this way:

  • You can enable or disable the automatic opening of the panel each time it is set up (this behavior will be the same whether on computer, mobile or on the full screen chatbot ).

  • You can choose the opening direction of the panel: left, right, top or bottom of the chatbox.

  • You can set the permanence of this side panel. The sidebar can be displayed only once and disappear when the page is refreshed, or it can be accessible all the time and disappear only after the user's action.

For example the close button below hides the side panel:

Tabs

You can enable or disable another tab of contact on your chatbox. For the tabs you can choose to display

  • only icons

  • text & icons

  • only texts

Test keywords CV5

Here are some keywords to help you test your chatbox:

  • #meta# -> gives chatbox informations

  • #host# -> gives the server name

  • #reset# -> resets the dialog in the chatbox

  • #secondary# -> opens the sidebar

  • #split# -> displays some split content

  • #contextVariables# -> displays context variables if created before

  • #botid# -> gives bot id

  • #lorem# -> shows how text can be displayed in the chatbox

  • #livechatconnectiondebug# -> triggers a Livechat escalation on the debug mode with an operator having the "debug" status.

Last updated

Tous droits réservés @ 2023 dydu.