Widget Playground

Customize your AI chat widget and get the embed code for your website.

This message appears in a bubble before the user opens the chat.

Hi there! How can I help you today?

What is the Agent Widget Playground?

The Agent Widget Playground is a visual design tool that allows you to customize the appearance of your AI chatbot widget before deploying it to your website. You can experiment with different colors, icons, positioning, and greeting messages to ensure the chat interface aligns perfectly with your brand's aesthetic.

How to customize your AI chat widget

  1. Select your brand color: Use the color picker to find your exact brand hex code.
  2. Choose an icon: Pick from a variety of launcher icons (Robot, Chat Bubble, Sparkles) that suit your style.
  3. Write a greeting: Craft a welcoming message that invites users to start a conversation.
  4. Position the widget: Decide whether the widget should float on the bottom-right or bottom-left of your screen.
  5. Get the code: Click "Get Embed Code" to receive a lightweight HTML snippet to paste into your website.

Frequently Asked Questions

Is this chat widget free?

Yes, the widget generator is completely free. You can design your widget and get the embed code without any cost. However, you will need an Agent One account (free tier available) to activate the backend agent.

Can I customize the colors to match my brand?

Absolutely. You can choose any primary color using the color picker or hex code input. The widget will automatically adjust gradients and secondary elements to match your brand identity.

Does it work on mobile devices?

Yes, the generated chat widget is fully responsive and mobile-friendly. It adapts to different screen sizes to ensure a seamless experience for your visitors.