Note: This feature is available with the CartFlows Pro plugin. To use the following WP-CLI commands, ensure both the CartFlows free and Pro plugins are installed and activated on your website.

CartFlows Pro adds support for managing certain actions via WP-CLI — a powerful tool for developers and advanced users who prefer working from the command line.

Activate License Key via WP-CLI

To activate your CartFlows Pro license using WP-CLI, use the following command:

wp cartflows license activate your-license-key-here

Replace your-license-key-here with your actual license key.

We’ll continue to add support for more WP-CLI commands in future updates.

This documentation explains when and how to manually regenerate the dynamic CSS for Steps using shortcodes.

When to Use This Option

You may want to regenerate the CSS when:

• Design changes made to the step are not showing up on the frontend
• You are using CartFlows shortcodes instead of regular funnel pages
• The page loads correctly, but styling appears broken or outdated

This option only affects CSS generated from the Design Settings of a Step and only for pages using shortcodes.

How It Works

CartFlows stores dynamic CSS for each Step in the page’s metadata and loads it directly instead of regenerating it on every page load. This improves performance across your site.

When a design change is made to a Step, the CSS is deleted and automatically regenerated on the next page load.

However, if you’re using shortcodes and styling doesn’t update as expected, you may need to trigger CSS regeneration manually.

How to Regenerate the CSS

Step 1: Go to CartFlows > Settings > Advanced tab

Step 2: Click the Regenerate Now button

This will clear the stored CSS and regenerate it the next time the page is visited.

Need Help?

If the styling still doesn’t reflect properly after regenerating the CSS, feel free to contact our support team. We’re happy to help.

So to achieve this in a very minimal effort and setting, we have introduced one option through which you can decide which product you want to add in the cart for checkout from all of the selected products.

There are two ways, in which you can decide which product should be displayed selected in the product options on the checkout page.

1. Using the option from the checkout page setting.
2. Using a URL parameter.

Let’s see those ways one by one.

1. Using a option in the backend setting of the checkout page.

This option is helpful when you have more than one product selected and want to display only one product as selected on the checkout page of the CartFlows.

If one or multiple products are selected in the above-displayed setting, then those products will be automatically get added to the Cart and displayed on the checkout page of CartFlows.

Let’s see how you can use this feature and achieve your requirements.

Step 1: Navigate to the CartFlows -> Funnels
Step 2: Open your funnel in which you want to set this setting

Step 3: Click the Settings icon on your Checkout Page.

Step 4: Navigate to the Product’s tab, select the Products first, and enable the Product’s options setting.

Step 5: After enabling the product’s options, select the toggle/radio buttons in front of the product name to select and add them in the checkout page and display them as selected.

Step 6: Done. Save the setting and view the page.

2. Using a URL parameter

Suppose, you have multiple products selected on the checkout page and wanted to display only one product as selected among all of them on the basis of the user’s choice, then this URL parameter will help you.

To use this feature, you have to simply add the wcf-default=1 in the URL of the checkout page while redirecting from the landing page or from any other page. Here, the wcf-default is the name of the parameter, and 1 is the sequence number of the product displayed in the product options.

Here is how your checkout page URL should look like after adding the wcf-default parameter.

www.yourdomain.com/checkout-page/?wcf-default=1

You can add this link to any of the buttons or to an anchor tag to redirect the user to the checkout page as per the product selection.

Some Comman Questions. (FAQs)

Q. Will this option and the URL parameter will work for the variation as well as simple product types?
Ans: Yes. It will work for both of the product types. But while using the URL parameter, you need to use the sequence of the product which you want to display as selected. Suppose, you want to show the third product as selected then you need to set the wcf-default=3

Q. Can I use both the option and the URL parameter at the same time?
Ans: Yes. You can. But it will display the latest selection on the checkout page.

When the user fills and submits the Optin form then the CartFlows will create an order in the WooCommerce where all the user’s info will be displayed. If you want to send that user’s information to your CRM then you need to simply integrate your CRM with WooCommerce and the WooCommerce & your CRM plugin will communicate with each other and send order data to the CRM as soon as the new order is created in WooCommerce.

For more information on optin and how you can create an optin page you can find all the information in this article

Now, you might be thinking on how you can achieve the same thing but without the use of CartFlows Optin form. Well that is also an easy part but has more steps than the CartFlows Optin.

Let’s see how you can achieve it.

To capture the Lead or user’s basic information such as Name and Email without using the CartFlows Optin form.

Below are the simple steps that you can follow –

Step 1: Create one landing page.

Step 2: On the landing page place all your information about the product and place the contact form or the form module provided by your page builder (e.g: Elementor’s form module).

