ThemeHigh
  • Plugins
  • Bundles New
    Documentation
    WooCommerce Essential Bundle
    Feature request
    WooCommerce Checkout page Bundle
    Translation project
    WooCommerce Product page Bundle
    Build your own Bundle
    Build Your Own Bundle (BYOB)
    New
    WooCommerce Essential Bundle
    WooCommerce Checkout page Bundle
    WooCommerce Product page Bundle
    Build Your Own Bundle (BYOB)

    Best Value

    An essential WooCommerce plugins bundle to boost your performance and sales.

    • Checkout field editor for WooCommerce - $49
    • Extra product option for WooCommerce - $39
    • Email customizer for WooCommerce - $39
    • Multistep checkout for WooCommerce - $39
    • Multiple Shipping address for WooCommerce - $39
    • Variation swatches for WooCommerce - $39
    $244$122 Only
    Know more

    Best Value

    An checkout WooCommerce plugins bundle to boost your performance and sales.

    • Checkout Field Editor for WooCommerce - $49
    • Multistep Checkout for WooCommerce - $39
    • Multiple Shipping Address for WooCommerce - $39
    $127$109 Only
    Know more

    Best Value

    An product WooCommerce plugins bundle to boost your performance and sales.

    • Extra Product Option for WooCommerce - $39
    • Variation Swatches for WooCommerce - $39
    • Email Customizer for WooCommerce - $39
    • Schedule Delivery for WooCommerce - $49
    $166$119 Only
    Know more

    HOT SALE

    Your Money, Your Choice - The Savings Are On Us!

    BYOB Offer

    Get the flexibility to create your perfect plugin bundle! Pick the plugins you need and enjoy an exclusive discount —only pay for what you use!

    $100 - $149: 25% Discount

    $150 - $199: 30% Discount

    $200 - $249: 40% Discount

    Above $250: 50% Discount

    *Min 2 quantity is required to claim this offer.

    Know more
  • Documentation
  • Support
  • Partners
  • Login
  • Getting Started
    • Overview...
  • Checkout Steps
    • How to display a Custom Section ...
    • Delete Newly Added Checkout Step...
    • Rearrange Checkout Steps...
    • How to Add a New Checkout Step?...
    • Default Checkout Steps...
  • Display Settings
    • Multistep Layout...
    • Display Progress Bar...
    • Step Index Style...
    • Additional Settings...
  • Advanced Settings
    • Other Step Settings...
    • Review Step Details...
    • Backup & Import Settings...
  • Button Settings
    • Next and previous button setting...
    • Place order Button Settings...
    • Back to cart Button Settings...
  • FAQ
    • Having trouble with the Latest V...
    • Frequently Asked Questions...
  • Compatible Plugin & Themes
    • Plugins & Themes...

Documentation/Multi-step Checkout For WooCommerce/How to Add a New Checkout Step?

How to Add a New Checkout Step?

Last updated on January 2, 2023

Follow the below steps to add a new checkout step:

  1. Navigate to WooCommerce > Multistep Checkout > Checkout Steps.
  2. Click on the Add new step button.add_new_step
  3. In the pop-up that appears, you can provide the step name, step title, display index, and Index Type.create_checkout_step

See the below table to configure the details.

Create New Step

Enabled

Switch on the Enabled option to enable the specific step on your checkout process.

Name

Provide a unique name for the checkout step to be stored in the database.

Note: Name must begin with a lowercase letter ([a-z]) and can be followed by any number of lowercase letters, digits ([0-9]), and underscore(_).

Step Title

Enter the title to be displayed for the specific checkout step.

Index type

Choose the Index Type from the options.

  1. Text index
  2. Icon index

Selecting the Icon Index type allows you to upload images on the step icon.

Display index

If you are choosing the Text Index type, then you can provide the index order for the specific step in the Display Index textbox.

For example: 1, 2, 3,4…etc..

a, b, c, d..etc..

Enable content settings

Switch on the Enable Content Settings option to add background and font color. The chosen color will be only shown for the content in this particular step you are creating.

The content and background color of the steps can be changed globally from the Display Settings tab of the Plugin.

Content background color

Choose an appropriate background color for the checkout content.

Content font color

Choose an apt font color for the Checkout content.

Use only custom content for this step

Switch on the Use only custom content for this step option to add custom content for your step.

Custom content

Enter the custom content to be displayed on this checkout step. Leave the space empty if no additional content are required for the step.

4. Once all the fields are filled, click on the Save button. The new step will be created.

This article posted in Checkout Steps, Multi-step Checkout For WooCommerce, Pro Documentation

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

ThemeHigh

We develop innovative WordPress plugins and themes for e-commerce and other WordPress websites.

Resources
  • Documentation
  • Support
  • Blog
  • Bestsellers
  • Affiliates
  • Partners
Policy Information
  • Terms & Conditions
  • Privacy Policy
  • Support Policy
  • Refunds Policy
  • Licenses
Security
Payment Options

© 2025 ThemeHigh. All rights reserved.

Terms and conditions, features, support, pricing, and service options subject to change without notice.