HomeContactOpen App

Content Blocks

All the building blocks you need to create compelling landing pages, organized by function.

Content blocks are the individual elements you add to sections – from simple paragraphs to complex layouts. Access them by typing / while editing or through the formatting toolbar.

Quick Block Reference

Type / followed by:

  • h1 → Main headline

  • p → Paragraph

  • button → Call-to-action

  • image → Image block

  • toggle → Toggle group (FAQ)

  • card → Card group

Blocks by Category

📝 Text & Typography

Foundation blocks for written content:

Paragraph

  • Standard body text

  • Supports all formatting

  • Most common block type

  • Use for: Body copy, descriptions

Heading

  • H1 and H2 headlines

  • Largest text sizes

  • Create hierarchy

  • Use for: Section titles, subheadings

Quote

  • Styled blockquotes

  • Left border accent

  • Italic by default

  • Use for: Testimonials, emphasis

Lists

  • Bullet and numbered lists

  • Nested items supported

  • Quick formatting

  • Use for: Features, steps, benefits

📦 Layout & Structure

Organize content effectively:

Columns

  • 2-4 column layouts

  • Responsive stacking

  • Equal or custom widths

  • Use for: Feature lists, comparisons, better organizing a page

Table

  • Data grids

  • Sortable columns

  • Responsive design

  • Use for: Comparisons, pricing

Divider

  • Horizontal lines

  • Various styles

  • Spacing control

  • Use for: Breaks within a section

🎨 Media & Embeds

Add visual interest and external content:

Image

  • Single images

  • Upload or select from library

  • Auto-responsive

  • Use for: Product shots, diagrams

Video

  • Embed or upload

  • YouTube, Vimeo, Loom, Vidyard

  • Use for: Demos, testimonials, personalized introductions

Embed

  • Third-party content

  • Twitter, Calendly, forms, many others

  • Platform integrations

  • Use for: Social proof, scheduling

📊 Content Groups & Containers

These blocks act as containers for multiple items. You'll typically add the group block first, then use its menubar to add, reorder, and manage the items within it.

Present multiple items cohesively:

Card Group

  • Visual content cards

  • Icon/emoji options

  • Grid layouts

  • Use for: Features, benefits, services

Testimonial Group

  • Customer quotes

  • Card or slideshow layout

  • Profile images

  • Use for: Social proof, reviews

Slideshow

  • Carousel container

  • Any content type

  • Navigation controls

  • Use for: Galleries, testimonials, steps

Toggle Group

  • Expandable sections

  • FAQ-style layout

  • Space-saving

  • Use for: FAQs, detailed info

🎯 Interactive Elements

Drive action and engagement:

Button Group

  • Single or multiple buttons

  • Primary/secondary styles

  • Link or scroll behavior

  • Use for: CTAs, navigation

🔗 Formatting & Utilities

Enhance your content:

Link

  • Inline text links

  • External or internal

  • Tracking enabled

  • Use for: Resources, references

Emoji

  • Visual accents

  • All Unicode emojis

  • Scalable size

  • Use for: Friendly touch, icons

Block Selection Guide

For Headlines

Main message → Heading (H1) Supporting points → Heading (H2) Body text → Paragraph

For Social Proof

Testimonial → Testimonial Group Individual quote → Quote Block Company logos → Image blocks in columns

For CTAs

Primary action → Button (primary style) Secondary option → Button (secondary style) Multiple choices → Button Group

For Information

Key benefits → Lists (bullet) Process steps → Lists (numbered) Comparisons → Table or Columns Q&A → Toggle Group Key thoughts → Card Group

Power Combinations

Hero Section Recipe

  1. Heading (H1) - main message

  2. Paragraph - supporting detail

  3. Button Group - CTA + secondary

  4. Image - product visual

Feature Section Recipe

  1. Heading (H2) - section title

  2. Columns - 3-column layout

  3. In each column:

    • Image or emoji (icon)

    • Heading (H2) - feature name

    • Paragraph - description

