The Image Text section is a repeatable content block for combining text and images side by side.
It is useful when you want to explain features, tell a brand story, break down benefits, or create a sequence of visual content blocks inside one section.
Quick Editor Tips
Fill these first: Heading, Description, Repeater Blocks, optional Section Button.
- Think of this section as one section with multiple mini-blocks inside it.
- Use 2 to 4 blocks for most pages. Too many can feel heavy.
- Use the block image and text together – one should support the other.
- Keep each block focused on one idea.
- Use alternating image and text layouts when you want more visual rhythm.
What the Image Text Section is For
This section is designed for storytelling and explanation, not fast product browsing.
You can use it to:
- explain how a product or service works,
- show key brand benefits one by one,
- highlight a step-by-step process,
- mix screenshots, photos, and supporting text in one flow.
The Image Text Section Fields
1) Kicker Text
A small line above the section heading. This is useful for labels like How It Works, Why It Matters, or Built for Daily Use.
2) Heading
The main section title. You can switch it between H1, H2, or H3 depending on page structure.
3) Subheading
An optional support line under the heading.
4) Description
A rich text introduction for the section. Use this to introduce the blocks that follow.
5) Image Text Blocks
What it is: The repeater area where you add the actual image-and-text content blocks.
What it is used for: Lets you create multiple blocks inside one section. Each block can tell one part of the story.
Each block includes:
- Kicker Text
- Heading
- Subheading
- Block Image
- Description
- Block Button
Optional block behavior: The repeater supports useful per-block controls like reversing the image/text order and turning certain optional parts on or off.
Note: This section can hold up to 10 blocks, but most pages will feel cleaner with fewer.
6) Block Kicker Text
A small optional line inside each block. Good for mini-labels like Step 1, Material Quality, or Fast Setup.
7) Block Heading
The main title inside each repeated content block.
8) Block Subheading
An optional extra support line inside each block.
9) Block Image
The visual for that block. This can be a product photo, screenshot, illustration, or other supporting image.
10) Block Description
The main explanatory text for that block. This is where you explain the benefit, step, feature, or message tied to the image.
11) Block Button
An optional button for that specific block. It includes text, URL, and optional CTA text under the button.
Quick tip: Use block buttons only when each block truly needs its own next step. Otherwise the section can feel noisy.
12) Section Button
This is a separate optional button for the whole section, not just one block. Use it when the entire section leads toward one action.
What to Write in Image Text: A Beginner Recipe
- Kicker: How It Works
- Heading: A Simple Process From Start to Finish
- Description: Learn how our setup works in a few easy steps.
- Block 1 Heading: Choose Your Plan
- Block 1 Description: Pick the option that matches your goals and budget.
- Block 2 Heading: Customize Your Setup
- Block 2 Description: Adjust the details so the experience fits your exact needs.
- Section Button: Get Started
Common Mistakes to Avoid
- Adding too many blocks.
- Making every block say roughly the same thing.
- Using images that do not match the text.
- Adding too many buttons inside one section.
Final Note
The Image Text section is ideal when you need clarity and visual storytelling together. If each block has one clear purpose, the section becomes much easier to read and much more useful to visitors.