Home Screen

The home screen is your widget's front door — the first impression visitors get when they click the chat icon. It combines a greeting area, a visual background, and a set of configurable cards to guide visitors toward the right action.

What Makes Up the Home Screen

The home screen has three layers that work together:

Greeting, Welcome & Team

Customize the greeting text, welcome message, animated placeholder, team avatars, and online/offline status indicator.

Background Styles

Choose from decoration patterns (blobs, grid, ripples, gradient mesh, spotlight), background images, or a clean solid look.

Home Screen Cards

Configure interactive content cards — AI ask bar, active chat shortcut, help articles, news, messages, links, and forms.

How It All Fits Together

When a visitor opens your widget, they see:

  1. Your logo in the top-left corner with a close button on the right
  2. Team avatars (up to 3 agents) overlapping in a row
  3. Greeting + welcome message — a short hello and a bold headline
  4. Background decoration — a visual pattern or image behind the content
  5. Cards — interactive blocks stacked vertically, each serving a different purpose

The header (logo and close button) gently fades out as visitors scroll down through the cards.

You can reorder, add, and remove cards from Settings → Widget → Home in your dashboard. The order you set is the exact order visitors see.

Branding

Your widget logo appears in the top-left corner of the home screen. You can upload a custom logo in Settings → Widget → Appearance.

The "Powered by Yaplet" badge at the bottom of the home screen can be hidden on paid plans from the same settings page.