Every block, explained
What each of the 19 kinds of block is for, with the settings that matter most.
Here’s every block you can add with + Add block, grouped by what it’s for. Blocks with their own guide are linked.
Photos and headers #
| Block | What it’s for |
|---|
| 🖼️ Hero | A big photo at the top with a title card. Add more than one photo to make a fading slideshow, and set the seconds per photo. The title can sit below the photo, on top of it, or be left off. |
| ✨ Spotlight | A photo or silent looping video with a title over it, then a button, a short form or nothing underneath. Great for a baptism Sunday or a big event. Spotlight guide. |
| 🎞️ Slides | Photos people swipe through, with dots, arrows, autoplay and an optional header. “Slow zoom” gently zooms each photo while it shows. |
| 🏞️ Image | One photo, with an optional caption and a tap action. Fill in the description so screen readers can describe it. |
| 🧩 Photo grid | A grid of 2 to 4 columns. Tapping a photo opens it full screen. |
| ▶️ Video | A YouTube or Vimeo video. Paste the normal link from your browser. |
Text #
| Block | What it’s for |
|---|
| 🔤 Section heading | A title between parts of the page, with an optional link on the right like “See all”. |
| 📝 Text | Paragraphs. Leave a blank line between paragraphs. Can sit in a card or use the dimmer secondary color. |
| 🔽 Dropdowns | Questions that open to show the answer, FAQ style. Each can hold a photo and a button. Tick “Only one open at a time” to keep it tidy. |
| Block | What it’s for |
|---|
| 🔘 Buttons | One or more buttons, as a side-scrolling row, a wrapping row, a grid of 2 or 3, or a full-width stack. Each button has a label, an optional emoji icon and an action. What a button can do. |
| 🪧 Banner card | A wide tappable card with an icon or picture, a small label, a title, a subtitle and an arrow. Good for “New here? Start here”. |
| 🃏 Card row | Cards with photos: ministries, staff, upcoming series. Show them side-scrolling, as a grid or as a list, with a small picture on the left or a big one on top. |
| 💌 Invite messages | Ready-written invites people copy or send to a friend in one tap. Invite messages guide. |
Live lists #
| Block | What it’s for |
|---|
| 📰 RSS feed | Small groups, blog posts or sermons straight from your website, kept up to date on their own. RSS feed guide. |
| 📅 Upcoming events | The next few events from a Squarespace events page. Upcoming events guide. |
| Block | What it’s for |
|---|
| ✍️ Connect card | A form visitors fill in. Answers show up in the portal. Connect card guide. |
| ⏳ Countdown | Counts down to a date and time, then shows a message or hides itself. Countdown guide. |
Layout and extras #
| Block | What it’s for |
|---|
| ➖ Spacer / divider | Extra space between blocks, with or without a thin line. |
| 🧑💻 Custom HTML | Paste embed code from another service, like a map or a sign-up widget. It’s placed on the page as it is, so only paste code from a source you trust. |
Tap actions are everywhereHeroes, images, cards, slides, banners and buttons all have a When tapped setting. They can all open links, pop-ups, files and more, in the same way. See What a button can do.
Still stuck? Ask whoever set up DoorStep for your church, and mention this article: Every block, explained.