Site content & admin

Block types

What each page block looks like and when to use it.

Pages are built from blocks. Add them in site admin with Browse Blocks, or describe the change in the AI site editor.

Pick a type below to jump to its example. Icons match the site admin Block Library.

Browse by type

Scroll down for live screenshots, or use Browse by type above to jump.

Headers

🎯 Hero Banner

Eye-catching header section with background image, title, and call-to-action.

Use for: The top of home and key landing pages.

Hero Banner block on a live site

Content

📝 Rich Text

Formatted text content with headings, paragraphs, lists, and styling.

Use for: About copy, policies, and long-form page body content.

Rich Text block on a live site

❓ FAQ Section

Frequently asked questions with collapsible answers.

Use for: Services, pricing FAQs, and common visitor questions.

FAQ Section block on a live site

🖼️ Image & Text

Side-by-side image and text content.

Use for: Story sections, process steps, and feature callouts with a photo.

Image and Text block on a live site

📋 List Section

Organized lists with bullets, numbers, or custom styling.

Use for: Benefits, inclusions, and step-by-step outlines.

List Section block on a live site

▦ Layout row

Multi-column row for side-by-side content blocks.

Use for: Placing smaller blocks next to each other (for example, text beside contact info).

Layout row block on a live site

Business

🔧 Service Grid

Display services or features in a responsive grid layout.

Use for: Your main service menu on home and services pages.

Service Grid block on a live site

⭐ Feature Section

Highlight key features or benefits with icons and descriptions.

Use for: Differentiators, guarantees, and “why us” sections.

Feature Section block on a live site

💰 Pricing Section

Display pricing tiers and plans in comparison format.

Use for: Packages, memberships, and transparent rate cards.

Pricing Section block on a live site

Forms

📞 Contact Form

Customizable contact form with various field types.

Use for: General inquiries that become leads in your CRM. See Leads vs bookings.

Contact Form block on a live site

📝 Quote Form

Project quote request form for lead generation.

Use for: Estimates and project requests (common for home services).

Quote Form block on a live site

📅 Booking scheduler

Let visitors book appointments online.

Use for: Time-specific appointments with optional deposits. Place it on a booking page, then configure services under Scheduling. See Online booking setup and Pages and blocks.

Booking scheduler block on a live site

📍 Contact Info

Business phone, email, address, and hours display.

Use for: Contact pages and footers of key conversion pages.

Contact Info block on a live site

Media

Image gallery with lightbox functionality.

Use for: Project portfolios, before/after work, and salon or studio galleries.

Gallery Grid block on a live site

🎥 Video Section

Embedded video with optional title and description.

Use for: Intro videos, walkthroughs, and atmosphere (for example restaurant or studio B-roll).

Video Section block on a live site

Marketing

🚀 Call-to-Action

Prominent action section to drive conversions.

Use for: Mid-page and footer prompts to call, book, or contact you.

Call-to-Action block on a live site

Social

💬 Testimonials

Customer testimonials and reviews.

Use for: Social proof near services, pricing, or the contact form.

Testimonials block on a live site

Location

🗺️ Map Section

Interactive map with location markers.

Use for: Contact pages so visitors can find you.

Map Section block on a live site

Related articles