Storefront Display

How forms render on your store — inline, float, and popup modes, trigger conditions, branding, and theme compatibility.

10 questions answered

Forms are rendered via a Shopify Theme App Extension. The extension reads your published forms from app metafields, matches them to the current page, and renders the form with all your design settings applied — inline, as a float button, or as a popup.

Three display modes:

  • Default (Inline) — Form embedded directly in the page content
  • Float — A floating button that opens a form panel when clicked
  • Popup — A modal overlay triggered by scroll, time, or exit intent

Float mode shows a floating button on your storefront (positioned where you choose — corners, sides, or center). When a visitor clicks the button, a form panel slides open. This is great for contact or feedback forms that should be accessible from any page.

Popup mode displays your form in a modal overlay. You can trigger the popup based on scroll depth, time delay, or exit intent. This is perfect for lead capture, newsletter signups, or promotional forms that you want to show at just the right moment.

You can trigger Float and Popup forms using three conditions:

  • Scroll depth — Form appears after the visitor scrolls a certain percentage down the page
  • Time delay — Form appears after a set number of seconds
  • Exit intent — Form appears when the visitor's cursor moves toward the browser's close/back area

Yes. You can place Float and Popup forms in any of 9 positions: top-left, top-center, top-right, middle-left, center, middle-right, bottom-left, bottom-center, or bottom-right. Choose the position that works best for your store layout.

Free plan forms display a "Powered by Cruxtab Form Builder" badge. On Starter, Growth, and Pro plans, branding is automatically removed. This is controlled by the showBranding flag set server-side based on your plan.

The extension matches forms based on publish settings: Homepage matches when the Liquid template is index, Product pages match by product.handle, and Specific pages match by page.handle. Only published forms with matching page context are displayed.

Yes. The theme extension uses responsive column layouts so forms adapt to different screen sizes. Fields set to 50% width will stack on smaller screens. Custom fonts, colors, and styles all carry over to the mobile experience.

Yes. If you selected a Google Font in the form builder, the extension loads it from Google Fonts and applies it to your form on the storefront. Supported fonts include Inter, Roboto, Poppins, Montserrat, and many more.

Still have questions?

Install the app and reach out directly — we're here to help.

Install Free on Shopify