AI Studio Chat Widgets: Native Live Chat Built Into Your AI Studio Apps

/in ,

Add Chat Widgets to Your AI Studio Apps

You can now add native chat widgets to your AI Studio apps — built and styled by AI Studio to match your site, instead of a generic chat bubble. Just ask AI Studio to “add a live chat”, and it builds a real Clixio chat widget into your app.

Chat widgets in AI Studio run on Clixio’s chat widget, so the conversations, contacts and widget settings are the ones you already use in your Clixio account. There’s nothing extra to set up.

AI Studio Adds the Chat for You

  • Ask AI Studio for a chat and it shows a card to create the widget: Live Chat, or Email Chat for visitors who leave a message and get a reply by email.
  • The widget is created in your account, named after your project, and wired into your app.
  • For a new chat, AI Studio asks a few quick design questions (greeting, placement, tone), then builds it.

Ask AI Studio to add a chat widget

AI Studio asks a few quick design questions

Designed to Match Your Site

  • The chat is built into your app’s own code, so it uses your site’s colours, fonts and layout.
  • Change its look the way you change anything else: ask AI Studio, or edit it in code.
  • A project can have more than one widget — for example, live chat on every page plus a separate after-hours chat.

Chat widget styled to match the site

Live conversation in the chat widget

The Real Clixio Chat Underneath

  • Built-in security: Visitor sessions use secure tokens that never touch your app’s code, and a captcha appears automatically when the chat suspects a bot.
  • Spam & abuse protection: Rate limits and your widget’s spam settings apply to every message.
  • Attachments: Visitors can share files in live chat, within the widget’s supported file types and size limits.
  • Conversation history: Returning visitors pick up where they left off, and older messages load as they scroll.
  • Delivery status: Messages show as sending, sent or failed, and failed messages can be retried.
  • Business rules: Business hours, out-of-hours messages, inactivity timeouts, chat ratings and chat-ended messages follow your widget settings.
  • Conversations: Every message lands in Clixio Conversations, just like the standard widget.

Chat widget conversation in HighLevel Conversations

  • Your wording: AI Studio can set the welcome message and feedback lines when you ask — e.g. “greet visitors with: Hello, how can we help?”

Go to More → Analytics → Chat Widgets to see the leads your project’s chat widgets bring in.

  • At a glance: Chat loads, opens, open rate, and visitor feedback and satisfaction from chat ratings.
  • Every lead in one table: Contact, email, phone, chat type, the page the chat started on, and which widget it came from.
  • Flexible views: Filter by widget and date range, choose which columns to show, and select leads to download.

Chat widget leads analytics

Chat Widget Settings, Inside AI Studio

Go to More → Chat Widgets to see your project’s widgets. Open one to manage it without leaving AI Studio.

Chat Widgets tab in AI Studio

  • Live Chat and Email Chat are supported in both TanStack Start and React projects.
  • Voice chat, WhatsApp, Facebook Messenger and Instagram chat widgets aren’t supported in AI Studio yet.