How to Embed a Checkout Form on the CartFlows Checkout Page

CartFlows allows you to customize the layout and content within the Checkout step of your funnel. If you’d like to create a landing or sales page-style layout while still using the CartFlows checkout form, you can place the checkout form shortcode directly inside the Checkout step.

This documentation explains how to embed the checkout form on the CartFlows Checkout page.

Steps to Embed a Checkout Form

Step 1: Enable the Design Tab for Shortcode Access

1. To access the Design tab where the shortcode is available, ensure that your page builder is set to “Other” in the CartFlows settings.
2. From your WordPress dashboard, go to CartFlows > Dashboard > Settings > General and select Other from the dropdown list.
3. Click Save Settings.

4. After saving the settings, go to CartFlows > Funnels and open the settings of Checkout step settings by clicking the gear icon.
5. You will now see the Design tab. Open it to find the CartFlows Checkout Shortcode ([cartflows_checkout]).
6. Copy the shortcode.

Step 2: Add the Shortcode to the Checkout Page

1. Edit the Checkout page using your page builder.
2. Paste the shortcode wherever you want the checkout form to appear on the page.
3. This will display the CartFlows checkout fields, allowing users to complete their purchase directly on that section of the page.

Note: If you’re using the Block Editor, Elementor, Beaver Builder, or Bricks Builder, you don’t need to use the shortcode. CartFlows provides a dedicated Checkout Form element that you can add directly when editing the page using your page builder.

Important Notes

• The shortcode must be used only on the CartFlows Checkout page. It will not work if added to any other page.

• If the shortcode is placed incorrectly or on a different page, you may see an error saying: “Checkout ID not found”

If you need more information about placing shortcodes correctly, refer to this documentation: https://cartflows.com/docs/placing-shortcode-in-the-right-places/