Description
Create a better user experience by splitting the checkout process in several steps. This will also improve your conversion rate.
The plugin was made with the use of the WooCommerce standard templates. This ensure that it should work with most the themes out there. Nevertheless, if you find that something isn’t properly working, let us know in the Support forum.
Features
- Sleak design
- Mobile friendly
- Responsive layout
- Adjust the main color to your theme
- Inherit the form and buttons design from your theme
- Keyboard navigation
Available translations
- German
- French
Tags: multistep checkout, multi-step-checkout, woocommerce, checkout, shop checkout, checkout steps, checkout wizard, checkout style, checkout page
Installation
- From the WP admin panel, click âPluginsâ -> âAdd newâ.
- In the browser input box, type âMulti-Step Checkout for WooCommerceâ.
- Select the âMulti-Step Checkout for WooCommerceâ plugin and click âInstallâ.
- Activate the plugin.
OR…
- Download the plugin from this page.
- Save the .zip file to a location on your computer.
- Open the WP admin panel, and click âPluginsâ -> âAdd newâ.
- Click âuploadâ.. then browse to the .zip file downloaded from this page.
- Click âInstallâ.. and then âActivate pluginâ.
OR…
- Download the plugin from this page.
- Extract the .zip file to a location on your computer.
- Use either FTP or your hosts cPanel to gain access to your website file directories.
- Browse to the
wp-content/plugins
directory. - Upload the extracted
wp-multi-step-checkout
folder to this directory location. - Open the WP admin panel.. click the âPluginsâ page.. and click âActivateâ under the newly added âMulti-Step Checkout for WooCommerceâ plugin.
FAQ
-
Why is the login form missing on the checkout page?
-
Make sure to enable the
Display returning customer login reminder on the "Checkout" page
option on theWP Admin -> WooCommerce -> Settings -> Accounts
page -
Is the plugin GDPR compatible?
-
The plugin doesn’t add any cookies and it doesn’t modify/add/delete any of the form fields. It simply reorganizes the checkout form into steps.
-
My checkout page still isn’t multi-step, though the plugin is activated
-
Make sure to purge the cache from any of the caching plugins, or of reverse proxy services (for example CloudFlare) you’re using.
Another possible cause could be that the checkout page isn’t using the default [woocommerce_checkout] shortcode. For example, the Elementor Pro checkout element replaces the default [woocommerce_checkout] shortcode with its HTML counterpart. Go to the âWP Admin -> Pagesâ page, open the checkout page for editing and make sure the [woocommerce_checkout] is present there.
Reviews
Contributors & Developers
“Multi-Step Checkout for WooCommerce” is open source software. The following people have contributed to this plugin.
Contributors“Multi-Step Checkout for WooCommerce” has been translated into 9 locales. Thank you to the translators for their contributions.
Translate “Multi-Step Checkout for WooCommerce” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
2.23
- 02/03/2023
- Fix: add the âwoocommerce_checkout_before_order_reviewâ action hook
- Compatibility with the Fastland theme.
2.22
- 10/05/2022
- Fix: add a âclear: bothâ element between the step tabs and the validation error messages, so they don’t optically overlap
- Fix: the Shipping section was missing on the Blocksy theme
- Feature: option to place the minimum age fields from the Minimum Age for WooCommerce plugin in a separate step
2.21
- 07/07/2022
- Compatibility with the Botiga theme.
- Feature: add the âwmsc_delete_step_by_categoryâ filter
- Tweak: place the login validation error messages under the step tabs
2.20
- 04/19/2022
- Fix: no new line was added when the Enter key was hit inside the âOrder notesâ field.
- Feature: add common customizations to the assets/js/script.js file
2.19
- 01/04/2022
- Feature: add the âdata-current-titleâ attribute to the steps
- Fix: the Shipping section was missing on the Neve theme
- Fix: the Order section was missing when the Elementor Pro Checkout widget was used on the checkout page
2.18
- 10/16/2021
- Fix: compatibility with the OceanWP theme
- Fix: the multi-steps weren’t loading if the âFallback Modusâ option from the Germanized plugin is enabled.
- Fix: compatibility with the Local Pickup Plus plugin by SkyVerge
2.17
- 07/29/2021
- Compatibility with the themes by
fuelthemes
- Fix: move the âwoocommerce-notices-wrapperâ before the step tabs
- Fix: move the script.min.js file in the footer. This avoids a JS error when the jQuery library is loaded twice. See the support topic: https://wordpress.org/support/topic/javascript-error-197/
- Fix: the select2 was not initialized on the shipping country and shipping state fields
2.16
- 04/27/2021
- Fix: check if window.location.hash is defined before using it
- Fix: missing steps content when the Avada Builder plugin is active
2.15
- 03/10/2021
- Tweak: add âwpmc-no-back-to-cartâ CSS class
- Fix: correct the âShow the Login stepâ message
- Fix: increase the priority for the âwoocommerce_locate_templateâ filter
- Tweak: add âbtn-color-primaryâ CSS class to the buttons under the WoodMart theme
2.14
- 01/14/2021
- Modify the plugin’s name from WooCommerce Multi-Step Checkout to Multi-Step Checkout for WooCommerce
2.13
- 12/07/2020
- Add the âwoocommerce_checkout_logged_in_messageâ filter
- Fix: the Login section was misplaced in the Neve theme
- Fix: replace the $text_domain with a string
- Test with PHP 8.0, WordPress 5.6, WooCommerce 4.8, jQuery 3.5.1
2.12
- 10/12/2020
- Fix: use âflex-endâ instead of ârightâ for the navigation buttons
- Test with WooCommerce 4.5
2.11
- 08/16/2020
- Fix: âYour Orderâ section under the Electro theme
- Test with WooCommerce 4.4
2.10
- 07/08/2020
- Fix: sale badges were missing on the Astra theme
- Fix: the âprevâ and ânextâ buttons were present on the first and the last step if the theme was declaring a âdisplay: inline-block !importantâ rule on the buttons
- Fix: add function to load the default WooCommerce template files. Useful for conflicts with some themes.
- Compatibility with the Porto theme
2.9.1
- 05/05/2020
- Declare compatibility WooCommerce 4.1
2.9
- 03/12/2020
- Declare compatibility WooCommerce 4.0
- Declare compatibility WordPress 5.4
- Tweak: add
wmsc_buttons_class
filter for the buttons class
2.8
- 01/30/2020
- Declare compatibility WooCommerce 3.9
- Fix: âprevâ or ânextâ button wouldn’t hide when necessary on theRetailer theme
2.7
- 12/31/2019
- Tweak: write navigation buttons with âflexâ for a better responsible design
2.6
- 12/11/2019
- Fix: add CSS rule for a one-step checkout wizard
- Fix: use âselfâ instead of âthisâ in the âwpmc_switch_tabâ JS hook
- Fix: the coupon was showing on the Payment step instead of the Order step on the Bridge theme
2.5.1
- 11/05/2019
- Fix: product titles disappeared from the product category pages on the Astra theme
2.5
- 10/31/2019
- Fix: the âYour Orderâ section on Avada theme was hidden
- Fix: the âShippingâ section on the Astra theme was missing
- Fix: The âYour Orderâ section on the Shopper theme was not full width
- Tweak: add an element with âclear:bothâ after the buttons, so they don’t get covered with the next element
- Fix: the steps don’t scroll up to the top on the Flatsome theme because of the sticky menu
2.4
- 10/01/2019
- Feature: when opening the /checkout/ page, open a specific tab with the #step-1 URL hash
- Fix: if âShip to a different address?â not selected, don’t switch tab to Shipping when an error is found
- Fix: don’t show server-side errors on the login step
2.3
- 07/14/2019
- Change steps order for RTL language websites
- Fix: compatibility with the SendCloud plugin
- Fix: add the
woocommerce_checkout_after_customer_details
hook also when the Shipping step is removed
2.2
- 06/06/2019
- Fix: the legal terms were showing twice with WooCommerce Germanized
2.1
- 05/30/2019
- Fix: the coupon form was not showing up
- Show warning about an option in the German Market plugin
2.0
- 05/24/2019
- Warning: plugin incompatible with the Suki theme
- Code refactory so to allow programatically to add/remove/modify steps
1.20
- 05/08/2019
- Fix small issues with the WooCommerce Germanized plugin
- Declare compatibility with WordPress 5.2
1.19
- 04/27/2019
- Feature: compatibility with the WooCommerce Points and Rewards plugin
- Declare compatibility with WooCommerce 3.6
- Tweak: update the Bootstrap library used in the admin side to 3.4.1 version
1.18
- 04/12/2019
- Fix: the âYour Orderâ section is squished in half a column on the Storefront theme
- Fix: don’t toggle the coupon form on the Avada theme
- Fix: remove constantly loading icon from the Zass theme
1.17
- 02/24/2019
- Feature: add the âwpmc_before_switching_tabâ and âwpmc_after_switching_tabâ JavaScript triggers to the â.woocommerce-checkoutâ element
- Fix: design error with WooCommerce Germanized and âOrder & Paymentâ steps together
- Fix: small design fixes for the Avada theme
- Admin notice for âWooCommerce One Page Checkoutâ option for Avada theme
1.16.2
- 02/18/2019
- Fix: PHP warnings when WooCommerce Germanized isn’t installed
1.16.1
- 02/17/2019
- Fix: use the available strings from WooCommerce Germanized so the translation doesn’t break
1.16
- 02/14/2019
- Fix: input fields for the Square payment gateway were too small
- Fix: âload_text_domainâ is loaded now in the âinitâ hook
- Fix: the steps were shown over the header if the header was transparent
- Fix: adjust the checkout form template for the Avada theme
- Fix: with Visual Composer the ânextâ and âpreviousâ buttons weren’t clickable on iPhone
- Fix: spelling errors in the nl_NL translation
- Compatibility with the WooCommerce Germanized plugin
1.15
- 12/27/2018
- Tweak: show a warning about the âMulti-Step Checkoutâ option for the OceanWP theme
- Compatibility with the WooCommerce Social Login plugin from SkyVerge
- Add nl_NL, nl_BE, fr_CA, fr_BE, de_CH languages
- Feature: option for the sign between two united steps. For example âBilling & Shippingâ
1.14
- 12/04/2018
- Fix: set âpadding:0â to the steps in order to normalize to all the themes
- Fix: the âWooCommerce not installedâ message was showing up even if WooCommerce was installed
- Fix: small design changes for the Flatsome, Enfold and Bridge themes
- Fix: load the CSS and JS assets only on the checkout page
1.13
- 10/03/2018
- remove PHP notice when WPML option isn’t enabled
1.12
- 09/06/2018
- New: the plugin is multi-language ready
1.11
- 07/28/2018
- Fix: warning for sizeof() in PHP >= 7.2
- Fix: rename the CSS enqueue identifier
- Tweak: rename the âCheating huh?â error message
1.10
- 06/25/2018
- Fix: PHP notice for WooCommerce older than 3.0
- Fix: message in login form wasn’t translated
1.9
- 05/21/2018
- Change: add instructions on how to remove the login form
- Fix: add the
woocommerce_before_checkout_form
filter even when the login form is missing - Compatibility with the Avada theme
- Tweak: for Divi theme add the left arrow for the âBack to cartâ and âPreviousâ button
1.8
- 03/31/2018
- Tweak: add minified versions for CSS and JS files
- Fix: unblock the form after removing the .processing CSS class
- Fix: hide the next/previous buttons on the Retailer theme
1.7
- 02/07/2018
- Fix: keyboard navigation on Safari/Chrome
- Fix: correct Settings link on the Plugins page
- Fix: option for enabling the keyboard navigation
1.6
- 01/19/2018
- Fix: center the tabs for wider screens
- Fix: show the âHave a coupon?â form from WooCommerce
1.5
- 01/18/2018
- Fix: for logged in users show the âNextâ button and not the âSkip Loginâ button
1.4
- 12/18/2017
- Feature: allow to change the text on Steps and Buttons
- Tweak: change the settings page appearance
- Fix: change the âBack to Cartâ tag from to in order to keep the theme’s styling
- Add French translation
1.3
- 12/05/2017
- Add âlanguageâ folder and prepare the plugin for internationalization
- Add German translation
1.2
- 11/20/2017
- Fix: the steps were collapsing on mobile
- Fix: arrange the buttons in a row on mobile
1.1
- 11/09/2017
- Add a Settings page and screenshots
- Feature: scroll the page up when moving to another step and the tabs are out of the viewport
1.0
- 10/30/2017
- Initial commit