CartFlows Beaver Builder Modules

CartFlows provides dedicated Beaver Builder modules that allow you to design and customize funnel pages more easily within the Beaver Builder editor. These modules offer enhanced styling options and greater flexibility compared to using shortcodes alone.

The modules are included in CartFlows and CartFlows Pro, and they correspond to the different funnel steps available in CartFlows.

Each module is available only on its relevant funnel step, making it easier to design the page without manually inserting shortcodes.

Available CartFlows Beaver Builder Modules

CartFlows provides modules for the key funnel elements, including:

• Next Step Button / Link
• Opt-in Form
• Checkout Form
• Upsell and Downsell Offer Elements
• Order Review (Thank You Page)

When editing a step with Beaver Builder, the modules related to that specific step will appear in the Beaver Builder module list.

Modules by Funnel Step

Below is an overview of the modules available for each funnel step and the options you can configure.

Landing Step – Next Step Button Module

The Landing step includes the Next Step Button module, which allows users to proceed to the next step in the funnel.

Within this module, you can configure:

General Tab

• Change the button text
• Add or modify icons
• Adjust button link behavior

Style Tab

• Control the visual styling of the button content
• Customize button appearance
• Adjust colors, spacing, and layout

Typography Tab

• Modify font family
• Adjust font size
• Customize other typography settings

Advanced Tab

• Configure spacing, margins, and layout options for the module section

Opt-in Step – Opt-in Form Module

The Opt-in step includes the Opt-in Form module, which allows you to capture user information.

Within this module, you can configure:

Style Tab

• Customize form text styling
• Adjust field text appearance
• Modify button styling

Advanced Tab

• Control section spacing and layout options for the module

Checkout Step – Checkout Form Module

The Checkout step includes the Checkout Form module, which displays the complete checkout form on the page.

Within this module, you can configure:

General Tab

• Configure billing and shipping field display
• Enable or manage Order Bump and Pre-Checkout Offers
• Manage product display options
• Select the checkout layout

Style Tab

• Customize headings
• Adjust input field styling
• Style buttons
• Modify payment section appearance
• Configure validation error message styling

Advanced Tab

• Control margins, padding, and layout for the module container

Upsell and Downsell Steps – Offer Modules

The Upsell and Downsell steps support several modules used to display and manage offer elements. These modules also support product variations.

Available modules include:

• Offer Yes / No Button – Displays buttons for accepting or rejecting the offer
• Offer Yes / No Link – Displays links for accepting or rejecting the offer
• Offer Product Title – Dynamically displays the offer product title
• Offer Product Price – Dynamically displays the product price
• Offer Product Description – Displays the product description
• Offer Product Variations – Displays product variation options when available
• Offer Product Quantity Field – Allows customers to select the quantity of the offered product

Each module includes styling controls within the Style tab to customize its appearance.

Thank You Step – Order Review Module

The Thank You step includes the Order Details Form module, which displays the order details after the purchase is completed.

Within this module, you can configure:

General Tab

• Modify the heading displayed on the Thank You page
• Enable or disable specific order review sections

Style Tab

• Customize the appearance of the order review form
• Adjust colors, layout, and styling options

Advanced Tab

• Control spacing and layout for the module section

Additional Notes

These Beaver Builder modules provide a more flexible way to design CartFlows funnel pages without manually inserting shortcodes.

However, if you prefer to build your pages using shortcodes, you can still do so by adding the appropriate CartFlows shortcodes to your page layouts. Refer to the following documentation to learn where each shortcode should be placed for different funnel steps: https://cartflows.com/docs/placing-shortcode-in-the-right-places/