Do you want to use a third-party page builder like Thrive, Beaver, Visual Composer, etc., to create your checkout page?
You can create custom checkout pages using any of your favorite page builders.
For this, navigate to FunnelKit >> Settings. Then make sure to select Default Page Builder as "Other" and hit Save to update the settings.
Next, follow this process:
Step 1: Select a template
Select a template, for example, the Checkout form template, and click on Preview.
Then, import this template.
Step 2: Copy the Shortcode to the clipboard
You get two shortcodes:
- [wfacp_forms]: This shortcode will add the checkout form to your checkout page.
- [wfacp_mini_cart]: This will add a mini cart to your checkout page.
Copy these values.
Note: You must add the [wfacp_forms] to include the checkout form on your checkout page.
Step 3: Design the checkout page with checkout shortcodes
Click on the "Edit Template" option here.
Here, you can now design your page with any page builder, like adding headings, testimonials, and more.
Use the checkout shortcodes copied in the above step; the page comes with one by default.
In case it's missing, simply add it and save.
Note: You’ll also find shortcodes at the bottom-right corner
Step 4: Customize checkout form and mini cart
Now the page is ready, but if you want to customize the checkout form, you can do that as well.
For that, come back to the Design tab and click on the "Customize Form" option here.
Here you can customize different options for the Checkout Form, Product List, Mini Cart, Typography, and Order summary. You can also add Custom CSS if you need.
After making changes make sure to update the settings.
Note - Using this process, you can make your checkout page any page builder you have. This was just an example.
This is how you can create custom checkout pages using any page builder.
