AI Chatbot

AI Chatbot - The Web Widget

Style the chat bubble, set how it behaves, and copy the code to add it to your site.

Beginner4 min read

The Widget is the chat bubble visitors see on your site. Style it, set how it behaves, and copy a snippet to install it — with a Live Preview the whole time.

Where to find it: Left menu → AI Chatbot → Widget. Part of the AI Chatbot guide.

The Widget page on the Design tab: Brand Colors, Header, Chat Window, and Launcher Button settings on the left, with a live preview of the chat widget on a mock website to the right.

The Widget — your chatbot on your website.

Design & content

The Design tab sets Brand Colors, the Header style, the Chat Window background and corners, and the Launcher Button position, shape, and icon. The Content tab sets the header title and status, the Welcome Message, the input placeholder, and the “Powered by” badge.

Behavior & lead capture

The Behavior tab controls auto-open (with a delay), show-on-mobile, the typing indicator, and sounds. Contact Info Capture chooses how it asks for details — Smart Capture (recommended), Require Before Chat, or Open Chat — and CRM Destination sends captured leads straight into your CRM (Leads, Contacts, or Deals) under the right brand.

Installing it

The Install tab gives you the Embed Code to paste before </body> (with a one-click Copy), step-by-step Platform Guides for WordPress, Shopify, Wix, and custom sites, and your Widget ID. Hit Publish to push your changes live.

What’s next

Keep reading

  • AI Chatbot - Analytics

    How your AI is performing — resolution, satisfaction, top topics, A/B tests, and marketing results.

  • AI Chatbot — Your AI Command Center

    Build AI assistants that chat with your visitors, answer questions, capture leads, and hand off to your team — each with its own personality, rules, and knowledge.

  • AI Chatbot - Integrations

    Connect your CRM, support tools, and messaging channels like WhatsApp and SMS.

More ways to get help

These guides are the same ones that sit inside the app’s help center, next to the screens they describe. If you prefer to watch, the Marketing Titan Academy has short video courses recorded in the product. Signed in, you can also ask Darwin, the built-in assistant, to explain a screen or do the step for you. If something is not covered here, contact us and a person will answer.

Try it yourself

Every guide here describes the live product.

Start free and follow along: every core module, unlimited users, no card required.