# Steps

You can add up to 15 steps, but should aim for no more than 5. Steps can be numbered, or start with “and” or “or”.&#x20;

Any step can be optional.&#x20;

Each step has:

* Title\*
* Cost
* Time the step takes
* Step description&#x20;
* Optional: Link to a transaction on SF.gov

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2FHHJPz2ZWNWkehZldg1t3%2FApply-to-build-an-accessory-dwelling-unit-ADUs-SF-gov-01-09-2025_05_00_PM.png?alt=media&#x26;token=17f44e6f-6a71-43d7-9076-8df69e5b45a7" alt=""><figcaption></figcaption></figure>

### Step fields to fill out

* Step type
* Title
* Optional (checkbox)
* Cost
* Time
* Step description
* Transaction link

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2FeFLeNKmzqjvNN8BnG7Pm%2FNew-Step-by-step-Wagtail-01-09-2025_05_03_PM.png?alt=media&#x26;token=aee5df67-3b3d-4a0e-a146-3212cc95d02f" alt="" width="563"><figcaption></figcaption></figure>

### Step types

The default Step type is **Number.** Adding a title to a step will automatically give you a numbered step.&#x20;

If you have multiple things in a step, you can select either "and" or "or" as a step type.&#x20;

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2Fi8AIJ1D5sygibicTdYHb%2FScreenshot%202025-01-09%20at%204.52.17%E2%80%AFPM.png?alt=media&#x26;token=26469399-1d2a-476d-bbef-3e8e381ae3fe" alt="" width="563"><figcaption><p>Back end of a step</p></figcaption></figure>

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2Fx3eG11w5CXIwmHfylk0t%2FGet-married-in-San-Francisco-SF-gov-01-09-2025_04_55_PM.png?alt=media&#x26;token=9765e648-33b1-4f49-8a92-89dd64b2af31" alt="" width="563"><figcaption><p>Front end of multiple steps</p></figcaption></figure>

### Optional

If a step is optional, check the "Optional" box and it will show a boxed label under the step title.

### Cost and time

You have the option of adding Cost and Time to each step.&#x20;

See [cost-on-an-event-page](https://sfdigitalservices.gitbook.io/karl-sf.gov-editor-help-center/using-karl-the-cms/content-types/building-a-page-by-content-type/event/cost-on-an-event-page "mention")

For time, give an idea of how long the step will take. Hours, days, weeks, or months?

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2FhWLlvfwcQWDxdiBjogbr%2FApply-to-build-an-accessory-dwelling-unit-ADUs-SF-gov-01-09-2025_05_13_PM.png?alt=media&#x26;token=c14b07ba-54d4-4b6b-9595-a0116f181831" alt="" width="563"><figcaption></figcaption></figure>

### Link to an SF.gov Transaction page

You can add a Transaction link if you have one related to a specific step. &#x20;

* Click the plus sign icon (+) under **Transaction link**
* Click **Choose a page** and search for the Transaction page you want.

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2FmkTNazevpuTqgS8atf5F%2Ftransaction%20link.png?alt=media&#x26;token=45a43f75-5147-475a-a4fd-e442a3a452a6" alt="" width="563"><figcaption><p>Back end</p></figcaption></figure>

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2FoLAvKbIekVfTnoFbIpBP%2FApply-to-build-an-accessory-dwelling-unit-ADUs-SF-gov-01-09-2025_05_18_PM.png?alt=media&#x26;token=12f36f34-1cfa-4ec7-acef-f0d807e9f2f7" alt=""><figcaption><p>Front end</p></figcaption></figure>
