Content Tab

Configure what your chatbot displays and collects from visitors. Set up lead forms, conversation settings, chat button text, and quick navigation commands.

The Content tab is where you configure the user-facing elements of your chatbot. It has four sub-sections:

Lead Form

Collect visitor information before chat starts

Conversation

Greeting messages and follow-up suggestions

Chat Button

Floating launcher button configuration

Commands

Quick navigation shortcuts for visitors

Lead Form

The Lead Form appears when visitors first open your chatbot. It collects contact information before the conversation begins, helping you capture leads even if visitors don't complete a purchase or booking.

Lead Form configuration showing header text and form field settings
Lead Form configuration with customizable fields and live preview

Header Settings

  • Header Heading — The main title (e.g., "Hyperleap Bot")
  • Header Sub Heading — Subtitle text (e.g., "Here to help you")
  • Subheading — Welcome message (e.g., "Welcome! I'm here to assist you.")
  • Submit Button Label — CTA button text (e.g., "Start Chat")

Form Field Configuration

Configure which fields appear on your lead form:

Field

The field type (Name, Phone, Company, Email, etc.)

Label

What visitors see (e.g., "First name")

Placeholder

Helper text inside the field

Shown

Toggle whether the field appears

Required

Make the field mandatory

Pass to AI

Include this data in AI context for personalized responses

Tip:
Enable "Pass to AI" for the name field so your chatbot can address visitors personally. For example, the AI can say "Hi Sarah, how can I help you today?"

Conversation

Configure how the chat conversation appears and behaves after the lead form is submitted.

Conversation settings showing heading, greeting message, and follow-up suggestions
Conversation settings with greeting message and follow-up options

Conversation Settings

  • Heading — Chat window title (e.g., "AI Assistant")
  • Greeting Message — First message from the bot (e.g., "Hello! How can I assist you today?")
  • Input Placeholder — Text shown in the message input field

Follow-up Suggestions

Enable Follow-up Suggestions to automatically generate clickable response options after each bot message. This helps guide the conversation and reduces typing for visitors.

You can also add Predefined Options - specific follow-up buttons that always appear. Click "+ Add Follow-Up Option" to create custom quick replies.

Chat Button

Configure the floating chat button that appears on your website to launch the chatbot.

Chat button configuration showing message text setting
Chat button with customizable tooltip message

Chat Button Settings

  • Message Text — Tooltip that appears next to the chat icon (e.g., "Need help? Chat with us!")
Tip:
Keep the chat button message short and action-oriented. Messages like "Questions? Ask me!" or "Need help?" work well.

Navigation Commands

Navigation commands let visitors quickly access specific pages on your website directly from the chat interface. When a visitor types /, they see a list of available commands.

Navigation commands configuration showing URL shortcuts
Navigation commands with custom labels and URLs

Setting Up Commands

Each command has:

  • Icon — Choose from available icons
  • Label — Command name (e.g., "Pricing")
  • URL — Where to navigate (e.g., "https://www.hyperleap.ai/pricing")

Both relative URLs (like /pricing) and absolute URLs are supported. You can configure up to 10 navigation commands.

Note:
Commands should link to important pages visitors frequently ask about, like Pricing, Contact, FAQ, or specific product pages.

Testing Your Content Settings

As you configure each setting, the live preview on the right side updates in real-time. Use the "Test Behaviour" button to open a full preview and test the actual conversation flow.

Content tab with Test Behaviour button highlighted
Click Test Behaviour to preview your chatbot configuration

Next Steps

After configuring your content settings, proceed to the Behaviour Tab to set up the AI personality, select models, and import industry presets.