How to Embed a Checkout Form on a Custom Page

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 Custom Page

How to Embed a Checkout Form on a Custom 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

When you click on “switch to WordPress Editor” you would be able to paste the copied shortcode to your any custom page.

Additional Information

You may have any page builder that needs to add this shortcode – [wfacp_forms id=’xxxx’] which you copied from the AeroChekcout page.

Refer to the table below to know which element you have to select to embed the shortcode provided by AeroCheckout and display the checkout form.

 

Page Builder nameElement to be selected to add the shortcode
Divi BuilderText
Thrive ArchitectCustom HTML
WPBakery Visual ComposerText Block
Beaver BuilderHTML
UX Builder By FlatsomeText
OxygenShortcode

 

for example, if you are using “DIVI” page builder, select the “Text” and paste the shortcode showing below.

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.