Block Reference

A complete guide to all 50+ blocks available in the Site Builder. Each block is designed for a specific purpose to help you build professional pages quickly.

Quick Find Use the search bar above or press Cmd/Ctrl+K to quickly find specific blocks like "excel", "chart", "form", or "video".

Headers & Navigation

Start your pages with professional headers that include your logo, navigation, and calls-to-action.

Block Description Best For
Header Basic Logo and navigation links Simple websites
Header with CTA Logo, nav, and call-to-action button Lead generation sites
Header Dropdown Navigation with dropdown submenus Multi-page websites
Sticky Header Stays visible while scrolling Long-form pages

Hero Sections

Make a strong first impression with eye-catching hero sections.

Block Description Best For
Hero Basic Headline, subheadline, and CTA Landing pages
Hero with Image Text alongside featured image Product showcases
Hero Video Background Full-width video behind content High-impact intros
Hero Split 50/50 image and text layout Professional services

Content Blocks

Present your information with flexible content layouts.

Block Description Best For
Text Block Rich text with formatting Articles, descriptions
Media + Text Image or video with text content Feature highlights
Feature Grid Icon cards in grid layout Services, benefits
Columns 2-4 column flexible layout Custom layouts
Accordion Expandable content sections FAQs
Tabs Tabbed content panels Product features

Media Blocks

Add visual interest with images, videos, and galleries.

Block Description Best For
Image Single image with caption Photos, graphics
Image Carousel Sliding image gallery Portfolios, products
Image Grid Multiple images in grid Photo galleries
Video Embed YouTube or Vimeo player Tutorials, promos
Background Video Ambient video backdrop Hero sections

Data & Charts

Display data visually with charts and tables.

Excel Data Import Paste data directly from Excel or Google Sheets into chart and table blocks. The system automatically detects columns and rows.
Block Description Best For
Data Table Sortable, styled data table Pricing, specs, comparisons
Bar Chart Horizontal or vertical bars Comparisons, rankings
Line Chart Trend lines over time Growth, progress
Pie Chart Circular percentage chart Market share, distribution
Stats Counter Animated number counters Key metrics, achievements

Forms & Lead Capture

Capture leads and collect information from visitors.

Block Description Best For
Contact Form Name, email, message fields General inquiries
Newsletter Signup Email-only opt-in form List building
Lead Magnet Form Form with download delivery Ebooks, guides
Multi-Step Form Form split into steps Applications, surveys
Booking Form Date/time selection form Appointments, demos

Social Proof

Build trust with testimonials, reviews, and logos.

Block Description Best For
Testimonial Quote with photo and name Customer stories
Testimonial Carousel Sliding testimonials Multiple reviews
Logo Cloud Client/partner logos Trust building
Star Rating Visual star ratings Product reviews
Case Study Detailed success story B2B sales

E-Commerce & Payments

Accept payments and showcase products.

Block Description Best For
Payment Button Stripe Buy Button embed Simple purchases
Pricing Table Plan comparison cards SaaS, subscriptions
Product Card Image, description, price Product pages
Checkout Widget Embedded checkout form Direct sales

Team & About

Showcase your team and company information.

Block Description Best For
Team Grid Team member cards About pages
Team Carousel Sliding team profiles Large teams
Timeline Chronological events Company history
Mission Statement Large quote/statement Values, vision

Complete your pages with professional footers.

Block Description Best For
Footer Simple Copyright and links Landing pages
Footer Columns Multi-column link groups Full websites
Footer with Newsletter Links plus signup form Lead capture
ESC