1. Advance Settings
AI Agent Customer Support Docs
  • Default module
    • Product
      • Changelog
    • AI Agents
      • Create AI Agent
      • Edit AI Agent
      • Delete Agent
    • Leads
      • Lead Settings
      • Lead Report
    • AI Agent Installation
      • Overview
      • Custom Website
      • WordPress
      • Link WhatsApp with AI Agent
      • Setup New WhatsApp Account
      • Google Tag Manager
      • Shopify
      • Squarespace
      • Wix
      • Webflow
      • Bubble
      • PrestaShop
      • GoDaddy
    • Billing & Pricing
    • Partner
      • Partner Management
    • Roadmap
      • Upcoming Features
    • Intelligence Settings
      • Intelligence Settings
    • Advance Settings
      • Overview
      • Header & Labels
      • Widget Tabs
      • Lead Capture Form
      • Quick Questions
      • Custom CSS and JS
      • Branding & Tracking
      • Behaviour Settings
      • Consent & Overlay
    • Partner Dashboard
      • How to Create White-Label
      • License Management
    • Message Credits
      • Message Credits
  1. Advance Settings

Widget Tabs

Widget Tabs let you add extra tabs at the bottom navigation of the widget. Each tab can show custom header text and embed external content inside the widget. You can add up to 3 tabs.

Common use cases#

Booking tab (Calendly, Cal.com, Google Calendar booking links)
Contact tab (a contact form page you already host)
Social tab (a link hub page)
WhatsApp tab (a web WhatsApp entry page or click-to-chat landing page)

Fields explained#

Tab name#

The label shown in the widget’s bottom navigation (example: “Book a Demo”).

Tab icon#

The icon shown for the tab. Available icon choices include:
Calendar
Phone
Chat
Globe
Link
Social
Mail
Star
Pick an icon that matches the tab’s purpose so users understand it instantly.

Header title#

Shown when this tab is active (good for context like “Schedule a call”).

Header subtitle#

Optional helper text under the header title (example: “Choose a time that works for you”).

Integration type#

Iframe (Calendly, Cal.com, etc.)
This embeds an external page inside the widget tab using an iframe.
External Link
It will open given link in new Tab

Embed method#

URL (wrapped in iframe)
You paste a URL and the widget loads it inside an iframe.
Raw Embeded code
You paste a Full Iframe code

Embed URL#

The URL that should load inside the tab. Examples:
Calendly scheduling link
Cal.com booking link
Any public page you want to show inside the widget

Enabled#

When turned on, this tab appears in the widget. Turn it off to hide the tab without deleting it.

Steps#

1.
Open Advanced Settings → Widget Tabs
2.
Click Add integration
3.
Configure:
Tab name
Tab icon
Header title and Header subtitle (optional)
Integration type (Iframe)
Embed method (URL wrapped in iframe)
Embed URL
Toggle Enabled ON
4.
Click Save changes
5.
Repeat for additional tabs (up to 3)

Verify#

1.
Open the widget preview
2.
Confirm:
Tabs appear in the bottom navigation
Icons match the selected option
Each tab opens the correct embedded content
Header title/subtitle change when switching tabs

Troubleshooting#

Tab not visible#

Ensure Enabled is ON
Click Save changes
If you already have 3 tabs, remove or disable one before adding another

Embedded page shows blank or refuses to load#

Some websites block being embedded in an iframe (security headers like X-Frame-Options or CSP frame-ancestors).
Try one of these:
Use the provider’s dedicated embed URL (some services provide iframe-friendly links)
Test with a different public URL that allows iframe embedding

Tab content loads but scroll is difficult#

The embedded page may have its own internal scroll area. Try scrolling inside the embedded section.
Prefer pages that are mobile-friendly and not heavy.
Modified at 2026-02-19 11:07:02
Previous
Header & Labels
Next
Lead Capture Form
Built with