Chat Widget Settings

Chat widget settings control how shoppers enter and experience Remark on your site. Use these settings to turn chat surfaces on or off, choose how they appear, manage inline activator questions, and customize the text shoppers see.

Where settings live

Dashboard page	Use it for
Settings > Appearance	Theme colors, fonts, spacing, roundness, z-index, and custom CSS
Settings > Features > Chat	Floating chat availability, activator style, placement, default size, transfer behavior, animation, and icon
Settings > Features > Inline activator	Embedded activator setup, page placement, and interaction mode
Questions	Starter questions in the inline activator and their answers
Settings > Features > Labels	Shopper-facing text overrides for the chat widget and inline activator

Use Intents for scenario-specific agent playbooks. Widget settings change the shopper-facing surfaces around the conversation.

Appearance

The Appearance page controls shared theming for the floating chat widget and the inline activator.

Setting	What it changes
Color scheme	Light, dark, or auto. Auto follows the shopper’s system preference.
Brand color	The primary color used to generate the default widget palette.
Text color	Main text color inside the widget surfaces.
Background color	Main surface background color.
Button color	Interactive action color, including the send button and floating activator button.
Border color	Borders and dividers.
Online indicator	Availability indicator color.
Error color	Error and critical state color.
Font family	Font stack used inside the widget. Popular Google Fonts can be previewed in the dashboard. Load the font on your site so the widget can use it.
Font size	Base font size in pixels, from 12 to 24. Widget typography scales from this value.
Padding	Compact, default, comfortable, or a custom pixel value for internal spacing.
Border roundness	Square, rounded, circular, or a custom pixel value for corner radius.
Use theme in…	Whether the theme settings apply to the Chat widget, the Activator, or both.
Chat z-index	The stacking order for the floating chat widget. Increase this if chat appears behind site elements.
Custom styling code	Advanced CSS overrides for the chat widget and inline activator.

The preview panel includes Chat and Activator tabs. Check both tabs before saving theme changes, especially when changing color scheme, button color, font size, padding, or border roundness.

Custom CSS

Use custom CSS only when the dashboard settings are not specific enough. Every selector must include a Remark element, such as remark-chat-widget or remark-qa-activator, or the [data-remark] attribute, which matches every Remark element on the page. For SDK-level styling details, see Styling & Theming.

Chat settings

The Chat page controls the floating chat widget.

Setting	What it changes
Enable chat	Turns the floating chat widget on or off for site visitors.
Turn off chat when no experts are online	Hides the widget when no human experts are available.
Allow transfer to human	Controls whether AI can transfer shoppers to a human expert Always or Only when online.
Activator style	Shows the chat entry point as a floating Button or Text bar.
Position of the widget	Places the widget on the left, center, or right. Center is available for the text bar.
Default size	Opens the floating chat widget at Standard, Expanded, or Full height size. Shoppers can still change the size from the chat.
Enable activator animation	Shows the icon animation on the floating button activator.
Activator icon	Replaces the default icon on the floating button.

Use a solid-color PNG with a transparent background for the activator icon. The dashboard tints the icon to match your widget color, and uploads must be 5 MB or smaller.

If the floating button is selected, the dashboard uses left or right placement. Center placement is available for the text bar activator. The activator animation and icon settings appear only for the floating button.

Inline activator

The Inline activator page controls the embedded Remark surface that appears inside page content.

Setting	What it changes
Enable activator	Turns the inline activator on or off.
Activator type	Shows a featured expert header or a text-only activator.
Interaction mode	Keeps conversations inline or hands the shopper off to the floating chat widget.
Inline activator only	Hides the floating chat widget so the inline activator is the only Remark surface on pages where it is inserted.
CSS selector	Selects the page element used as the insertion point.
Activator position	Inserts the activator before or after the selected page element.

In Inline interaction mode, conversations continue inside the embedded activator. In Handoff mode, activator interactions open the floating chat widget. When Inline activator only is enabled, conversations stay inline even if handoff mode is selected, and pages without the inline anchor show no Remark chat surface.

Activator questions

The inline activator shows starter questions that Remark generates for your site, each product, and each page. Review, edit, lock, and archive them, and their answers, on the Questions page.

Labels

The Labels page customizes shopper-facing text in the chat widget and inline activator. Label overrides apply per language and take effect immediately for new sessions. Use labels for UI copy such as placeholders, buttons, and status messages. The label editor includes:

A searchable label tree
An Overrides only filter
One row per supported language
Token previews for labels that include dynamic values
Auto-translate when a source override is available
Reset to restore default labels
Discard and Save changes for pending edits

Leaving a label blank or resetting it removes the override and returns that language to the default label.

Need help configuring chat widget settings? Contact support@remark.ai.

Getting Started

Guides

Dashboard

API

Integrations

Where settings live

Appearance

Custom CSS

Chat settings

Inline activator

Activator questions

Labels

​Where settings live

​Appearance

​Custom CSS

​Chat settings

​Inline activator

​Activator questions

​Labels

Where settings live

Appearance

Custom CSS

Chat settings

Inline activator

Activator questions

Labels