Skip to main content

Widget layouts

Layout defines how a widget appears on the page. Choosing the right one helps balance visibility, UX, and conversion goals

Updated over 2 weeks ago

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.

Built-in widget

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.

Content-blocking widget

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.

Note

You can switch between Pop-up, Floating box, and Content-blocking 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.

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 a built-in widget. See Widget types for details.

Did this answer your question?