If you’d prefer the order summary to appear open by default on mobile (while still allowing users to collapse it), you can use the following PHP filter:

add_filter( 'cartflows_show_mobile_order_summary_collapsed', '__return_false' );

You can add this code using the Code Snippets plugin (recommended) or by placing it in your child theme’s functions.php file.

Make sure to select PHP as the snippet type if you’re using the Code Snippets plugin.

For guidance, check out: How to Add Custom Code to WordPress

As part of this transition, the Product tab was removed from the Store Checkout funnel to maintain simplicity and alignment with typical eCommerce flows. However, if you have a unique use case where you want to want the product tab on Store checkout, you can bring back the Product tab by using the following PHP filter:

add_filter( 'cartflows_show_store_checkout_product_tab', '__return_true' );

You can add this code using the Code Snippets plugin (recommended) or by placing it in your child theme’s functions.php file.

Make sure to select PHP as the snippet type if you’re using the Code Snippets plugin.
For help adding custom code, refer to: How to Add Custom Code to WordPress

Important: The Product Options feature does not behave the same way in the Store Checkout due to the structure of the store checkout. Some features may have limitations or may not be supported when the Product tab is enabled.

The VAT field is used to add the VAT number or the VAT amount on the checkout page on the WooCommerce Platform.

This VAT field is not required to all of the stores or countries but only required by the European countries and any other to force the country’s rules and regulations for better compliance.

While using “WooCommerce EU/UK VAT Compliance (Premium)”, configure it completely and check that the VAT field is getting displayed on the default checkout of WooCommerce.

If that field is not displayed on the default checkout page of WooCommerce then it will not be displayed on the CartFlows Checkout page. So, to make it work with CartFlows, it is mandatory that the VAT field should be displayed on the default WooCommerce Checkout page.

The “WooCommerce EU/UK VAT Compliance (Premium)” plugin adds an input field on the checkout page. The label of that field will be the same that you have set from that plugin’s setting.

If that field is displayed on the default checkout page of WooCommerce and not on the CartFlows page, then this is because CartFlows modifies the checkout fields including the billing and shipping fields with our own custom field editor and as per the design of the checkout page.

These modifications are made using the default WooCommerce actions and filters. Due to these modifications, the priorities of those fields are changed and thus any other custom field added by the third-party plugin may or may not be displayed on the CartFlows Checkout page.

To display this field, the plugin “WooCommerce EU/UK VAT Compliance (Premium)“ has provided a filter to change the location of that field. So that we can decide where else we have to display the field, such as after billing fields, or after shipping fields, or even after the checkout form, etc etc.

Below is the code using which you can easily display the VAT field on the CartFlows checkout page.

add_filter( 'wc_eu_vat_number_position', 'eu_change_vat_number_position', 10, 1 ); 

/**
* Function to change the position of VAT field only for the CartFlows checkout page.
* 
* @param $current_page current visited page
* @return $current_page current page.
*/
function eu_change_vat_number_position( $position ){

  /* Get global post object */
	global $post;

	/* Get current post type */
	$post_type = get_post_type();
	
	/* Check the current type of the page */
	$is_checkout = get_post_meta( $post->ID, 'wcf-step-type', true );
		
	/* Change position only of the CartFlows checkout page */
	if( 'cartflows_step' == $post_type && 'checkout' === $is_checkout){
		$position = 'woocommerce_after_order_notes';
	}

  return $position;

}

Note: Add the above filter to your child theme’s functions.php, here’s an article to help you Add Custom code.

As there is no option in the backend setting to change this text it does not mean that you cannot change it. You can!!. But using the filter that we have provided.

It is very simple to change the text using the filter you just need to copy-paste the code into your child theme’s functions.php file and change the text as per your requirement.

add_filter( 'cartflows_variation_popup_toggle_text', 'change_variation_toggle_text', 10, 1 );

/**
 * Change Choose a variation text.
 *
 * @return text.
 */
function change_variation_toggle_text( $text ) {

	return "Add your choice of text here";
}

Note: Add the above filter to your child theme’s functions.php, here’s an article to help you Add Custom code.

However, if you understand the implications and want to allow caching on CartFlows pages for performance reasons, this documentation explains how to do it.

Why CartFlows Pages Are Not Cached

CartFlows includes special constants in its code that instruct caching plugins to skip its pages:

• DONOTCACHEPAGE
• DONOTCACHEOBJECT
• DONOTCACHEDB

