How Do I Create a Multi Page Checkout in WooCommerce?

Are you looking to add a multi-page checkout to your WooCommerce store? By default, WooCommerce checkout is a single page.

However, you can easily split it into multiple pages using plugins or custom code. In this article, we will show you how to create a multi-page checkout in WooCommerce.

Creating a multi-page checkout can be beneficial for your store in many ways. For starters, it can help reduce shopping cart abandonment.

A study by Baymard found that 25% of online shoppers abandon their shopping carts. The main reasons for this are long and complicated checkout processes.

With a multi-page checkout, you can break down the checkout process into smaller and more manageable steps. This can make it easier for customers to complete their purchase, and ultimately lead to more sales for your store.

Another benefit of a multi-page checkout is that it allows you to collect more information from your customers. By breaking down the checkout process into multiple steps, you can ask customers for additional information that can be used to improve the customer experience or Target marketing campaigns.

So now that we’ve covered the benefits of a multi-page checkout, let’s take a look at how to create one in WooCommerce.

Method 1: Use the Checkout Page Add-On for WooCommerce

The first method we recommend is to use the Checkout Page Add-On for WooCommerce plugin. This plugin lets you easily split your WooCommerce checkout into multiple pages with just a few clicks.

Here’s how it works:

1. Install and activate the Checkout Page Add-On for WooCommerce plugin.

2. Upon activation, you will need to visit Settings » Checkout Pages to configure the plugin settings. 3.

On the plugin settings page, you will need to select the ‘Enable Multi Page Checkout’ option. 4. Once enabled, you will need to select the number of pages you want your checkout process to be split into.

Method 2: Use Custom Code

If you don’t want to use a plugin, then you can always split your WooCommerce checkout into multiple pages using custom code.

Here’s how it works:

1. Create a Custom Plugin or Child Theme

If you haven’t already, then we recommend creating a custom plugin or child theme before adding any custom code snippets (like those below). That way if something goes wrong or if you want to remove the code later on – it’ll be much easier.

2. Add Code Snippets

• The first thing we need to do is define where each section of our multi-page checkout will go on our website. We’ll do this by adding some shortcodes in our child theme’s functions.php:

// Define Shortcodes

function wc_multipage_checkout_shortcodes() {

    add_shortcode( 'multipage_checkout_before', 'wc_multipage_checkout_before' );

    add_shortcode( 'multipage_checkout', 'wc_multipage_checkout' );

    add_shortcode( 'multipage_checkout_after', 'wc_multipage_checkout_after' );