> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Steps

> Numbered steps, such as how delivery works or how to book an event cake.

<Frame caption="Steps, highlighted on the demo store">
  <img src="https://mintcdn.com/kwebby/TE8EB9pzRj50obVj/images/frosting/steps.webp?fit=max&auto=format&n=TE8EB9pzRj50obVj&q=85&s=3bfa249292045894c294c6f6c5181d1c" alt="Steps on the storefront" width="2160" height="1350" data-path="images/frosting/steps.webp" />
</Frame>

## Where to find it

The delivery page and the events page. In the theme editor choose Pages, then delivery, and select Steps. Can be added to any page.

## How it works

* Up to 8 steps, numbered automatically in order.
* Each step has a heading and a line of text.
* Steps sit side by side on wide screens and wrap onto new rows on smaller ones.

<Frame caption="In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview">
  <img src="https://mintcdn.com/kwebby/TE8EB9pzRj50obVj/images/frosting/editor-steps.webp?fit=max&auto=format&n=TE8EB9pzRj50obVj&q=85&s=b55222176c0fa942b1a3807e46aeb650" alt="Steps in the theme editor" width="1425" height="840" data-path="images/frosting/editor-steps.webp" />
</Frame>

## Edit it

* Drag steps to reorder them; the numbers follow.
* Change the heading, for example How ordering works.
* Keep each step's text to one short sentence.

## Settings

| Setting | What it does |
| - | - |
| **Heading** | Text. Default: How delivery works. |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 1. |

## Blocks

Up to 8 blocks. Add a block with **Add block** under the section in the sidebar; drag blocks to reorder them.

### Step

| Setting | What it does |
| - | - |
| **Heading** | Text. Default: Choose a window. |
| **Text** | Formatted text (one line). |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.