[BLACK FRIDAY DEAL] First 100 Memberships With 50% Discount! 👉Get This Deal
Mark Hendriksen Logo

How to Create a Custom Checkout Page in WooCommerce

Mark Hendriksen | June 20, 2020 | 0 Comments
Disclosure Note: Sometimes, I include links in my articles that can earn me money. It won't cost you anything, but it helps me pay for coffee ☕ so I can make more helpful content.

Do you want to create a custom checkout in Woocommerce?

The default checkout page in WooCommerce is not optimized for conversions, and you are not able to edit the fields or add extra information without a developer.

In this tutorial, we are going to build a custom WooCommerce checkout page with the plugin Aero Checkout.

With this plugin, you can create a one-page checkout or a multi-step checkout. It comes with many ready-to-go templates.

Aero checkout layouts

Step 1: Install the Aero Checkout plugin

Download and install the Aero Checkout plugin.

Step 2: Choose a premade layout or create one from scratch

Go to Woofunnels > Checkouts

Here you will find ready-to-go checkout templates. You can edit each of them to your liking. Or you can create a new checkout page by clicking on the Add New button.

Aero checkout settings

Step 3: Customize your checkout page

When you have chosen a checkout page you can customize it from the design tab. Click on the Edit button and it will bring you to the customizer.

Design checkout page

Products tab
In the product tab, you can choose if you want this checkout page to be shown for a certain product or store wide.

Fields tab
Here you can create and rearrange the fields for the checkout form.

Optimization tab
In this tab, you have options for Google Address Autocompletion, Auto Apply Coupons, Smart Buttons for Express Checkout, and much more.

Settings tab
Here you can place custom CSS and scripts.

You might also like

Article by

Mark Hendriksen

I am the founder here at MarkHendriksen.com a blog website for Web design, WordPress, and Divi. Learn more about Mark

Leave a Comment