# Onboarding step

URL: https://samva.dev/templates/onboarding-step

Move a new user through one setup task, with the whole sequence listed underneath and each step marked done, current or to do.

## Guidance

- Give each email one completion goal. Supply the step number, title, body, picture and action link; the setup list is a list of titles, and each row's state (done, current or to do) follows from the step number.
- The steps are a list, so the same source sends a four-step or an eight-step sequence. The optional tip renders only when you send one, which the long-content fixture shows.
- It is written for Clementine, a fictional booking app for independent studios. Replace its mark and the clay renders with your own images, and restyle through the theme tokens in starter.css. The stop link lets a reader leave the setup emails.

## Variables

| Variable | Meaning |
| --- | --- |
| actionUrl | Link for action. |
| firstName | Value for first name. |
| homeUrl | Link for home. |
| stepBody | Value for step body. |
| stepImage | Value for step image. |
| stepImageAlt | Value for step image alt. |
| stepNumber | Value for step number. |
| stepTitle | Value for step title. |
| steps | Value for steps. |
| stopUrl | Link for stop. |
| studioName | Value for studio name. |
| tip | Value for tip. |