Block Types Overview
The Smashleads funnel builder provides 34 block types that cover every element you need in a lead-generation funnel — from basic content and media to interactive forms, social proof, and payment collection. Every block supports design variants, brand theming, and responsive behavior.
Structural Blocks
These blocks define the page skeleton and layout.
| Block | Purpose |
|---|---|
| Header | Site header with logo, navigation links, and optional CTA button |
| Footer | Page footer with columns of links, copyright, and branding |
| Flex | Flexible container for horizontal/vertical block arrangement |
| Grid | CSS Grid container with preset templates (2-col, 3-col, sidebar, etc.) |
Content Blocks
Blocks for presenting information and visuals.
| Block | Purpose |
|---|---|
| Text | Rich text with formatting, links, and heading styles via the Tiptap editor |
| Image | Single image with border radius, shadow, opacity, and link controls |
| Video | Embedded video player (YouTube, Vimeo, or self-hosted) |
| Button | Call-to-action button with customizable text, URL, and hover effects |
| Divider | Horizontal rule with style, color, and spacing options |
| List | Bullet, numbered, or icon lists with multi-column support |
| Logo Bar | Row of partner/client logos with optional grayscale and hover colorize |
Interactive Blocks
These blocks collect data from users. Each interactive block supports variable assignment — mapping user responses to named variables that power branching logic and tracking integration.
| Block | Purpose |
|---|---|
| Multiple Choice | Grid of selectable option cards (single or multi-select) |
| Choice | Visual option selector with icons or images |
| Form | Multi-field form with 6 field types (text, email, phone, number, textarea, select) |
| Dropdown | Single-select dropdown with auto-generated or custom values |
| Date | Date picker with configurable ranges and formats |
| Upload | File upload with type and size restrictions |
| Autocomplete | Address or location input with auto-suggestions |
| Appointment | Calendar-based appointment scheduling |
| Payment | Stripe-powered payment collection |
For a deep dive into how interactive blocks handle validation, variables, and submit buttons, see Interactive Blocks & Forms.
Social Proof Blocks
Build trust and credibility with third-party validation.
| Block | Purpose |
|---|---|
| Testimonial | Customer quote with avatar, name, and role |
| Reviews | Star-rated review cards in grid or carousel layout |
| Slider | Horizontal carousel for testimonials or feature highlights |
| Kununu | Embedded Kununu employer rating widget |
| Trustpilot | Embedded Trustpilot review score |
| Proven Expert | Embedded ProvenExpert rating badge |
Engagement Blocks
Drive urgency and visual interest.
| Block | Purpose |
|---|---|
| Countdown | Timer counting down to a deadline (boxed, inline, minimal, or neon variants) |
| Loader | Animated loading screen between funnel steps |
| Graphic | Decorative illustration or icon block |
| FAQ | Expandable accordion for frequently asked questions |
| Webinar | Webinar registration block with date, time, and description |
Special Blocks
| Block | Purpose |
|---|---|
| Video Question | Video prompt followed by response input |
| Quiz | Score-based quiz with weighted answer values |
| Message | Full-screen confirmation or thank-you message |
| HTML | Raw HTML injection for custom embeds or scripts |
Design Variants
Every block supports named design variants — predefined style sets that automatically adopt your brand profile colors. When you select a brand profile in the builder, all blocks using named variants update their colors instantly.
You can also choose the Custom variant to override individual colors, spacing, and typography for complete control.
Block Architecture
Under the hood, each block is defined with:
- Data schema — What content the block holds (text, URLs, options, etc.)
- Design schema — Visual properties (colors, spacing, borders, shadows)
- React component — Renders identically in the builder and published funnel
- Config panel — Builder-specific editing UI with Content and Design tabs
This architecture ensures what you see in the builder is exactly what your visitors see.