Testimonial Recipe

  1. Heading - "What Our Customers Say"

  2. Testimonial Group - customer quotes

  3. Button - link to case studies

FAQ Recipe

  1. Heading - "Frequently Asked Questions"

  2. Toggle Group - expandable Q&A

  3. Paragraph - additional help text

  4. Button - "Contact Support"

Block Best Practices

Content Hierarchy

  1. One H1 per section max

  2. Use H2 for subsections

  3. Keep paragraphs short (3-4 sentences)

  4. Break up text with visuals

Visual Balance

  1. Alternate text and visual blocks

  2. Use white space effectively

  3. Maintain consistent spacing

  4. Align elements on grid

Mobile Optimization

  1. Test column layouts on mobile

  2. Keep buttons finger-friendly

  3. Ensure images scale properly

  4. Check text remains readable

Performance

  1. Optimize images before upload

  2. Use native video players

  3. Limit embed codes

  4. Test page load speed

Advanced Features 🎆

Looking for dynamic content? Check out our Advanced Personalization section:

Template Variables

  • Show as {{variable}} placeholders

  • Preview with sample data

  • Resolve to real values in generated pages

  • Learn more →

AI Text Blocks

  • Configure generation rules

  • Set length and tone

  • Preview sample output

  • Generate unique content per contact

  • Learn more →

Quick Tips

Adding Blocks

Method 1: Slash Command

  1. Click where you want the block

  2. Type / for block menu

  3. Type to filter options

  4. Click or press Enter to add

Method 2: Right Sidebar Button

  1. Locate the toolbar on the right side of the editor.

  2. Click a category icon (e.g., Layout, Media) to open the block panel.

  3. Drag your desired block from the panel and drop it onto the page canvas.

  4. Perfect for visually browsing all available options.

Moving Blocks

  1. Hover over block

  2. Drag handle appears on left

  3. Drag to new position

  4. Drop between other blocks

Deleting Blocks

  1. Select all text in block

  2. Press Delete/Backspace

  3. Or use block menu > Delete

Styling Blocks

  1. Select text for inline styles

  2. Use floating toolbar

  3. Apply formatting

  4. Changes are instant

Block Nesting Rules

Not all blocks can contain other blocks. Understanding these rules helps avoid frustration:

Container Blocks (Can Hold Other Blocks)

  • Columns - Each column can contain any block EXCEPT other columns

  • Slideshow - Each slide can contain various content blocks

  • Toggle Group - Each toggle can contain text and media blocks

Content Blocks (Cannot Hold Other Blocks)

  • Paragraph - Text only

  • Heading - Text only

  • Quote - Text only

  • Image - Single image only

  • Button - Text and link only

Important Restrictions

  • No nested columns - You cannot place a Columns block inside another column

  • Group blocks are fixed - Card Groups, Testimonial Groups have predefined internal structure

  • Some blocks can't have other nested blocks - Columns, testomonial groups, slider groups, toggle lists and tables all have limitations for what blocks can be nested within them.

If you aren't seeing a block to add when you're working inside of a column or table - for example - it's likely due to the block nesting rules that exist.

Troubleshooting

"Can't find a block type"

  • Some blocks have been consolidated (e.g., Heading covers H1 and H2)

  • Template variables and AI blocks are under Advanced Personalization

"Block looks different on mobile"

  • Use mobile preview button

  • Adjust column layouts

  • Test responsive behavior

"Can't move block"

  • Ensure you're hovering correctly

  • Some blocks can't be reordered

  • Try cut and paste instead

"Can't add block inside another"

  • Check the Block Nesting Rules above

  • Some blocks don't accept children

  • Try adding to a different container

Need More?

Remember: The best pages combine multiple block types to create a compelling narrative. Start simple, then experiment to find what converts best for your audience!

PreviousPage OperationsNextText & Typography

Last updated