Customize the widget

Customize colors, position, popup triggers, contact options, and installation for your live chat widget.

Under Widget & UI you control how the chat widget looks and behaves on your storefront. Changes apply live after you save.

Colors & style

• Primary color — chat button and header

• Secondary color — accents and links

• Text color — copy inside the widget

• Button size — sm / md / lg

• Corner radius

• Online indicator, logo, custom icon, company name

Position

• Corner — bottom-right (default), bottom-left, top-right, top-left

• X / Y offset — distance from the edge in pixels

Popup triggers

Proactive messages based on:

Trigger	Behavior
Time on page	Opens after X seconds
No scroll	Visitor idle X seconds
Pages visited	After X pages
Exit intent	Cursor leaves toward the top

Configure name, enabled state, threshold, and message per trigger. The E-commerce template loads a sensible default set for stores.

Contact options

Manage buttons on the welcome screen (chat, email, WhatsApp links, and so on) under Contact options.

Installation

See platform-specific guides:

• Shopify widget — enable the app block in the theme editor

• WooCommerce — automatic via the WordPress plugin

The Installation tab shows live detection status and manual embed code if you need a custom setup.