ThemeHigh
  • Plugins
  • 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

© 2021 ThemeHigh. All rights reserved.

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