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.
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 name||Element to be selected to add the shortcode|
|Thrive Architect||Custom HTML|
|WPBakery Visual Composer||Text Block|
|UX Builder By Flatsome||Text|
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.