Plugin Settings

All plugin settings can be found under “WooCommerce” > “Settings” > “MultiStep Checkout”.

General Settings

Core plugin settings can be found here.

General Settings

Enable Plugin Styles
This option will enable the “Checkout Styles” tab, giving you access to customise the display of the checkout page.

Enable Multistep Checkout
This option allows you to disable the multistep checkout on the front end of the website without actually deactivating the plugin.

Checkout Steps

Settings relating to your checkout steps and their content can be found here.

Checkout Steps

To add or remove a step, click on the plus or minus button to the right of the row, if you are adding a new empty row will appear below the row you clicked.

The left hand input field labelled name allows you to change the name of that step.
The field labelled selector allows you to set what is displayed on the page when that step is active. You can set the contents by using one of the pre defined variables:
{BILLING_FIELDS}
{SHIPPING_FIELDS}
{ORDER_COMMENTS}
{ORDER_DETAILS}
{PAYMENT_DETAILS}
{TERMS_AND_CONDITIONS}

If you wish to display more than one element make sure they are seperated with a comma. If you wish to add non default elements to the checkout page use the selector that target the wrapper of the element you wish, for example if i had a email subscription form with the id “email_subscription” added to the checkout an want to create a step on the checkout for this i would enter in the selection field:

#email_subscription

Checkout Styles

Change how your checkout is displayed.

Checkout Styles

Choose Tab Style:
Choose how the steps are displayed on the checkout page.

Choose Tab Alignment:
Choose where the steps appear on the checkout page.

Choose Tab Size:
Choose what size the steps will display at.

Active Tab Background Color:
Set the background colour for the currently chosen step.

Active Tab Text Color:
Set the text colour for the currently chosen step.

Enabled Tab Background Color:
Set the background colour for an enabled step.

Enabled Tab Text Color:
Set the text colour for an enabled step.

Disabled Tab Background Color:
Set the background colour for an disabled step.

Disabled Tab Text Color:
Set the text colour for an disabled step.

Next / Previous Button Background Color:
Set the background colour for the next and previous buttons.

Next / Previous Button Text Color:
Set the text colour for the next and previous buttons.

Order Button Background Color:
Set the background colour for the final order button.

Order Button Text Color:
Set the text colour for the final order button.

Hide Step Numbers:
Check this option if you wish to hide the step number.

Reset Styles:
Check this option if you wish all style options to be reset.