# Step by step

### Examples

<div><figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2FVKfClqhLYybSrp5jgjLQ%2FPrepare-for-an-accessory-dwelling-unit-ADU-project-SF-gov-01-09-2025_04_21_PM.png?alt=media&#x26;token=a5bd334c-b9fd-491d-949c-27855b3b4475" alt=""><figcaption></figcaption></figure> <figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2FfnuykzVJZDkkYdIzyt61%2FGet-married-in-San-Francisco-SF-gov-01-09-2025_04_22_PM.png?alt=media&#x26;token=ff15a0e7-3802-4283-b980-89b2913643d2" alt=""><figcaption></figcaption></figure></div>

### Things to know

| <h4 id="stepbystep-goals"><strong>Goals</strong></h4>       | <p>Some city services are bigger than a single transaction. Step by step pages show connections and relationships between transactions that must be completed as part of a bigger process. </p><p></p><p>Users can refer to a step by step for an overview of larger or longer processes with links to more detail on transaction pages.</p> |
| ----------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <h4 id="stepbystep-audience"><strong>Audience</strong></h4> | <p>General public</p><p>Frequently used in permitting</p>                                                                                                                                                                                                                                                                                    |
| **URL**                                                     | sf.gov/step-by-step/title-of-step-by-step                                                                                                                                                                                                                                                                                                    |

### Changing the order or steps

You can change the order of steps using the up and down arrows.

The step numbers will update automatically when you save changes.

<figure><img src="https://3688727448-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsMAHszvj8fL3wnu2YjeV%2Fuploads%2FTJdCZgDu2tjpotq1UqHe%2FEditing-Step-by-step-Apply-for-a-cannabis-business-permit-Wagtail-01-09-2025_04_25_PM.png?alt=media&#x26;token=7914b518-2153-48e5-8671-44e19c120e9a" alt=""><figcaption></figcaption></figure>

### Demo page

{% embed url="<https://training.api.sf.gov/step-by-step/buy-fog-cloud-city-help>" %}
