# Inquiries: Stepper component

> Discover the Inquiry Stepper component, a progress indicator that shows the steps a user moves through and reflects each step statusgit s.

Source: https://help.withpersona.com/articles/KDG0UJzNhJfivlaWdTBkug/
Section: Inquiries > Features > Screen Components

## What is the Inquiry Stepper component?

**Stepper** is an Inquiry screen component that adds a progress indicator showing the steps a user moves through in the Inquiry. Each step reflects its status, such as current, completed, or errored, so users can see where they are and what is left. You can define logic that governs when it appears.

![inquiryaddstepper](https://assets.withpersona.com/w_800,c_fill,q_auto,f_auto/help-center/articles/inquiryaddstepper.png '800x357')

A Stepper is useful for multi-step Inquiries, giving users a clear sense of progress and what remains.

## How do you add an Inquiry Stepper component?

1.  Navigate to the Dashboard, and click on **Inquiries > Templates**.
2.  Find and click on the Inquiry template you want to edit, or **Create** a new template.
3.  Hover over a screen and click the **Pencil** icon, or double-click the screen to open it in the Screen Editing View.

    ![component-edit](https://assets.withpersona.com/f_auto,q_auto/help-center/articles/inquiries/component-edit.png '740x298')

4.  In the Left Panel, search the Component Library for ‘**Stepper**’.
5.  Drag and drop the Stepper component into your screen, and reposition it by dragging it around.
6.  Click on the Stepper component to open its settings in the Right Panel. The panel has two tabs: **Design** and **Logic**.
    1.  On the **Design** tab, under **Properties**:
        1.  **Steps**: Add the steps shown in the stepper. Click the **+** to add a step, drag the handles to reorder, and click a step to edit it. For each step you can set:
            1.  **Step name**: The label shown for the step.
            2.  **Transition**: The screen or action sequence the user goes to for that step.
            3.  **Activation steps**: The Inquiry steps that make this step appear active in the stepper. Each Inquiry step can only activate one step in the stepper.
        2.  **Ordered steps**: Turn this on to require users to complete each step in order, without skipping ahead.
        3.  **Pause on error**: Turn this on to stop users from continuing past a step that has errors.
    2.  On the **Design** tab, under **Icons**, upload the icons used for each step status from the Asset library: **Current step**, **Incomplete step**, **Disabled step**, **Completed step**, **Errored step**, and **Connector**.
    3.  On the **Logic** tab, add rules that govern when the component appears, and when it does not. See the Logic tab section on the [Screen Step components in Inquiries](https://help.withpersona.com/articles/6bdXdAJjp5OE93u7L6AgNT/) page for details.
7.  Use the actions at the top right of the panel to copy, delete, or set translations on the component. To translate the text, see [Editing translations for your Inquiry](https://help.withpersona.com/articles/1vMFCXQxDsdpZ2YI4eguFd/).
8.  **Close** the step. You’ll have to **Save** and **Publish** the template to begin using it.

## Learn more

[Learn more about Inquiries.](https://docs.withpersona.com/docs/inquiries)

## Plans Explained

### Stepper component by plan

|                   | Startup Program | Essential Plan | Growth Plan | Enterprise Plan |
| ----------------- | --------------- | -------------- | ----------- | --------------- |
| Stepper component | Available       | Available      | Available   | Available       |

[Learn more about pricing and plans](https://withpersona.com/pricing?utm_source=product&utm_medium=referral&utm_audience=a&utm_campaign=cm_gen_ds_hc-plan-table).