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.

This documentation explains two ways to set a default product in the product options:

1. From the checkout page settings in the backend
2. Using a URL parameter

Method 1: Set Default Product from Checkout Page Settings

Use this method if you want to choose a default product when multiple products are added to the Checkout Step.

1. Go to CartFlows > Funnels.

2. Open the Funnel where you’d like to apply the setting.

3. Click the Settings icon on the Checkout Step.

4. Go to the Products Options section under the Products tab.

5. Enable the Product Options and choose “Let user select multiple products from all options” under the Enable Conditions

6. Use the toggle or radio buttons next to each product to choose which one should be selected by default.

Click Save Settings, and view the checkout page to see the default product selected.

Method 2: Set Default Product Using URL Parameter

Use this method if you want to control the default selection dynamically through a link, for example, from a landing page or a custom button.To set a default product, add the wcf-default parameter to your checkout page URL.

Format:

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

Here, 1 refers to the position of the product (in order) as listed in your product options.

You can link this URL to buttons or anchor tags to direct users to a specific product preselected at checkout.

Frequently Asked Question

Option 1: Using the CartFlows Optin Step

CartFlows provides a built-in Optin step designed for lead generation. When a user submits the Optin form, an order is automatically created in WooCommerce. The user’s name and email are captured and stored as part of that order.

If you’re using a CRM, you can integrate it with WooCommerce. Once integrated, your CRM plugin can sync with WooCommerce and receive the user’s contact details as soon as the order is created.

For a complete guide on setting up the Optin step, refer to this documentation.

Option 2: Using a Custom Form and Redirect

If you prefer to use your own form module (e.g., from a page builder like Elementor), you can still capture user information and redirect to the checkout page. Here’s how:

Step 1: Create a Landing Page

Design a landing page with details about your product or offer.

Step 2: Add a Contact Form

Use your page builder’s form module (e.g., Elementor Form, WPForms, etc.) to collect basic information like name and email.

Step 3: Set a Redirect URL

In the form settings, configure the redirect action so that once the form is submitted, users are sent directly to your Checkout page URL.

Step 4: Done!

When users submit the form, their data is captured by the form plugin, and they are redirected to your checkout step to complete the purchase.

Note: This method does not create a WooCommerce order automatically. If you need the lead data synced to your CRM, make sure your form plugin supports that integration.

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.

This feature is helpful when you want to:

• Personalize the content on the next step
• Use custom code to display dynamic messages
• Send user data to an external service (like a CRM)

How to Enable the Feature

1. Go to CartFlows > Funnels and open your funnel.
2. Click the gear icon on the Opt-in step to access its settings.
3. Go to the Settings tab > Optin Settings.
4. Enable the toggle labeled Pass Fields as URL Parameters.

Once enabled, you’ll see first_name added by default. This means the value entered in the First Name field will be passed to the next step via the URL.

How to Add More Fields

You can pass multiple fields by entering their names in a comma-separated format, such as:

first_name, last_name, email

This also works for custom fields created using the CartFlows Custom Field Editor (Pro feature).

Note: The opt-in page field name starts with the “billing_” prefix, such as billing_first_name or billing_last_name. When adding field names to the setting, make sure to exclude the “billing_” part. For example, use first_name instead of billing_first_name.

Enable Fusion Builder for CartFlows Steps

1. Go to Settings > Fusion in your WordPress dashboard.
2. Under the Post Types section, tick the Steps checkbox.
3. Click Save Changes.

Once enabled, the Edit with Fusion Builder button will appear when editing a CartFlows step. You can now design your step 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.