Step 3: Give the Checkout page URL or the next page URL in the contact form setting so that when the form is submitted then the user will be redirected to that URL that you have given in the setting.

Step 4: You are all set. Users will be automatically redirected to the page that you have set in the contact form’s setting.

To find these options please follow the below steps.

Step 1: Goto CartFlows -> Funnels

Step 2: Your_funnel -> Click on the settings icon on the checkout step. 

Step 3: Go to the products tab and add products to the checkout to see the Product options. Then scroll down to Product options and enable the Enable Product Options toggle.

Step 4: Now, under the Selected Products Section, open the product options by clicking on the settings icon. Add the text as per your needs and Enable the Highlight option (4)

Step 5: Add the Highlight text as per your necessity.

Step 6: Update / Save the page.

The above steps will guide you to set up the CartFlows Product Highlight feature. Now to do more customization such as changing the color of the text, section, and the border color, you can find these settings by scrolling down the same page under the Design Setting. 

Related Articles –

• How to “Highlight Product” in CartFlows Checkout Page?

In this article we will know more about our new feature and its functionality.

The Highlight Product feature will let you highlight one of the product variations that you have selected in the backend setting of the checkout page with a very appealing design. 

Here’s an reference image –

This Highlight Product feature will work only on the CartFlows checkout page if you have enabled the Product Option Checkbox from the Product Options Tab.

Here is the list of available settings for product options:

1. Selected Products: This section will display all the products that you have selected from the Checkout Settings > Products Section.

In this same section, when you open a particular product by clicking on the small settings icon, then you will see a few more product options.

Note: In the product options the Highlight Product option can be found. Refer below screenshot.

We provide some shortcodes for the selected product which will fetch the respective product name, quantity, discount value and discount percent so that you can modify the product subtext accordingly.

Following are Shortcodes available in the Select Product section:

1. {{product_name}}: This will display the respective Selected Product’s name.
2. {{quantity}}: This will display the respective Selected Products’s Quantity which is set from the Select Product tab -> Product’s option.
3. {{discount_value}}: This will display the discounted amount.
4. {{discount_percent}}: This product will display the discount percentage.

    2. Product Options conditions: Here in this section you can set the display rules for the highlight product & the variation products too.

3. Layout Options: In checkout step settings, Go to the design tab > Product options. This section will display the below options –

1. Section Title: To set/change the section title
2. Section Position: To change the position of the section. So that you can easily place this section Before Checkout Section, After Customer Details and Before Order Review.
3. Skin: The layout/design of the section. This has two options, Classic & Cards.
4. Show Product Images: Displays the Product Images.

 4. Design: Here in this section, the designing option for the Highlight Product options are provided. Using this section you can change the text, background colors of the highlight product.

This feature will not work if you are using the CartFlows Store Checkout page.

The reason behind this is that when you set the Global Checkout ( Learn More ) this replaces the default WooCommerce Checkout page with the CartFlows and the variation of the product has been already selected and added in the cart from the single product page.

Related Articles –

• How to Style the Highlight Product Section?

1. Order Domain Name and Hosting

This is the first step for you to be able to create any website. The domain name is your website address and hosting is where you host your site to be visible on the Internet.

2. WordPress Install and Setup

Once you’re done with purchasing a domain and hosting, you need to install WordPress. Most hosting providers offer a 1-click install solution for setting up WordPress. So, this step should be pretty quick and easy. Another thing that you need to install is the SSL security certificate to change your site from HTTP to HTTPS.

From your WordPress admin dashboard, go to Settings > Permalinks and select Post name. Click on Save Changes.

3. Add Theme and Plugins

From your WordPress admin dashboard, go to Appearance > click Add New. Astra Theme is a free theme and highly recommended with different free website templates that are ready to use. Install your selected theme and Activate.

Add an eCommerce plugin for your website by going to Plugins > Add New. Search for WooCommerce, Install and then Activate. It’s a free eCommerce plugin for WordPress and empowers most eCommerce sites. You’ll be redirected to the Setup Wizard where you can configure your online store details, payment method, and shipping information. Connect your Payment Gateway to your website.

Once you’ve completed setting up WooCommerce, go to the Products menu in your WordPress dashboard. Add New to create a new product that you will add to your sales funnel.

The next plugin that you need to add is a Page Builder plugin. Elementor is the number one page builder with over 3 million websites using it. It’s free and very easy to use. However, Elementor Pro, which is the paid version, has more functionalities that will be very useful for creating a seamless sales funnel. You can, however, install any page builder that you prefer.

Now, you need to install CartFlows, the number one Funnel Builder for WordPress. It has a free version where you can create funnels and customize the WooCommerce checkout page. CartFlows Pro is the paid version where you can have multiple checkout styles, add order bumps, upsells and downsells, configure the fields and add custom fields, and a cart abandonment feature.

