Skip to main content

Customization

The Customization sub-tab lets you style how your website survey looks and behaves visually. You'll find it next to Questions in the survey editor (sidebar Content → Customization).

Layout​

The Customization screen has three areas:

  • Top of the sidebar — a Desktop / Mobile toggle (two icons) that switches the preview between the two device formats. The customization settings themselves apply to both modes — the toggle only changes how the preview is rendered.
  • Sidebar sections — collapsible sections, each opening as a small popover when clicked: Color, Radius, Theme, Cover, Position, Avatar, Overlay, Block Closing, Hide Branding.
  • Live preview area — a mockup that shows your survey widget in real time as you change settings. In Desktop mode it's rendered as an overlay on a fake website page; in Mobile mode it's rendered fullscreen inside a phone frame.

Color​

Set the background color of the widget. A full color picker:

  • 2D color area — pick saturation and brightness
  • Hue slider — pick the base hue across the color spectrum
  • Opacity slider — adjust transparency
  • Hex code — shows the current hex value; the swatch and eyedropper button let you pick a color from anywhere on screen (browser support required)

The default background is the Told brand blue (#1E266D).

Radius​

Set how rounded the widget corners are. Four options:

OptionDescription
SharpNo rounding — square corners
Small curveSlight rounding
Large curveNoticeably rounded corners (default)
RoundMaximum rounding

The selected option is applied to the widget container and propagates to inner elements (inputs, buttons, media).

Theme​

Choose the text color theme. Two options:

ThemeDescription
Light (default)Light text on dark backgrounds
DarkDark text on light backgrounds

There is no free color picker for the text — only these two themes.

Cover​

The Cover section lets you upload a single fallback image that's displayed on every question that doesn't have its own Add a media image.

It contains a placeholder thumbnail and an Upload button. Once uploaded, the image becomes the default media for all questions in the survey.

tip

The cover image only shows on questions that don't have their own media set. If a question has its own image or video via Add a media in the question editor, that one wins over the cover.

Position​

Pick where the widget appears on the host page when rendered in Desktop mode. The section shows a 3x3 grid representing the 9 possible positions:

top-left      top-center      top-right
middle-left   middle-center   middle-right
bottom-left   bottom-center   bottom-right

By default, the widget appears at bottom-right. The selected cell is highlighted in blue.

In Mobile mode, the widget is always rendered fullscreen, so the position setting effectively doesn't apply.

Avatar​

Toggle to show or hide an avatar image inside the widget. Off by default.

When enabled, you can upload an image — useful to put a face or a logo on the widget for a more personal touch.

Overlay​

A single toggle (off by default).

When enabled, a grey overlay div is rendered behind the widget, dimming the rest of the page. This is purely visual — it focuses the user's eye on the survey but does not turn the widget into a modal (no fullscreen blocker, no automatic close-on-outside-click behaviour).

Block Closing​

A single toggle (off by default). When enabled, the close (×) button at the top-right of the widget is removed. Use this when you want the survey to be unavoidable until completed.

Hide Branding​

A single toggle (off by default). When enabled, the small "told" badge at the bottom of the widget is removed.

warning

This option is plan-locked — it requires the Expert plan or higher. On lower plans, the toggle is disabled and the Told badge always appears.

Desktop vs Mobile preview​

The Desktop / Mobile toggle at the top of the sidebar only changes how the preview is rendered. All customization settings are shared between both modes — there is no per-device override. Use the toggle to verify how your settings look in each context, especially for the Position setting (which only matters on Desktop).