Widget Overview

What Is the Widget?

The widget is a lightweight overlay that lives in the corner of your website. When a visitor clicks the launcher button, it expands into a full panel with multiple tabs and features — no page navigation required.

From the visitor's perspective, it's a single, cohesive experience. Behind the scenes, it combines several powerful systems: real-time messaging, an AI chatbot, self-service help articles, product announcements, feedback collection, and more.

New to Yaplet? Start with the Installation guide to add the widget to your site, then head to Getting Started to configure it.

Key Capabilities

Home Screen

The first thing visitors see — a branded greeting, team avatars, background decorations, and interactive cards that guide them to the right action.

Live Chat

Real-time conversations between visitors and your team. Supports text, images, file uploads, email collection, satisfaction ratings, and agent handoff.

AI Chatbot

AI-powered conversations with streaming responses, conversation starters, product recommendations, and seamless handoff to custom workflows or live agents.

Knowledge Base

In-widget help center where visitors can browse categories, search articles, and find answers without leaving the chat.

News & Roadmap

Share product updates through a news feed and let visitors vote on upcoming features through a public roadmap board.

Forms & Surveys

Collect structured data from visitors with multi-step forms, rating scales, file uploads, and conditional logic — triggered by agents, AI, or surveys.

How It All Fits Together

The widget is organized around a tabbed menu at the bottom of the panel. Depending on your configuration, visitors can switch between:

Home — the landing screen with cards and quick actions
Messages — live chat and AI chatbot conversations
News — product announcements and updates
Roadmap — feature voting board
Help — knowledge base articles

You control which tabs appear, what they're labeled, and what content visitors see. Everything is configured from the Widget settings page in your dashboard.

You can show or hide individual tabs and set custom labels from the Branding, Menu & Dark Mode settings.

Customization at Every Level

The widget is designed to match your brand and workflow:

What you can customize	Where to learn more
Colors, backgrounds, and theme	Color System, Background Styles
Logo, launcher icon, and badge	Branding, Menu & Dark Mode
Greeting text and team display	Greeting, Welcome & Team
Home screen content blocks	Home Screen Cards
Dark mode	Branding, Menu & Dark Mode
Menu tabs and labels	Branding, Menu & Dark Mode

For a complete overview of all visual customization options, see the Appearance & Theming section.

Explore the Documentation

Getting Started

Walk through your first widget configuration — branding, colors, greeting, and home screen cards.

Installation

Embed the widget on your site with a single script tag, or follow platform-specific guides for WooCommerce, WordPress, and more.

Appearance & Theming

Colors, branding, dark mode, and five built-in theme templates to get you started quickly.