---
title: "Content blocks: text, images, features, steps, and more"
url: "https://mycommunitysync.com/content-blocks"
community: "CommunitySync"
description: "A guide to the everyday content sections and when to reach for each one."
updated: "2026-07-18T18:45:00.616+00:00"
---

# Content blocks: text, images, features, steps, and more

*Website Builder*

Content blocks are the workhorses of your website — the sections that carry your actual message: paragraphs, images, feature lists, comparisons, FAQs, and more. This guide walks through every block in the Content group so you can pick the right one instead of forcing the wrong one to fit. Only community owners and admins can edit the website, inside the orange platform panel.

## How to add a content block

1. Open the full-screen editor (see [Open the website editor](/open-the-website-editor)) and click the page you want to edit.
2. In the left icon rail, click **Add** to open the Add panel.
3. Choose the **Content** group.
4. Click the block you want. It drops onto the canvas.
5. Select the block and fill it in using the right-hand inspector.

For the mechanics of moving, reordering, and duplicating blocks once they're on the page, see [Add, move, and remove blocks](/add-and-arrange-blocks). For editing text and swapping images, see [Edit a block's content](/edit-block-content).

![The Content group in the Add panel](https://iaktsmonietvbikzietg.supabase.co/storage/v1/object/public/site-assets/kb/b2-canvas-content.png "The Content group in the Add panel — every content block with a one-line description of what it does.")

## The everyday text blocks

These are the ones you'll reach for most.

- **Section header** — an intro cap for a new part of the page: a small eyebrow label, a
    title, and a subtitle. Use it to announce what comes next.
- **Text** — a heading plus a rich-text body. The body supports **bold**, *italic*, links,
    bullet lists, and `##` sub-headings, so it's your go-to for longer written passages.
- **Image + text** — an image beside a heading, body, and optional button. You can place the
    image on the left or right and choose from several height modes to control how tall it sits.

## Blocks for features, steps, and comparisons

When you need structure rather than prose, these give it shape.

- **Feature grid** — a grid of cards, each with an icon, image, title, body, optional pill
    chips, and a link. The icon can be a lucide icon name, an emoji, or an uploaded image.
- **Steps** — a walkthrough shown either as a numbered list or as a vertical flow diagram of
    boxes joined by arrows, with an optional side panel for extra context.
- **Column cards** — 2 to 4 cards side by side, each with a tag, body, a stat row (one
    `value | label` per line), a checklist of ✓ items, and a link. Perfect for comparing plans
    or options.
- **Feature rows** — an alternating image-and-text "zigzag" that steps down the page, ideal
    for walking through several features in sequence.

## Blocks for depth and detail

Use these to answer questions and show more.

- **Gallery** — an image grid with captions, for showing a collection at a glance.
- **FAQ** — a list of question-and-answer pairs. Great for handling common objections in one
    place.
- **Tabs** — clickable tabs where each tab reveals its own image, heading, and body, so you
    can pack several stories into a compact space.
- **Video** — an inline mp4 video with a poster image that shows before it plays.

## Blocks for emphasis

Small accents that make a point stand out.

- **Callout** — an accent note with a lead-in line. Turn on **Pair above** to glue it directly
    under the previous block so the two read as one unit.
- **Pull quote** — a large display quote with one phrase highlighted, for a memorable line.

## Related block groups

Content blocks aren't the only sections available. For testimonials, logos, and stat bars, see [Add social proof](/social-proof-blocks). To capture inquiries directly on the page, see [Add a contact or lead form](/add-a-lead-form).

## Troubleshooting

### My icon isn't showing in a Feature grid card
The icon field accepts three things: a lucide icon name, an emoji, or an uploaded image. If you typed a lucide name, check the spelling matches an existing icon exactly — a misspelled name shows nothing. When in doubt, paste an emoji or upload an image instead.

### My stat row or checklist looks wrong in Column cards
The stat row expects one entry per line in the format `value | label` — the value and label separated by a vertical bar. The checklist expects one ✓ item per line. If everything runs together, put each entry on its own line.

### My Callout is floating on its own instead of under the block above it
Turn on **Pair above** in the Callout's settings. That glues it to the block directly above so the two sit together as a single unit.

### The Text block body isn't formatting
The body is rich text: use `**` around words for bold, `*` for italic, `##` at the start of a line for a sub-heading, and `-` at the start of a line for bullet points. Formatting only applies when the marks are placed correctly around the text.

### Website Builder

- [Add calls to action (CTA bands and buyer/seller guides)](https://mycommunitysync.com/calls-to-action.md)
- [Add social proof: stats, testimonials, case studies, and logos](https://mycommunitysync.com/social-proof-blocks.md)
- [Add a contact or lead form to your website](https://mycommunitysync.com/add-a-lead-form.md)
- [Show your property listings on your website](https://mycommunitysync.com/listings-on-your-website.md)
- [Add an agent directory (and team blocks)](https://mycommunitysync.com/agent-directory-on-your-website.md)
- [Embed a map, video, or custom HTML](https://mycommunitysync.com/embed-block.md)
- [Set up your site's navigation menu](https://mycommunitysync.com/set-up-site-navigation.md)
- [Build your website footer](https://mycommunitysync.com/build-your-footer.md)
- [Add, rename, and organize pages](https://mycommunitysync.com/manage-website-pages.md)
- [Reuse a layout with page templates](https://mycommunitysync.com/page-templates.md)
- [Manage your website images (Asset Library)](https://mycommunitysync.com/manage-website-images.md)
- [Add alt text to images (accessibility & SEO)](https://mycommunitysync.com/image-alt-text.md)
- [Open the website editor and find your way around](https://mycommunitysync.com/open-the-website-editor.md)
- [Add, move, and remove blocks on a page](https://mycommunitysync.com/add-and-arrange-blocks.md)