How to learn about the 17 website block types

Explore each of the 17 block types available in the website builder. Understand what each block does and when to use it.

Steps

Hero Block: A full-width header section with background image, title text, and call-to-action button.
Text Block: Rich text content with headings, paragraphs, bold, italic, and links.
Image Block: Single image display with caption and lightbox support.
Gallery Grid: Display multiple portfolio images in a responsive masonry or grid layout.
Video Block: Embed videos from YouTube, Vimeo, or upload directly.
Testimonial Block: Client reviews with photo, name, and star rating.
Pricing Table: Display your service packages with features and pricing.
Contact Form: Customizable form with name, email, message, and optional fields.
Blog Feed: Display your latest blog posts in a card layout.
Spacer: Adjustable empty space between blocks.
Divider: Horizontal line with style options.
Button: Call-to-action button linking to any page or URL.
Map: Embedded Google Maps showing your studio location.
Social Links: Icons linking to your social media profiles.
FAQ Accordion: Expandable question and answer sections.
Team: Staff member profiles with photos and bios.
Custom HTML: Add custom code for embeds, widgets, or advanced layouts.

💡 Tip: The Gallery Grid and Testimonial blocks are the most effective for converting website visitors into clients.

Q: Can I create custom block types?

Use the Custom HTML block to create any layout that is not covered by the standard blocks.

Q: Are blocks responsive on mobile?

Yes, all blocks automatically adjust their layout for mobile, tablet, and desktop screens.