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!