ReaktlyDocs
Platform

Widget Customization

Configure the widget's appearance, copy, behaviour, and channels from the dashboard.

The widget is configured per operator in the dashboard. Changes are applied the next time the widget loads — no redeploy on your side.

Appearance

SettingEffect
Primary / secondary colourAccent colours for the launcher, buttons, and highlights
Font familyTypography inside the chat window
Border radiusCorner rounding of the launcher and window
Theme modeauto, light, or dark. auto follows the visitor's operating system
Widget sizemd (default) or lg
Custom CSSAdditional CSS for cases the presets don't cover

Branding

Company name, agent name, avatar visibility, and whether the "powered by" badge is shown.

Messages

SettingWhere it appears
Welcome messageFirst message in a new conversation
Placeholder textThe composer input hint
Typing indicator textShown while the AI composes an answer
Offline messageShown outside your configured availability

Behaviour

SettingEffect
Auto-openWhether the window opens on page load
Auto-open delaySeconds to wait before auto-opening
Close on outside clickDismiss the window by clicking the page
Show on pages / Hide on pagesPage rules (e.g. hide on /checkout)

Home screen and conversation starters

The home screen is what visitors see before the first message: logo, greeting, subtext, availability status and expected response time.

Conversation starters are suggested questions on that screen. You can enable them, cap how many are visible (maxVisible), and choose the display mode.

Contact info

Support email, phone, and URL — offered to visitors who want to reach a human.

Channels

The WhatsApp channel can be enabled per operator. Set the business number, a prefilled message, the CTA label, and where the CTA sits. See WhatsApp integration for the Meta-side setup.

GDPR and identity

SettingPurpose
GDPR consentShow a consent message with accept button before the chat starts, linking to your privacy policy
Identity verificationAsk visitors to identify themselves before the conversation begins

The AI disclosure notice ("Answers are generated by AI") is part of the product, not a setting — it is shown to comply with the EU AI Act's transparency requirements and cannot be restyled or removed from the widget.

Where configuration lives in code

If you build your own front end instead of embedding the widget, the same configuration is available as JSON — the theme and text values map to the widget's CSS custom properties (--solis-*). The widget applies configuration as inline styles, so theme values win over stylesheet rules; use the configuration options rather than overriding styles.

On this page