Theming

The widget look and feel is configured in the dashboard, not in a client-side SDK. Use the widget editor to match your brand while keeping the canonical loader snippet unchanged.

Brand controls

• Primary color for buttons, chips, and emphasis states
• Brand name, header title, and subtitle for the widget header
• Logo for a more polished header treatment
• Position to place the widget bottom-left or bottom-right
• Welcome copy, quick replies, and teaser text to match your tone

Example embed

<script src="https://app.clarm.com/widget/loader.js" data-widget-id="YOUR_WIDGET_ID" async></script>

Recommended workflow

Save the snippet once, then iterate on branding in Dashboard → Widget. Use the live preview to test copy, colors, and layout before shipping changes to production.

Design notes

The widget renders in its own surface and is designed to avoid colliding with your site styles. If you need a stricter enterprise-controlled install, use the self-hosted bootstrapper from the deploy tab instead of editing widget CSS directly.

- Keep the button color aligned with your primary brand color
- Use a short, plain-language welcome message
- Keep quick replies concrete and action-oriented
- Prefer the dashboard preview over inline CSS overrides