Steps Sections

A Steps section shows a numbered sequence: how to apply, how a service works, or what happens after someone gets in touch. Each step has a number, a title and a description, and can carry an icon, an image or a link depending on the display style. Promptless WP also turns the steps into HowTo structured data for search engines.

When to use it

• A process visitors follow in order: applying, registering, ordering, onboarding.
• Explaining what happens behind the scenes, stage by stage.
• A short “how it works” block before a call to action.

Use a Checklist section when the items have no order, such as requirements or what is included. Use a Features section for topics or services that are not steps.

Content

Field	What it is	Notes
Eyebrow Heading	Small text above the heading.	Optional.
Heading	The section heading.	Required. Wrap words in {curly braces} to highlight them.
Body Content	Text before the steps.	Rich text.
Steps	One item per step. Select Add Step.	Fields below.
Outro Content	Text after the steps.	Optional, rich text.
Buttons	Section buttons.	Optional.

To add many steps at once, select Bulk add from list… under the steps and paste them in.

Each step has these fields. Some appear only for certain display styles:

Field	Shown for	What it is
Step Number	All	Replaces the automatic number (1, 2, 3…) with your own, such as 0 or A. Leave empty to number automatically.
Step Eyebrow	Editorial	A small label above the step title, such as “Phase 1”.
Step Title	All	Required.
Description	All	Rich text.
Highlight This Step	List, Cards	Makes the step stand out from the others.
Step Icon	List, Cards	An icon shown in place of the step number.
Card Image	Cards	An image at the bottom of the step card.
Link Text	All	Leave empty to make the step title the link (and the card image, in Cards). Add text to show a separate link instead.
Link URL	All	Where the link goes.
Link Target	All	Same Window or New Tab.
Link Color	All	Primary or Secondary.

With the Cards style, Upload Images under the list adds card images to several steps at once.

Layouts and display styles

Choose Display Style on the Layout tab, under Layout Structure.

Display Style	What visitors see
List (default)	Steps one under another, joined by a connecting line.
Cards	Steps as cards in a grid, with optional images.
Editorial	Large decorative numbers, with steps alternating from side to side.
Bordered	A grid with strong borders between steps and a hover effect.
Offset	Up to four steps beside a large image that runs off the right edge of the page. Needs a section image.

Options

Heading size and Section Theme

Option	What it does	Default
Heading Size	Default, L or XL for the section heading.	Default
Theme Variant	Light or Dark section.	Light
Section Palette	Overrides this section’s colours with a saved palette.	Site colours
Scroll Animation	Fades elements in as they scroll into view.	Disabled
Background Type	Solid Color or Image, with a custom colour and image options.	Solid Color

Layout Structure

Option	What it does	Shown for	Default
Layout Variant	Left, Center or Right: where the header content sits relative to the media.	All except Offset	Left
Display Style	See the table above.	All	List
Cards Per Row	2, 3 or 4 on desktop. Fewer on smaller screens.	Cards, Bordered	3
Card Alignment	Left or Center text inside each card.	Cards	Left
Row Alignment	Left or Center: how an incomplete last row lines up.	Cards	Left
Card Image Aspect Ratio	16:9, Square or 4:3.	Cards	16:9
Card Image Styling	Styled (rounded corners and shadow) or Plain.	Cards	Styled
Button Position	After Body or After Outro. Offset adds Beside Heading, which puts the buttons to the right of the heading.	Cards, Offset	After Outro

Section Media

Option	What it does
Section Media	None, Image, Video or Shortcode beside the header content. Offset allows Image only.
Video Poster Image	Preview image shown before a video plays. Shown for video.
Video Captions	A captions file for a self-hosted video. YouTube and Vimeo carry their own.
Image Styling	Styled (rounded corners and shadow) or Raw (no styling), for the section image.

The Advanced tab holds the section’s anchor ID, CSS classes and custom CSS. See Working with Sections.

Whether a step’s text link shows as a link or a button is set for the whole site by Card CTA Style in Global Settings. See Global Settings.

Structured data

Promptless WP adds HowTo structured data for any page with a Steps section. Each step with both a title and a description becomes a numbered HowTo step; a step missing either is left out. Steps from every Steps section on the page are combined, in order, and the first Steps section’s heading and body text name and describe the HowTo. See SEO Panel & Schema.

Limits and common problems

• Offset shows no image. Offset needs a section image. Add one under Section Media; the editor shows a reminder until you do.
• You cannot add a fifth step. Offset allows four steps. Choose another display style for longer processes.
• Buttons move when you leave Offset. Beside Heading only exists in Offset, so switching away resets it to After Outro.
• Step Icon, Highlight or Card Image is missing. These fields only appear for the display styles listed above.
• A step is missing from the structured data. It has no description. Add one.

Related pages

• Checklist Sections — Short items with a check mark or icon, as a list, cards or beside a large image — with optional headed groups and a call-to-action banner.
• Features Sections — Cards, rows or a carousel for services, benefits, events or price lists — the six display styles, the card fields and every layout option.
• SEO Panel & Schema — The editor's SEO panel, the structured data (schema.org JSON-LD) Promptless WP builds from your sections, and how to check it, change the page type and add review data.
• Working with Sections — Add, edit, reorder, duplicate, copy, convert, remix and delete the sections that make up a page, and the keyboard shortcuts for each.