To resolve this, CartFlows provides a filter that forces the checkout to refresh and trigger the necessary AJAX calls, ensuring the correct data is always loaded on the checkout page.

This is especially useful when:

• Switching between subscription and non-subscription products
• Dynamically changing product options that affect checkout behavior
• Ensuring updated shipping/payment methods based on the product or variation

How to Enable Checkout Refresh After AJAX Calls

Step 1: Add the Filter to Your Site

To make the checkout page refresh automatically, add the following code to your site’s functions.php file or use a code snippet plugin:

add_filter( 'cartflows_checkout_trigger_update_order_review', '__return_true' );

Need help adding custom code? Here’s how to safely add code snippets to your site.

Step 2: Save and Test

After adding the filter, visit your checkout page and test switching between different product types or options. The page will now refresh the order review section as expected, showing the correct payment methods and other dynamically updated options.

When to Use This Filter

This filter is particularly helpful if you:

• Use WooCommerce Subscriptions along with other types of products with CartFlows funnel checkout
• Offer products with conditional logic affecting checkout (e.g., special payment gateways for specific items)
• Need to ensure the checkout page always reflects the latest data without requiring manual updates/refreshes.

As the Instant Checkout is enabled in the flow settings, to customize the checkout step, use the Design tab under Step Settings.

It means the CartFlows Instant Checkout feature is enabled for that funnel. When Instant Checkout is enabled, page builder editing is disabled for that step. However, you can still make design-related changes using the Design tab in the Step Settings.

How to Enable Page Builder Editing:

If you’d like to edit the step using your page builder (e.g., Elementor, Gutenberg, etc.), follow these steps to disable Instant Checkout:

1) Go to your CartFlows Flow.

2) Click on the gear icon next to the funnel name to open the Flow Settings.

3) In the popup, locate the Instant Checkout toggle and disable it.

4) Click Save Settings.

5) Refresh the funnel page.

Now, you should be able to edit the Checkout (or Thank You) step using your page builder.

Instant Layout is a clean, fast-loading, conversion-focused layout built right into CartFlows. It’s ideal for digital products like music, software, and eBooks, and offers a distraction-free experience with an intuitive interface.

How to Enable Instant Layout for Upsell/Downsell Steps

There’s no additional setup needed!

If you already have Instant Layout enabled in your funnel settings:

• The layout will now automatically apply to your Upsell and Downsell steps.
• There’s no need to recreate or manually modify those steps.

If you haven’t enabled Instant Layout yet:

1. Go to your Funnel > Click the Settings () icon in the top-right.
2. Enable the Instant Layout toggle.

Customizing Upsell & Downsell Steps Using Instant Layout

Once enabled, you can customize the appearance of your Upsell and Downsell steps directly in CartFlows:

1. Navigate to the Funnel step list.
2. Click Settings on your Upsell or Downsell step.
3. A new Design tab will appear.
4. Use the Design options to change:
   • Button labels and styling
   • Typography
   • Colors
   • Layout-specific options

This makes customization easy without needing to open a page builder.

Frequently Asked Questions

Claiming Your OttoKit Pro Access

To claim your OttoKit Pro subscription:

1. Log in to your CartFlows account.
2. Go to the Your Products section from the sidebar.
3. Click on the Redeem Now button.
4. After a few minutes, you will receive an email from OttoKit with your account details.

Frequently Asked Questions

How to Use the Rollback Feature

To use the Rollback feature in CartFlows, follow the steps below.

1. Navigate to the CartFlows Settings
Go to CartFlows > Dashboard and open the Global Settings by clicking the gear icon.

2. Locate the Version Control Section
In the Settings window, find the Version Control section. This section allows you to revert to a previous version of the CartFlows plugin.

3. Select the Version to Rollback
In the Version Control section, you will see a dropdown menu listing the previous versions of CartFlows. Select the version you want to revert to.

4. Click Rollback
After selecting the desired version, click the Rollback button. The plugin will automatically revert to the selected version.

5. Confirm and Return to Plugins Page
Once the rollback process is complete, you will see a confirmation message. Your CartFlows plugin is now reverted to the selected version. Click the Go to Plugins page link to return to the Plugins page.

Important Notes