Many popular caching plugins look for these constants, and when detected, they automatically exclude the page from being cached.

How to Allow Caching for CartFlows Pages

You can disable this restriction by using a filter provided by CartFlows. This filter allows you to override the default behavior and selectively allow caching for specific step pages.

Add This Filter to Your Child Theme

To allow caching, add the following code to your child theme’s functions.php file:

add_filter( 'cartflows_do_not_cache_step', 'cache_CartFlows_pages' );

function cache_CartFlows_pages( $post_id ) {
 
// If you want to remove more pages from the cache then add those page's id in the array.

	if( in_array( $post_id , array( 'add_your_landing_page_ids_comma_separated_id_more_than_one' ) ) ){
		return false; // Cache the Pages.
	}

	return true; // Do Not cache.
}

You can find your step page IDs by going to CartFlows > Funnels, opening the Funnel, then hovering over the Step name to view the ID in the URL.

In the screenshot above, the Step ID is 68.

How to Add Custom Code Safely

If you’re not sure how to add code to your functions.php file, follow this guide: How to Add Custom Code to WordPress

When you visit the checkout page and fill-out the billing or shipping information of the checkout fields. Just after filling out all the data, CartFlows automatically stores that information on your local system only. That means this data cannot be displayed unless and until some other user logins to your system and opens the checkout page.

This data is never transferred or stored on the server-side. This is stored just to provide ease of access to the end-users while placing the order next time or multiple times. This reduces the time re-entering that same data again and again. Instead, it will auto-filled from the locally stored data avoiding re-work.

There might be some cases in which you wish to disable this feature on your website and for the same we have provided the following filter –

/**
 * Filter to enable/disable the auto-fill of checkout fields 
 *
 * @param  string $allow having yes/no
 * @return string $allow yes or no
 */
add_filter( 'cartflows_allow_persistence', 'do_not_store_persistance_data', 10, 1 );

function do_not_store_persistance_data( $allow ){
	$allow = 'no';
	return $allow;
}

Note: Add the above filter to your child theme’s functions.php, here’s an article to help you Add Custom code.

Well, there’s the following reason behind it –

From the beginning, when the CartFlows plugin was released, we intentionally didn’t load the theme’s Header & Footer on the CartFlows pages to avoid any unnecessary conflict with the CartFlows pages. And to ensure more flexibility in design as well as in the creation of distraction-free funnel pages.

Note: If you want to add your theme’s header & footer on the CartFlows pages then you need to change the page template to default. Refer to this article.

But you must be thinking why you need to change the page template if you want to add the theme’s headers and footer on the CartFlows pages. Well, that is the default way and the correct way to add the theme’s header footer. 

But in some cases, your page is displaying the header & footer in distorted format i:e without the CSS while you are not using the “Default” page template so, you want to either remove it or display in proper format then, you can use the following filter to load the theme’s styles & scripts.

This filters can also be used in those cases, where you just want to load the theme’s styles & scripts on the CartFlows pages.

/**
 * Filter to load theme's styles & scripts. 
 *
 * @param  bool $remove_styles true/false
 * @return bool $remove_styles true/false
 */

add_filter( 'cartflows_remove_theme_styles', 'wcf_load_theme_files', 10, 1 );
add_filter( 'cartflows_remove_theme_scripts', 'wcf_load_theme_files', 10, 1 );

function wcf_load_theme_files( $remove_styles ){
	
	$remove_styles = false;

	return $remove_styles;
}

Note: Add the above filter to your child theme’s functions.php, here’s an article to help you Add Custom code.

We have integrated the “Zippopotam” library API in the CartFlows which automatically search for the Country, State & City associated with the zip code that you have just entered on the checkout page. 

If the data is found for respective ZIP code then it will be fetched and auto-filled on the checkout page of the CartFlows automatically. 

There might be some cases where you might want to disable this feature and for that, we have provided the following WordPress Filter –

/**
 * Filter to enable/disable the address auto-fill using the zip code. 
 *
 * @param  string $allow having yes/no
 * @return string $allow yes or no
 */

add_filter( 'cartflows_autocomplete_zip_data', 'wa_disable_autocomplete_zipcode', 10, 1 );

function wa_disable_autocomplete_zipcode( $allow ) {
    $allow = 'no';
    return $allow;
}

Note: Add the above filter to your child theme’s functions.php, here’s an article to help you Add Custom code.