Skip to main content

Appearance & branding

Make the assistant look like part of your product. Set these under Settings → Appearance in the app.

Brand accent color

The accent color is used for the launcher bubble and the visitor's message bubbles. It defaults to GTM Clarity forest green (#3a7d5c). Set any hex:

Brand color: #3a7d5c

Pick a color with enough contrast against white text — the launcher and visitor bubbles use white type on the accent.

Assistant name

The name shown in the chat header (e.g., "Acme Assistant"). Set it under Settings → Assistant.

Greeting

The opening line. Defaults to Hi — what brought you in today? Personalize it with resolved context — see Engagement & personalization.

Launcher position

Control which side the bubble sits on with an embed attribute:

<script src="https://app.gtmclarity.ai/widget.js" data-widget-key="YOUR_WIDGET_KEY" data-widget-position="left" async></script>

right is the default. Use data-widget-hidden="true" to load the assistant without showing the bubble (open it from your own button).

Serve from your own domain (white-label)

Agencies and white-label customers can serve the widget from a custom domain (e.g., chat.yourbrand.com) so it carries no GTM Clarity branding. See Agency / white-label.

Upload an avatar and header logo in Settings → Appearance. Keep avatars square and at least 96×96px.

note

Deeper theming (custom fonts, full CSS control) is on the roadmap. For now, the accent color, name, greeting, position, and avatar cover most brands. Need something specific? Tell us.