messageQuickstart: Website Chatbot

Add an AI chatbot to your website in about 5 minutes

This guide walks you through deploying a chat widget on your website. Your visitors can ask questions and get instant answers based on your company's knowledge.

Time: About 5 minutes You'll need: Access to add a code snippet to your website (or someone who can)

Step 1: Create your agent

  1. Click Create Agent and select Knowledge Agent

  2. Give your agent a name (e.g., "Website Assistant" or "Help Agent")

Step 2: Add your knowledge

Train your agent on the content you want it to answer from:

  • Your website — Enter your URL and it crawls your pages automatically

  • Help center — Connect your existing help center

  • Documents — Upload PDFs, or connect Google Drive, Notion, or Confluence

At minimum, add your website or help center — you can always add more sources later.

Step 3: Test in the chat

Use the built-in test chat to make sure your agent answers correctly:

  1. Ask questions your website visitors typically ask

  2. Check the answers are accurate

  3. Adjust instructions if you want to change the tone or response style

Step 4: Set up your channel

Go to Settings > Embed & Share in your agent workspace. You have three options:

A floating button in the corner of your site. Visitors click it to open a chat window.

Inline Chat

A chat interface embedded directly into a page — great for help centers or documentation sites.

Public Chat

A standalone chat page with a shareable link — no embedding needed. Good for sharing in emails or social media.

Step 5: Customize the look

For any channel type, you can customize:

  • Title — The name shown at the top of the chat

  • Welcome message — What visitors see when they open the chat

  • Colors — Match your brand colors

  • Avatar — Add your logo or a custom image

  • Suggested questions — Show up to 3 starter questions to help visitors get started

Step 6: Add to your website

Copy the embed code snippet and add it to your website:

  • Chat Bubble / Inline Chat: Add the code snippet before the </body> tag on any page where you want it to appear

  • Public Chat: Just share the link — no code needed

Your chatbot is live! Visitors to your site can now get instant answers.

What's next?

Last updated