How to Create a Custom Checkout Page

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.

Create a custom checkout page

Get Started With Aero Checkout

GET THIS 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 likings. 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 show for 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.