Follow the below steps to add a new checkout step:
- Navigate to WooCommerce > Multistep Checkout > Checkout Steps.
- Click on the Add new step button.
-
In the pop-up that appears, you can provide the step name, step title, display index, and Index Type.
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.
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.