Webchat widget

Webchat is Repost21’s embeddable live chat for any website. Visitors write right in the widget on the page, and the conversations land in your shared Inbox as a separate “Website chat” channel. Replies can come from an AI agent (automatically) or from an operator manually, from the same inbox as Telegram/Instagram/WhatsApp.

How to create a chat

1. Open AI agents → Webchat widget.
2. Click “Create chat”.
3. Repost21 will create an AI agent “brain” for this chat and link it to the widget — there’s nothing extra to set up.
4. You’ll be taken straight to the editor: appearance and behavior settings on the left, a live preview on the right.

After creating it, two steps remain: style the widget to match your brand and paste a single line of code into your site.

Tip

You can fine-tune the agent “brain” at any time — the chat editor has an “Agent brain” card with a button that takes you to the agent’s settings. There you can change the system prompt, the AI model (Fast / Balanced / Powerful), and connect a Knowledge base so the chat answers based on your materials.

Theme editor

Everything you change is saved automatically — the embed code stays the same, and the widget on your site picks up the new look by itself.

Section	What you configure
Agent brain	Which AI agent answers in the chat, link to its settings
Brand	Name (chat title) and subtitle
Color	Accent color — 6 ready-made presets or your own via the palette
Size and position	Screen corner (bottom right/left), corner rounding, edge offsets, font
Behavior	Greeting text, input field placeholder, identification mode, notification sound, hide the “Powered by” caption
Embed code	Ready-made embed code with a “Copy” button

Identification mode

Defines what the widget asks the visitor before the conversation starts:

Mode	What the visitor sees
Anonymous	Writes right away, no form
Name	Short form — name only
Name + email	Form with name and email — the data goes into the contact card in the inbox

Live preview

On the right side of the editor is a preview of the widget on a realistic demo site. This is a real, working widget, not a picture: change the color or greeting and the preview updates within a couple of seconds. You can open the chat and look at the header, message bubbles, and identification form before you put the code on your live site.

Embedding on a website

Copy the embed code from the editor (the “Embed code” section) and paste a single line before the closing </body>:

<script
  src="https://widget.repost21.com/widget.js"
  data-widget-id="wc_YOUR_ID"
  defer
></script>

• data-widget-id — the identifier of your chat; it’s already filled into the code in the editor.
• The widget works on any domain — there are no site restrictions.
• The widget pulls the theme and behavior by itself — after edits in the editor, nothing needs to be reinstalled.

Note

The widget’s styles are isolated from the site: it doesn’t break the page layout, and the site’s CSS doesn’t affect the chat.

What the visitor sees

• A launcher button in the corner of the page; clicking it opens the chat panel with a greeting.
• Text, images, and files — the visitor can write and attach files.
• Real-time replies — operator and AI messages arrive instantly, without reloading the page (if the connection is unstable, the widget switches to a fallback mode by itself).
• A sound notification for a new reply — if enabled in the behavior settings.
• An unread badge on the launcher button when the panel is closed and a reply has come in.
• On phones, the chat expands to full screen.

Where conversations land

Every conversation from the widget appears in the Inbox section as a “Website chat” channel — alongside conversations from social networks:

• The AI agent answers automatically — for webchat this is the default behavior: the visitor expects an instant reply.
• An operator can take over the conversation at any moment with the “Take over” button — the AI goes silent and a human takes it from there. The conversation can later be handed back to the AI.
• All inbox tools work: tags, notes, operator assignment, conversation history.
• If the visitor left a name and email (“Name + email” mode), they’re visible in the contact card.

Tip

You can have several chats — for example, one per website. Each widget has its own agent “brain”, its own knowledge base, and its own theme: you can switch between chats right in the editor header.