Widgets — 5 Ways to Engage Your Website Visitors
Introduction
Answe widgets are the interactive elements you embed on your website. Choose from 5 widget types to match your design and user experience goals. Each type displays your questions and content differently while sharing the same powerful features.
How It Works
All widgets share the same content — your questions, options, forms, and actions. The widget type controls how that content is displayed on your page.
Full/Embed Widget
A self-contained widget that shows the complete experience inline on your page. The conversation, forms, products, and checkout all happen within the widget container.
Use when: The widget is the main focus of the page.
Option Widget
Shows answer options inline with your content. Selecting an option opens a side panel for the rest of the conversation.
Use when: You want options visible but don't want the widget to dominate the page.
Horizontal Option Widget
Options displayed side by side in a row. Wraps on mobile screens.
Use when: You have space for a horizontal layout, like a hero section.
Inline Widget
A compact button that expands to a full form when clicked.
Use when: You want minimal page footprint with maximum functionality.
Chat Widget
A messaging-style interface for real-time conversation.
Use when: You want live chat or a Q&A experience.
Customization
Colors and Theming
Customize your widget's appearance from the dashboard:
- Text colors
- Background colors
- Button styles
- Message bubble colors
Multiple Widgets Per Page
You can embed multiple widgets on a single page. Each operates independently.
Key Benefits
- No external libraries — Pure HTML, CSS, and JavaScript
- Responsive — Adapts to any screen size automatically
- Style isolation — Widget styles never conflict with your website
- Async loading — Doesn't slow down your page load
- Cross-browser — Works in all modern browsers
Getting Started
- Create a question in your dashboard
- Choose a widget type
- Copy the embed code
- Paste into your website
See Embedding Widgets for detailed instructions.
Related
- Embedding Widgets — Embed code and setup
- Chat Inbox — Manage visitor responses
- Template Gallery — Pre-built widget templates