In CartFlows > Settings, under General Settings, select the page builder that you are using. It has defaulted to Elementor but CartFlows is also compatible with Block Editor (Gutenberg), and Beaver Builder. This defines the templates to display that are compatible with your page builder.

4. Create Your Funnel

From your WordPress dashboard, go to CartFlows > Funnels > Create New Funnel.

Note that the Import and Export can be used for transferring funnels from one website to another. You would also need to import or export the page templates that you used for your funnels.

There are readily available funnels that you can use if you don’t want to start from scratch. Simply select and click Import. This is going to download and import everything for you, the images and the structure of the funnel.

Once everything is downloaded, enter a name for your funnel. Click Update. You’ll find the default steps included in your funnel.

5. Configure Your Checkout Page

Select the Checkout Page step and click Edit. This is where you can add a specific product to your checkout page and customize the page according to your preference.

To learn more about customizing your checkout page, click here.

6. Add Upsell / Downsell

If you decide to add an upsell or a downsell, simply click on Add New Step. You’ll see again the templates popup where you can choose a template for your upsell or downsell.

If you add an Upsell or Downsell Step, you’ll find that in the Upsell Settings > Shortcodes, there are two links that correspond to when the customer says yes to your offer and declines your offer. If the customer clicks on the Yes link, he will be automatically charged.

In the Select Product Option, select the product that you’re going to upsell, the quantity, the discount type, and discount value.

Custom Script allows you to add scripts if you want to add bots, custom pixels, or live chat to your page.

7. Set Your Landing Page as the Homepage

From your WordPress dashboard, go to Settings > Reading. Choose static page and select the landing page you created for your funnel.

8. Test Your Funnel

Go back to CartFlows menu > Funnels, then Edit the funnel settings. On the right-hand side, click on the Enable Test Mode Toggle button under the Funnel Settings. This enables you to test the actual funnel of your funnel. Make sure that you have set up the payment gateway properly.

But, if your payment gateway is still in test mode, you can use this test number 4242 4242 4242 4242 ( if you’re using Stripe ) on the checkout page. Click here for more Stripe test numbers that you can use.

Open your site in another browser or in an incognito window and you’ll see the landing page which you set as the homepage. Follow the call to action and you’ll be redirected to the whole flow.

Learn more in this video:

Did you know that?

You can also use CartFlows in a non-eCommerce-related funnel. For instance, you can use it for a lead generation funnel. All you would need in a flow are two steps: 1) the landing page containing a lead generation element, and 2) the thank you page.

We have an option in the backend for the Optin step to enable this functionality that will pass the field values to the next page from the URL parameters.

By passing the variables from the URL you can create a custom code to display the personalized message or use it for certain scenarios wherein you can send the data to your CRM System using the custom code.

How to use this feature?

Enabling this option is super easy. Below are the steps that you can follow –

Step 1: Goto CartFlows -> Funnels -> Your Funnel

Step 2: Click the Settings icon on Optin Step

Step 3: Navigate to the Settings tab -> Optin Settings -> Enable the Pass Fields as URL Parameters option.

Step 4: Add the field name which you want to send in the URL as a Parameter

On enabling this setting, you will see the first_name added by default, you can pass the value as per your requirement and see it mapped to the URL and can be used as per your requirement.

If you want to send multiple fields in the URL then you can add them in a comma separated format. Such as, first_name, last_name, email.

Using this parameter you can send the custom fields as well if they are created from the CartFlows custom field editor which is available in the Pro version of the CartFlows on the optin page.

Note: The optin page field name starts with the “billing_” key such as billing_first_name, billing_last_name. So, you have to add the field name without the “billing_” prefix.

Also, following are the steps where you can find the settings –

Step 1: Go to Settings > Fusion

Step 2: Under the Post Types option enable the Steps

Step 3: Save Changes and the Fusion page builder’s Edit with Fusion Builder button will be enabled on the CartFlows steps.

Now, you can design your CartFlows Steps using the Fusion page builder.

Pre-requisites –

There are a few Pre-requisites like –

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

Steps to Add Facebook Pixel ID in the CartFlows Settings –

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

Step 2: Scroll down to the Integrations and enable the option – Enable Facebook Pixel Tracking

Step 3: Now paste the copied Facebook Pixel ID under Enter Facebook Pixel ID option

Step 4: You can track the events by enabling the options under Enable Events

Step 5: Just Save the Changes and you have successfully added Facebook Pixel ID for the CartFlows checkout page events.

How to Test or Verify the Working of Facebook Pixel Support?

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

To read more about the Errors or other issues you can refer to the following Pixel Helper article by Facebook.