Below is a short explanation of each widget layout Claspo offers.
Pop-up
Appear above the page content, centered on the screen, with a backdrop that dims the content underneath.
Key characteristics:
Does not scroll with the page.
Block interaction until closed.
Best for: time-sensitive offers and important announcements that require attention.
Floating box
Stays visible on the page without blocking content.
Key characteristics:
Does not block page interaction.
Flexible positioning (edge-based placement with adjustable offsets).
Remain visible during scroll.
Best for: promotions, announcements, or calls to action that need strong visibility without interrupting browsing.
Floating bar
Horizontal widgets displayed at the top or bottom of the screen.
Key characteristics:
Does not cover main content.
Fixed position while scrolling.
Keeps the page fully usable.
Best for: announcements, updates, discounts, or free shipping messages.
Inline
They are embedded directly into the page structure.
Key characteristics:
Part of the page content and layout.
Does not block or overlay the page.
Best for: a newsletter form in the footer, a contact form on a Contact page, a request form inside a landing page, or a hero section banner (with a slider component).
Launcher
A small widget that triggers an action — for example, opening another widget or redirecting to a page.
Key characteristics:
Independent widget with its own display rules.
Compact size, designed to work like an action button.
Fixed position on the screen (bottom-left or bottom-right).
No close button.
Best for: site-wide, high-priority actions that should always remain available, such as demo requests, contact or callback buttons, referral program entry points, etc.
Full screen
Show your widget over the entire page. Use this layout when you want to focus the visitor’s attention on one message, offer, or required action.
Key characteristics:
Covers the full viewport with an overlay/backdrop or by setting the widget size to match the viewport.
The close button can be enabled or disabled (for Age gate and Content blocking).
When the close button is enabled, visitors can also close the widget with the Esc key.
Can be used with a teaser.
Best for: high-impact campaigns, welcome offers, exit-intent offers, and multi-step widgets with micro-commitment.
Content-blocking widget and age gate
Restrict access to the page until a required action is completed.
Key characteristics:
Fully blocks page interaction and scrolling.
Has no close button by default.
Requires user action to proceed (age confirmation or registration).
Best for: age verification, gated content.
Switching between widget layouts
You can change the widget layout in the editor without rebuilding the widget from scratch. Claspo lets you switch between these layouts:
Pop-up
Floating box
Full screen
Inline
The widget keeps its proportions after switching, so in most cases you only need to check the final look and adjust small details if needed.
Other layout types can’t be converted this way. You’ll need to create them separately.
Note
You can switch between Pop-up, Floating box, and Full screen layouts directly in the editor — when creating a new widget or customizing a template. Other layouts can’t be converted and must be created separately.
Switching to inline
When you switch a widget to inline, a few things change:
Inlines don’t have teasers. If the widget has a teaser, Claspo turns it off when you switch the layout to Inline.
The teaser design is not lost. If you later switch back to a layout that supports teasers and add the teaser again, it will look the same as before.
If you switch an already published widget to Inline, Claspo will ask where to place it on the page. For example, you may have a pop-up that is already live.
Once you change its layout to Inline, it needs a specific spot on your website, because Inline widgets are inserted into the page rather than shown over it. That is why this step is required. If you do not add a placement, the widget will not appear on the page.
Widget types describe purpose. Layouts describe appearance. One widget type can be used with multiple layouts. For example, a sign-up form can appear as a popup, a floating box, or an inline widget. See Widget types for details.