Chatbots - Widget

The Widget tab controls how your chatbot appears and behaves on your website.

General

Fullscreen

Enable fullscreen mode to have the chatbot take over the entire screen when opened, rather than appearing as a floating widget.

Position

Alignment

Choose which side of the screen the chatbot widget should appear on. Options include left and right positioning.

Distance

Set the distance from the edge of the screen, for example 16px or 1rem.

Button

Configure the button that opens the chatbot.

Type

Choose between a text button or a logo/icon button.

Text

The label displayed on the button.

Text Color

The color of the button text.

Background Color

The background color of the button.

Border Color

The border color of the button.

Border Radius

Control the roundness of the button corners, for example 8px.

Font Size

The size of the button text, for example 14px.

Chat

Welcome Message

The initial message users see when they open the chatbot. Use this to set expectations and establish the chatbot's tone.

Theme

Choose between Light and Dark themes for the chat interface.

AI Name

The name displayed for the AI in the conversation. This helps personalize the experience.

Input Placeholder Text

The placeholder text shown in the message input field, for example "Send a message".

Storage

Control how chat history is persisted for your visitors.

No Storage

Messages reset when loading a new page. Chat history is not saved.

Session Storage

Messages are saved in session storage. Chat history persists during the current tab session and navigation, but clears when the tab is closed.

IndexedDB

Chat history is saved in the browser's IndexedDB. Users can browse old chats and start new ones. Chats persist across sessions, so visitors can return days later and continue where they left off.

Messages

Control what actions visitors can take on messages.

Chat from Here

Allow users to start a new chat from any message in the conversation. This creates a branch from that point. Requires IndexedDB storage mode to be enabled.

Regenerate

Allow users to regenerate AI responses if they want a different answer.

Delete

Allow users to delete messages from the conversation.

URL

Provide a URL to a logo image to display in the chatbot header.

Presets

Configure quick-start prompts that appear as buttons for users.

Label

A label for the preset group, for example "Quick questions".

Items

Add preset questions or prompts that users can click to quickly start a conversation. For example:

  • "Who created WordPress?"
  • "When was WordPress created?"

Click "Add preset" to add more items.