AeroCheckout- Custom WooCommerce Checkout Pages

  1. Home
  2. Docs
  3. AeroCheckout- Custom WooCommerce Checkout Pages
  4. Third Party Page Builders (Custom)
  5. How to Embed a Checkout Form on a Page

How to Embed a Checkout Form on a Page

In this section, we’ll look at how to embed a checkout form created in Aero on a landing page build using any of your favorite page builders.

Aero gives you pre-built checkout form templates and shortcodes to embed it on a page.

This allows you to create a sales page cum checkout page where the user can enter their details and buy the product.

Follow this step-by-step process to understand how to set up.

Step 1: Select a checkout form template

Aero gives you pre-built checkout forms in one-step, two-step, and three-step formats.

Select the one that suits your needs and import it.

Step #2: Click on ‘Edit’ to customize the form

You can adjust form width, colors, typography, field width and more using the Customizer.

Once you’re done customizing the form, hit the ‘Publish’ button to save your changes.

Step 3: Copy the shortcode and open the WordPress Editor

On default Guttenberg opens up but you’ll see the options for other page builders at the top.

Only those page builders will show up that you have activated in your store.

Step 4: Edit with a page builder you like

Paste the shortcode for the checkout form and design the rest of the page.

Use this page to highlight testimonials, benefits, product images, videos etc.

There you go! You’ve now customized a checkout form and embedded it on a page that is built using a third party page-builder.