Teasers

A teaser is a small, clickable prompt that invites shoppers to open the form instead of showing the whole thing immediately — a gentler entry point that keeps the storefront uncluttered. All four display modes support one.

A teaser is also where a closed form can go: rather than disappearing for the rest of the visit, a dismissed form can shrink back to its teaser so the shopper can reopen it later.

One coherence rule: a form whose trigger is On click (launcher) can't have a teaser — the launcher is its entry point, so the Enable teaser toggle is locked while that trigger is selected.

Set up a teaser

Teasers live in the Teaser tab of the Settings sheet, opened from the builder's title bar:

• Enable teaser — turn the teaser on.
• Quick presets — one-click starting points: Bottom-left bubble, Top banner, or Bottom banner.
• Mode — Bubble (a floating pill anchored to a corner or edge) or Banner (a full-width bar across the top or bottom of the page).
• Edge — for Banner mode, Top or Bottom.
• Position — for Bubble mode, one of eight anchors (Top Left, Center Left, Bottom Left, Top, Bottom, Top Right, Center Right, Bottom Right).
• Initial display — Start open (the full form shows first) or Start as teaser (only the teaser shows until clicked).
• Teaser text — Use first visible heading, or Custom text (e.g. "Get 10% off").
• Background color and Text color — inherit your theme by default; pick a value to override, and Reset to theme colors to go back.
• When dismissed and Allow full close — see when a shopper dismisses the form below.

Mobile vs. desktop

The location controls have Mobile and Desktop tabs. Mode, Edge, Position, and Initial display can each be set differently per screen — for example, a top banner on mobile (where it won't clash with cart drawers) and a corner bubble on desktop. Mobile is the base; the Desktop tab writes overrides, with a Reset to mobile defaults link to clear them.

When a shopper dismisses the form

Two settings on the Teaser tab decide what the close button does:

• When dismissed — Collapse to teaser shrinks the form back to its teaser so the shopper can reopen it later; Hide completely removes both form and teaser for the rest of the visit.
• Allow full close — gives the teaser its own close control, so a shopper can dismiss the teaser entirely even when the form collapses to it.

Two consequences worth knowing:

• Closing a teaser with Allow full close is a true end state, so a form set to Until form completed stops showing after it.
• An inline form that a shopper dismisses collapses to the same floating teaser popups use.

To send a dismissing subscriber to an offer step instead of closing, see send dismissing subscribers to a step.

Next steps

• Display modes & triggers — how, when, and how often a form appears.
• Branding — the theme colors a teaser inherits.
• Launch buttons — the alternative entry point, placed in your theme.