The Checkouts module allows you to change the default design of the checkout page in your WooCommerce store.
If you enable this module, you can choose from three custom checkout page designs:
- Shopify multi step
- One step
- Multi step
In the screenshot below, you can see the default design of the WooCommerce checkout page:
With Merchant Pro, you can replace it with one of our custom checkout designs.
Merchant Pro’s Custom Checkout Designs
Now, let’s see the three designs you can choose from.
Option 1: Shopify Multi Step
The Shopify multi step checkout style was inspired by Shopify’s checkout layout.
It breaks up the checkout flow into three steps:
- Cart (this step takes the customer back to the Cart page)
This checkout design also displays a stylish order summary with the product images, which provides your customer with a visual cue that shows the products they’re about to buy:
Option 2: One Step
The One step checkout style shows all the information, including the payment details, on one page.
Like the previous design, this option also displays a stylish order summary with the product images above the totals box:
Option 3: Multi Step
Finally, the Multi step checkout style breaks up the checkout process into three steps, respectively:
- Billing & Shipping
- Order & Payment
- Order Review
It also shows the steps on a clickable progress bar above the checkout form so that your customers will always know where they’re in the checkout process and easily move to the previous/next step whenever they want to make a change:
Now let’s see how to configure and enable Merchant Pro’s Checkouts module.
1. Open the Checkouts Module
First, open your Merchant dashboard by clicking the Merchant menu in the left sidebar of your WordPress admin area.
Find the Convert More section, and click the Checkouts module to open its settings page:
2. Choose a Checkout Design
On the module’s admin page, you can find the three aforementioned checkout designs.
In the Preview box, you can see a screenshot of each style as you are clicking through the options.
For the Shopify multi step and One step layouts, you also get access to a Sticky Totals Box option that lets you stick the totals box to the top of the page as the customer is scrolling down the page.
Select the checkout style you want to use, then click the Save button in the top-right corner of the page to save the changes:
3. Enable the Module
To activate Merchant Pro’s Checkouts module, click the Enable button at the top of the page: