Essentials
Section
A full-width container that acts as a page section. Use it to group related content and control the section’s background color, padding, and width. Sections are the primary building blocks for organizing page structure.
Heading
A styled text heading (H1–H6). Use it for page titles, section headers, or any prominent text. You can control font, size, weight, color, and alignment.
Text
A rich text block for body copy, descriptions, or supporting content. Supports font, size, color, line height, and alignment controls.
Button
A clickable button that links to a URL or another page in your funnel. Supports solid, outline, ghost, and link variants with full color and size customization.
Image
Displays an image from your content library or an external URL. You can set dimensions, object fit, border radius, and alt text for accessibility.
Video
Embeds a video from your content library or a hosted video URL. Supports autoplay, loop, and muted playback options.
Embed
Embeds external content via a URL (iframe) or raw HTML snippet. Use it to add third-party widgets, maps, or any content you want to include from an external source.
Icon
Renders a single icon from the built-in icon library. Useful for decorative elements, feature callouts, or inline visual accents.
The Embed component accepts either a URL (rendered as an iframe) or an HTML embed code. Paste a valid
https:// URL or raw HTML into the embed value field in the properties panel.Layout
Container
A generic wrapper that constrains its contents to a maximum width and centers them. Use it to create centered content blocks within a full-width section.
Divider
A horizontal rule for visually separating sections of content. Supports color, thickness, and spacing customization.
Spacer
An invisible block that adds vertical space between components. Set the height for desktop and mobile independently.
Tabs
A tabbed content area. Add multiple tabs and place any other components inside each tab. Visitors click the tab labels to switch between content panels.
Accordion
A collapsible content block. Add items with a title and body; visitors expand and collapse each item. Useful for FAQs, feature lists, and step-by-step instructions.
Layout presets
Layout presets create multi-column grids with pre-configured proportions, saving you from building column structures manually.| Component | Columns | Use case |
|---|---|---|
| Two Column Layout | 2 equal columns | Side-by-side content, image + text pairs |
| Three Column Layout | 3 equal columns | Feature grids, icon rows |
| Four Column Layout | 4 equal columns | Dense feature lists, icon + label grids |
Conversion blocks
Conversion blocks are purpose-built components for driving visitor actions.Form
Embeds a lead capture form on your page. Select a form you created in CRM → Forms. On submission, the visitor’s data is saved as a contact record in the CRM and the visitor advances to the next step in your funnel. See Forms for full details.
Checkout
Renders a Stripe embedded checkout panel for direct purchase on the page. Link it to a Stripe-synced offer price from Revenue. The full checkout experience — including card fields — appears inline without redirecting the visitor.
Progress Bar
Displays a visual progress indicator. Use it to show visitors how far they are through a multi-step funnel and to reinforce forward momentum.
Countdown Timer
Shows a live countdown to a deadline. Use it for time-sensitive offers, launch dates, or urgency-driven calls to action.
Number Counter
Animates a number counting up to a target value. Use it to highlight statistics, social proof numbers, or milestone figures.
Testimonial
Displays a customer testimonial with a quote, author name, title, avatar image, and optional star rating. Supports centered, left-aligned, and card layouts.
Saved components
You can save any component configuration to reuse it across pages.Save the block
Open the component’s context menu (right-click or the menu icon in the action bar) and choose Save block. Give it a name.