Creative Settings (Visuals tab)
The Visuals tab in the Builder controls the visual appearance of the creative — colors, fonts, dimensions, backgrounds, borders, and layout. The left panel shows configurable blocks, and the right panel shows a live preview of the creative as last saved.
WARNING
The preview reflects the last saved state. You must save the creative before changes appear in the preview.
Visual blocks
The creative is composed of visual blocks, each configurable independently. The available blocks depend on the creative type (Banner or Expandable).
Container blocks
Base
The background container of the creative's expanded view.
| Setting | Description |
|---|---|
| Background | Solid color, gradient, or image |
| Border | Enable/disable, width, style, color |
| Border radius | Corner rounding |
| Custom CSS | Raw CSS overrides |
Conversation
The main message/chat area where the conversational flow plays out.
| Setting | Description |
|---|---|
| Speed | Conversational, swift, instant, or custom (seconds) |
| Typing animation | None, type-in, or fade-in |
| Scroll behavior | Cut-off or fade-out |
| Background | Color, gradient, or image |
| Border & box shadow | Styling options |
| Size & positioning | Width, height, alignment |
| Custom CSS | Raw CSS overrides |
The conversation block contains sub-blocks for styling the individual message types:
- Message — bot/prompt message bubble styling
- Choice — answer/response button styling (fit mode: efficient or single)
- Response — user response/selected choice styling
Expandable Initial (Expandable type only)
The collapsed state of an expandable creative (bubble, avatar, or floor element) before the user interacts.
| Setting | Description |
|---|---|
| Alignment | Left, center, or right |
| Tagline above icon | Toggle tagline display |
| Margin | Spacing around the element |
Contains sub-blocks:
- Icon — the avatar/icon image and size
- Tagline — text label with optional speech bubble tail
- Remove — close/dismiss button
Expandable Expanded (Expandable type only)
The expanded state container, controlling max dimensions and alignment.
Visual element blocks
These blocks represent individual visual components placed in the creative:
Text
Displays text content with configurable font family, size, weight, color, and alignment. Available fonts include Arial, Lato, Montserrat, Open Sans, Roboto, Ubuntu, Inter, Poppins, Nunito, Oswald, and Raleway.
Graphic
Displays an image with configurable size, border, alignment, and positioning.
Button
A clickable button with configurable text, font styling, background, border, and padding.
HTML
A custom HTML/code block. Includes template presets: Default, Empty, HTML Only, CSS Only, HTML and CSS, CSS Variables, Flex, Grid, Responsive, and Interactive.
Video
Video playback block with options for autoplay, pause behavior (pause after N seconds, pause when out of view), streaming, and layout mode (scale, preserve, stretch).
Slider
Carousel/product slider block with two modes:
- Feed mode — loads products from a data feed URL with optional filtering and sorting
- Manual mode — manually configured slides
Options include arrow controls, edge fade, slide width, and tease animation (delay, duration, iterations).
Header
The header/title area of the creative, including header text and branding.
Label
Text labels (e.g. "ad" label for ad disclosure).
Close
Close/dismiss button with configurable alignment.
Form blocks
Form
A form container for collecting user input (email, phone, text, etc.).
Form Input
Individual input fields within a form. Supported types:
| Type | Description |
|---|---|
| Text | Single-line text input |
| Text Area | Multi-line text input |
| Email address input | |
| Phone | Phone number input |
| Number | Numeric input |
| Date | Date picker |
| Dropdown | Select from a list |
| Radio | Radio button selection |
| Checkbox | Checkbox toggle |
| Range | Slider/range input |
| Clickout Link | A link that opens in a new tab |
Each input has settings for placeholder text, label, required/optional, and visual styling.
Form Submit Button
The submit button for the form, with configurable text and styling.
Common settings
Most visual blocks share these configurable properties:
| Category | Settings |
|---|---|
| Background | Solid color, gradient, or image |
| Border | Width, style, color, radius |
| Box shadow | Offset, blur, spread, color, inset |
| Size | Width and height (linked or independent) |
| Margin & padding | Per-side spacing |
| Position | Absolute positioning (top, right, bottom, left) |
| Alignment | Horizontal (left, center, right) and vertical (top, center, bottom) |
| Rotation | Rotation angle in degrees |
| Custom CSS | Raw CSS for advanced customization |
Multi-format overrides
When working with multi-format creatives, child formats inherit settings from the parent creative. Individual settings can be overridden per child format — overridden settings show a visual indicator in the Visuals tab. This lets you maintain a single source of truth while adjusting sizing or layout per format.