• Backup Your Site: Before performing a rollback, it is recommended to take a full backup of your website to avoid any data loss.
• Compatibility: Ensure that the version you are rolling back to is compatible with your current WordPress and WooCommerce versions.

How to install CartFlows

To install the free CartFlows plugin on your WordPress site, follow the steps below.

Step 1: Log in to your WordPress website

When you log in, you will be in your Dashboard.

Step 2: In the Plugins menu, click on Add New Plugin

From your WordPress dashboard, go to Plugins > Add New Plugin to open the plugin installation screen.

Step 3: Search for CartFlows

In the search bar, search for CartFlows.

Step 4: Click Install Now

In the WooCommerce Checkout & Funnel Builder by CartFlows card, click Install Now.

Step 5: Click Activate

Once the installation has finished, click Activate.

Congratulations! You’ve successfully installed the CartFlows plugin on your website. You can now go and configure the plugin.

How do I use CartFlows?

Want to start using CartFlows immediately? Check out the overall CartFlows guide to get the most out of the plugin!

Let’s get started.

Pre-requisites –

There are few Pre-requisites like –

• You need to create a Snapchat ADs account.. Haven’t Setup yet? – follow the steps here
• Next, you need to get the Snapchat ID, follow the steps here.
• Copy the Snapchat ID, you will need to paste it in the CartFlows Settings

Steps to Add Snapchat Pixel ID in the CartFlows Settings –

Step 1: From your WordPress dashboard, go to CartFlows > Settings > Integrations

Step 2: Scroll down to the Snapchat Pixel Settings and enable the option – Enable for CartFlows pages.

Step 3: Now, you will see a field to insert the Snapchat pixel ID. You can paste your Snapchat ID there.

After adding the pixel ID you can enable the option to add the Snapchat Tracking code to enable the Snapchat Tracking Code on the whole website.

Step 4: Next, you can enable the Events which CartFlows provides, they are –

• Begin Checkout
• Add To Cart
• Add Payment Info
• Purchase
• Subscribe
• Optin Lead

Step 5: Just Save the Changes and you have successfully added Snapchat Pixel for the CartFlows.

Let see how to configure this feature for your website. Before we start using this feature, there are few pre-requisites that you want to have and they are as follows:

Pre-requisites –

There are few Pre-requisites like –

• You need to create a Pinterest Business account.. Haven’t Setup yet? – follow the steps here
• Next, you need to get the Pinterest Tag ID, follow the steps here.
• Copy the Pinterest Tag ID, you will need to paste it in the CartFlows Settings

Steps to Add Pinterest Tag ID in the CartFlows Settings –

Step 1: From your WordPress dashboard, go to CartFlows > Settings > Integrations

Step 2: Scroll down to the Pinterest Tag Settings and enable the option – Enable Pinterest Tag for CartFlows pages.

Step 3: Now, you will see a field to insert the Pinterest Tag ID. You can paste your Pinterest Tag ID there.

Enabling the above option adds the Pinterest Tracking code on the CartFlows Steps and the next toggle option will enable the Pinterest Tracking Code on the whole website.

Step 4: Enable the concent notice.

This concent notice is a required option from the Pinterest before start to track the events on the website. If this, option is enabled then it will display a short and simple notice on the frontend for the users.

Step 5: Next, you can enable the Events which CartFlows provides, they are –

• Begin Checkout
• Add To Cart
• Add Payment Info
• Purchase
• Signup
• Optin Lead

Step 6: Just Save the Changes and you have successfully added Pinterest Tag for the CartFlows.

In the latest release of CartFlows version 2.0.11 and CartFlows PRO 2.0.9 we have introduced a native support for TikTok Pixel Events. This feature allows you to seamlessly track TikTok ads and events for improved campaign performance.

Let see how to configure this feature for your website. Before we start using this feature, there are few pre-requisites that you want to have and they are as follows:

Pre-requisites –

There are few Pre-requisites like –

• You need to create a TikTok Ads Manager account.. Haven’t Setup yet? – follow the steps here
• Next, you need to get the Google Analytics ID, follow the steps here.
• Copy the TikTok Pixel ID, you will need to paste it in the CartFlows Settings

Steps to Add TikTok Pixel ID in the CartFlows Settings –

