Create Widget

Chat Widget Builder

Create a new chat widget

Configure your chat widget and MCP servers below. The preview will update in real-time as you make changes. Click the Save Widget button when you're done.

Basic Settings

Configure the basic information for your chat widget

Project Name

Chat Description

System Prompt

This is the initial instruction given to the AI model to define its behavior.

Appearance Settings

Customize how your chat widget looks

Minimize Icon

Widget Size

Widget Position

Model Settings

Choose the AI model for your chat widget

Model Provider

Model

MCP Settings

Configure Model Context Protocol servers

Widget Preview

See how your chat widget will look