A teaser is a small widget that is set up alongside your popup or floating box. It gives visitors a nonintrusive way to re-open a popup they’ve closed or access it before it appears. Once the popup is closed, the teaser lets users come back to your offer when they’re ready.
How teasers behave
|
How to create and customize a teaser
Start with a template. Many Claspo’s designs already include teasers. When choosing such a template, just toggle the switch to attach it.
Create from scratch. If your design doesn’t include a teaser or you didn’t set it up at the very beginning, you can add one manually in the editor.
To change the default teaser text and style:
Double-click the default text to replace it.
Use the right panel to adjust font, size, color, or add text shadows, etc.
It’s easy to adjust the teaser’s look:
Soften the corners or leave them square.
Try shadows or remove them.
Pick a background color that fits your design.
From the left panel, you can drop in extras like text, images, or floating images for a layered effect.
You can also choose any of eight options for the teaser's location on the screen (top, bottom, left, right).
To add a close button, turn on the toggle in the right panel. Then click the icon to change its look — you can pick the design, color, size, and where it sits.
Why use a teaser
Recover lost engagement — popups that are closed too soon often mean lost conversions. A teaser brings visitors back.
Improve user experience — visitors can interact on their own terms, without interruptions.
Drive conversions and retention — easy access to subscription offers, rewards, or incomplete forms encourages action.
Stay subtle — teasers sit neatly on the screen edge, visible but not distracting.
Teasers don’t behave just one way — you choose when they appear: before the popup, after it closes, or both. Learn how they work in Teaser display conditions, and get step-by-step setups in Teaser visibility options and setups.