Step 1: From your WordPress dashboard, go to CartFlows > Settings > Integrations

Step 2: Scroll down to the TikTok pixel Settings and enable the option – Enable TikTok pixel Tracking

Enabling the above option adds the TikTok Tracking code on the CartFlows Steps and the next toggle option will enable the TikTok Tracking Code on the whole website.

Step 3: Now, you will see a field to insert the TikTok pixel ID. You can paste your TikTok Pixel ID there.

Step 4: Next, you can enable the Events which CartFlows provides, they are –

• Begin Checkout
• Add To Cart
• Add Payment Info
• Purchase
• Optin Lead

Step 5: Just Save the Changes and you have successfully added TikTok Pixel ID for the CartFlows.

Frequently Answered Questions

Q. How to Test or Verify the Working of TikTok Pixel Support?

=> For testing the working of TikTok Pixel on your Checkout Page with Google Chrome Browser, you will need to have the following Google Extension – TikTok Pixel Helper.

Key Features of Bricks Builder Integration

• Enhanced Design Flexibility:
  Customize funnel layouts directly without the need for additional tools.
  
• Dynamic Content Tags:
  Display relevant product information throughout your funnels using dynamic tags.
  
• Pre-Configured Options:
  Utilize ready-made design options for upsell and downsell steps to streamline the setup process.
  

These features enable you to create high-converting, branded sales funnels in WordPress with ease.

How to Enable Bricks Builder for CartFlows

To start using Bricks Builder with CartFlows, follow these steps to enable it as your default editor:

1. Access CartFlows Settings:
   From your WordPress dashboard, navigate to CartFlows > Settings.
   
2. Enable Bricks Builder:
   
   • In the General tab, locate the Builder Settings section.
     
   • Select Bricks Builder as your default page builder for CartFlows.
     
3. Save Changes:
   Click Save to apply your settings.

After these steps, Bricks Builder will be available as the primary editor for designing CartFlows steps. You can now customize each step of your funnel using Bricks Builder’s robust tools.

CartFlows Widgets for Bricks Builder

With Bricks Builder enabled, you have access to dedicated CartFlows widgets to customize each part of your funnel:

• Opt-in Step:
  Design a customized opt-in page for lead collection by adding dynamic fields and engaging elements.
  
• Checkout Step:
  Create a branded checkout experience by incorporating custom elements and interactive features.
  
• Thank You Step:
  Personalize your Thank You page with tailored messages, suggested next steps, or additional product recommendations.
  
• Upsell and Downsell Steps:
  Use dedicated widgets to build upsell and downsell pages. Customize accept/reject buttons and display relevant product information to create a seamless user experience.

Dynamic Content Tags

The integration introduces dynamic content tags, letting you insert personalized data within each funnel step. Examples include:

• Product Information:
  
  • Product Title: Displays the name of the product.
    
  • Product Description: Provides detailed product information.
    
  • Product Price: Shows the current product pricing.
    
  • Product Quantity: Indicates the number of products, which is useful for bundles.
    
  • Product Variation: Displays options such as size or color.
    
• Next-Step Button:
  Guides users to the subsequent step in the funnel with a clear call-to-action.
  
• Accept/Reject Buttons:
  Particularly useful in upsell and downsell scenarios, these buttons allow users to quickly respond to offers.

Using these dynamic tags, you can tailor the checkout experience to each user, enhancing both functionality and personalization.

Fixed Layout Options for Upsell and Downsell Steps

CartFlows offers pre-configured layouts for upsell and downsell pages within Bricks Builder. These fixed layouts are designed for quick setup and consistency, ensuring your additional offers are presented in an optimized and cohesive manner.

Frequently Asked Questions

Who can benefit from using Bricks Builder with CartFlows?

This integration is ideal for WordPress users, agencies, and e-commerce owners aiming to add custom design elements and dynamic content to their sales funnels without requiring extensive coding knowledge.

Do I need technical experience to set this up?

Basic knowledge of WordPress is recommended. However, the setup process is designed to be user-friendly—particularly for those familiar with visual page builders.

Can I switch back to my original page builder after enabling Bricks Builder?

Yes, you can switch builders through CartFlows settings. Please note that designs specific to Bricks Builder may not carry over if you switch to another page builder.