Skip to main content

Website

When you click on the Website in the menu, you'll be taken to the configuration page where you can chat with the bot, customize its design, installation options, and sharing settings.

At the top of the page, next to the Website heading, there is a toggle to enable or disable the website channel entirely. When the channel is disabled, a warning banner will appear in the chat preview.

Chatbot Preview​

Preview:

  • On the right-hand side of the page, you can preview the appearance of the bot on your website or in the mobile app.
  • Use the Desktop icon (monitor) and Mobile icon (tablet) buttons at the top of the preview to switch between desktop and mobile views.
  • Click the Reload button (circular arrow icon) to reset the chat preview and start a fresh conversation.

Managing the chat window:

  • To close the chat window, click on the checkmark icon in the upper-right corner of the chat. Note that closing the chat window does not end the conversation. To start a new chat, use the Reload button.
  • To reopen the chat window, click on the icon located in the lower-right corner of the page.

Chatting with the bot:

  • To start the chat, type your question and click on the send icon.

Common tab (Design)​

In the Common tab, you can customize your bot's appearance. It allows you to:

  • Name your bot: Choose a name (up to 16 characters) that will be visible to users.
  • Select or upload an Avatar: Pick from available options or upload your own custom avatar to represent your bot.
  • Choose a primary Color: Choose the color scheme for your bot's interface. You can pick from preset colors or define a custom color.
  • Select or upload an Icon: Choose an icon that will appear to start a dialog. You can pick from preset SVG icons or upload a custom one.

Advanced tab​

In the Advanced tab, you can configure the chatbot's welcome message, feedback, privacy policy, and advanced customisation options.

Initial Message​

  • Initial message: Define a custom welcome message that the chatbot will send when a user initiates a conversation.
  • Initial message included in Bot history: Enable this option to include the initial message in the bot's history.
  • Buttons: Add buttons to the initial message to provide users with quick access to specific actions or information. To add a button, click on the Add button button.
    • Change order of the buttons by dragging and dropping them.
    • Button title is the text that will appear on the button.
    • Button value is the text that will be sent to the LLM.
    • Send to: You can select if the button sends the message directly to a flow or to the orchestrator.

Activate Global Feedback​

Enable this toggle to globally activate the feedback feature for the bot. The user can rate the answer with a “thumbs up” or “thumbs down.” If the rating is negative, the user can add a comment.

  • Enable/disable feedback for nodes
  • Feedback will be processed after about 1 minute
  • You can add a feedback agent in the script area to further process the feedback

Privacy Policy​

To require users to accept the privacy policy before chatting, activate the toggle and input the terms they must agree to before starting the conversation. The text supports rich formatting (bold, italic, lists, links, etc.).

Deactivate Floating-Button​

Enable this toggle to disable the floating chat widget behavior, embedding the chat directly into the page instead.

Header & Footer​

  • Header: Enter custom HTML or script content that will be injected into the header of the chat widget.
  • Footer: Enter custom HTML or script content that will be injected into the footer of the chat widget.

On-Load Script​

Enter a custom JavaScript script that will be executed when the chat widget loads.

note

The On-Load script is not active in the platform's configuration page preview. Changes made through the On-Load script are therefore not visible in the platform preview.

Installation tab​

In the Installation tab, you can configure the chatbot for use on your website by setting the CORS Settings, enabling WebSocket, and obtaining the Embed code:

CORS Settings​

Enter the domains allowed to interact with the bot's API (Cross-Origin Resource Sharing). Add one domain per field (e.g. https://example.com). New fields are added automatically as you type.

Enable live chat​

Toggle this option to enable live chat for your bot.

note

When this option is enabled, the bot's communication switches to WebSocket instead of HTTP

Embed Code​

A code snippet is provided to embed the chatbot into a website. The new widget code must be included on all relevant pages, and the integration takes place directly within the website

iFrame-url​

A URL is provided to embed the chatbot into a website using an iFrame. The new iFrame must be embedded on all relevant pages, and the integration takes place directly within the website.

Sharing Your Chatbot​

The Share tab allows you to distribute your chatbot for others to interact with. Follow these steps to create and manage shareable demo links:

  1. Create a Sharing Entry:

    • Click on Create new link.
    • Enter a name for the sharing entry.
    • Click Save to generate the entry.

  2. Managing Share Links:

    • The newly created sharing entry will appear in the sharing list.
    • To copy the share link, click the Share icon in the upper-right corner of the entry. This will copy the link to your clipboard.
    • You can delete the entry and deactivate the share link by clicking on the red Delete (trash) icon in the upper-right corner. A confirmation window will appear. Confirm the deletion to proceed.

  3. Expiration and Access Information:

    • Under the entry name, you will see the Last used date (or "never" if the link has not been accessed yet) and the Expires at date.
    • By default, the share link expires after one month.