---
schema_version: "1"
id: 43d998d95058245139c94c102b256e5721fcfbc3169f33ed11f383688864e5a0
title: Add Steps to an Omniscript
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_steps_15373.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_steps_15373.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: d67d756990c79dce1a11a0e789e2f3a8c49eaba6dd063cc3907c89e3a0e32ace
description: Each Step element in an Omniscript presents a page to the user that prompts for input or displays information. For navigation, all Steps except the first have a Next button, and all except the last have a Previous button.
products:
  - Omnistudio
release: "264"
---
# Add Steps to an Omniscript

Each Step element in an Omniscript presents a page to the user that prompts for input or displays information. For navigation, all Steps except the first have a Next button, and all except the last have a Previous button.

You can drag any Omniscript element into a step except a child Omniscript or another step. An action element in a step renders as a button that performs the action when clicked. Whether fields are required or validated isn't set at the step level, but in the properties for the elements within the Step. However, if a required field has no value or a field fails validation, the user can't proceed to the next step.

1. From the elements panel, select the default step or drag a **Step** element to the canvas.
2. From the properties panel of a step, update these properties:
    
    |  |  |
    | --- | --- |
    | Chart Label | Label for the step in the Step Chart, which lists all the steps and shows which step the user is in. If no Chart Label is specified, the Field Label is used. |
    | Instruction | Add instructions to explain to the user what to do in the step. Supports merge fields, rich text, and images. |
    | Allow Save for Later | Displays the **Save for later** button on the page if selected, which is the default. |
3. Configure the buttons in the step: <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
            <thead class="slds-text-title_caps ">
              <tr><th style="vertical-align:bottom;text-align:left;" id="d16676e96-option">

              </th><th style="vertical-align:bottom;text-align:left;" id="d16676e96-desc">
            </th></tr></thead>
            <tbody><tr class="">
              <th style="vertical-align:top;" headers="d16676e96-option" id="d16676e107">Previous Label</th>

              <td style="vertical-align:top;" headers="d16676e96-desc d16676e107">
                <p>Label for the button to move to the previous page. The default label is
                  Previous.</p>
              </td>

            </tr>
            <tr class="">
              <th style="vertical-align:top;" headers="d16676e96-option" id="d16676e119">Next Label</th>

              <td style="vertical-align:top;" headers="d16676e96-desc d16676e119">
                <p>Label for the button to move to the next page. The default label is
                  Next. You can change it to a value such as Add to Cart or Place
                  Order.</p>
              </td>

            </tr>
            <tr class="">
              <th style="vertical-align:top;" headers="d16676e96-option" id="d16676e131">Previous Width, Next Width</th>

              <td style="vertical-align:top;" headers="d16676e96-desc d16676e131">Width of the button on the page, with a range of 1-12. The default value
                is 3.</td>

            </tr>
            <tr class="">
              <th style="vertical-align:top;" headers="d16676e96-option" id="d16676e140">Save Label</th>

              <td style="vertical-align:top;" headers="d16676e96-desc d16676e140">
                <p>Label for the Save for Later button to save and resume an Omniscript.
                  The default label is Save for later.</p>
              </td>

            </tr>
            <tr class="">
              <th style="vertical-align:top;" headers="d16676e96-option" id="d16676e153">Save Message</th>

              <td style="vertical-align:top;" headers="d16676e96-desc d16676e153">
                <p>Label for the Save for Later confirmation prompt. The default is
                  <kbd>Are you sure you want to save it for later?</kbd>
                </p>
              </td>

            </tr>
          </tbody></table>
4. Configure Knowledge Options, Error Messages, Messaging Framework, and Conditional View, as required.

## Hide the Next and Previous Buttons

Hide a step's Next and Previous buttons when using auto-advance options or when you do not want the user to navigate steps.

1. In the Step's properties, expand the **Button Properties** section.
2. Drag the Previous or Next **Width** slider to **0**.
3. Save your Omniscript and preview the new behavior.