Step Row

Step Row displays steps horizontally with arrows guiding users from one step to the next, and automatically stacks vertically on mobile for a clean, responsive layout. It’s best suited for shorter processes—ideally four steps or fewer—to keep each step clear and easy to read without crowding the design.

Key Takeaways

  • Enable Multiple Content Items to add more than one step.
  • Column count is not needed.
  • Optional elements (Eyebrow, Heading, Description, Buttons) appear above the steps.
  • Add steps using the block editor:
  1. Title displays as the step heading
  2. Content supports text, links, images, and Lava
  3. Buttons can be added per step (space is limited)

Best Practices

  • Keep content concise due to limited space.
  • Limit to one button per step for clarity.
  • Use contrasting background colors between steps for better visual separation.
  • Keep steps simple and easy to follow.
Top