Step 1: Enable Google Maps Platform

• Visit the Google Maps Platform.
• Click the Get Started button at the top-right corner.

Step 2: Create or Select a Project

• If this is your first time, you’ll need to create a new project.
• Enter a name for your project.
• Click Next to continue.

Step 3: Set Up Billing

• Choose your country and accept the Terms of Service.
• Click Continue.

• Enter your customer and billing information to activate the account.

Step 4: Generate Your API Key

• Go to APIs & Services > Credentials.

• Click on CREATE CREDENTIALS and select API Key.

• Your new API key will be generated and displayed.

You can now copy this key and paste it into the appropriate field in the CartFlows settings to enable address autocomplete.

Below are the cookies used by CartFlows:

• cartflows_session_
  Set when a user visits a CartFlows page. It creates a unique session ID for each user to enable a seamless checkout experience.
• wcf_active_checkout
  Determines which checkout page is currently open and stores relevant cart data for that specific checkout.
• wcf-visited-flow-
  Tracks which CartFlows funnel (flow) the user has interacted with.
• wcf-step-visited-
  Tracks which step of the funnel the user has visited.
• cartflows-ab-test-
• Used only when the A/B Split Testing feature is active to track the variant shown to the user.

Custom Cookie Prefix

If your server requires cookies to use a specific prefix (e.g., for caching compliance), you can define a custom prefix by adding the following line to your wp-config.php file:

define( 'CARTFLOWS_COOKIE_PREFIX', 'your_prefix_' );

Note: Add this line just above the “That’s all, stop editing! Happy publishing.” line in the wp-config.php file, located in your website’s root directory.

Use a Plugin (Recommended for Most Users)

For simplicity and safety, you can use a plugin that allows adding custom code without touching theme files. This works for JavaScript, CSS, and PHP.

We recommend:

• Code Snippets 
• WPCode
• Woody code snippets
  

These plugins let you manage your code snippets in a user-friendly way, and they remain active even after theme updates.

Add Custom JavaScript

CartFlows Funnels Only

Use the Custom Script tab inside each funnel or step setting. The script will only apply to that specific funnel or step.

Add Custom CSS

Go to Appearance > Customize > Additional CSS and paste your CSS code.

Add Custom PHP

Using a Child Theme

Add your PHP code inside the functions.php file of your child theme.

Using a child theme ensures your custom code won’t be lost when updating the theme. If you’re not familiar with what a child theme is, refer to this article.

Now, you can fully customize your upsell and downsell pages — show product info, update layouts, and craft compelling offers that match your design needs.

What Can You Display Using These Shortcodes?

You can now add and display the following product details dynamically on your Upsell and Downsell pages:

• Product Variation
• Product Quantity
• Product Title
• Product Description (Long)
• Product Short Description
• Product Price
• Product Image

These shortcodes ensure your customers know exactly what they’re buying and help boost conversions by presenting clear product information.

Note: These shortcodes only work on Upsell and Downsell pages within CartFlows. Using them on other pages (e.g., regular WordPress or WooCommerce pages) can result in errors or unexpected content display.

Where to Find the Shortcodes

You can find these shortcodes by navigating to:

Upsell / Downsell Settings → Shortcodes section

Available Shortcodes and Usage

Accept Offer Link

Use this link to allow users to accept the offer. When clicked, the funnel moves to the next step with the offer accepted.

• Usage: Add this link to a button, <a> tag, or image.
• Recommended Element: Button or anchor.

Decline Offer Link

A link to decline the offer and continue to the next step in the funnel without accepting it.

• Usage: Add to a button, <a> tag, or image.
• Recommended Element: Button or anchor.

Product Variation

[cartflows_offer_product_variation]
Displays variation options (dropdown style) for variable products.

• Use on: Shortcode widget or text editor.

Product Quantity

[cartflows_offer_product_quantity]
Allows customers to select product quantity.

• Use on: Shortcode widget or text editor.

Product Title

[cartflows_offer_product_title]
Shows the product title.

• Use on: Heading, shortcode widget, or text editor.

Product Description

[cartflows_offer_product_desc]
Displays the full (long) description of the selected product.

• Use on: Shortcode widget or text editor.

Product Short Description

[cartflows_offer_product_short_desc]
Displays the excerpt or short description of the selected product.

• Use on: Shortcode widget or text editor.

Product Price

[cartflows_offer_product_price]
Shows the product price. If a discount is applied, the discounted price is shown.

• Use on: Shortcode widget, text editor, or heading.

Product Image

[cartflows_offer_product_image]
Displays product images. For variable products, the image updates based on selected variation.

• Use on: Shortcode widget or text editor.

In this article, we will see the overview of the Personalization Shortcodes so that you can better utilize them on CartFlows pages –

We have provided these Personalization Shortcodes in the CartFlows so that you can personalize the display and the messages on the Upsell / Downsell or on the Thank You pages. 

Why Personalization?

Personalization helps build trust with users by engaging with them during the checkout process. When you display the user’s name by personalizing the headline or message while they are completing their order, people are more likely to complete the order.

For example, you have placed an order from the checkout page of the CartFlows using the email [email protected] and now on the upsell & thank you page you want to display personalized messages such as “Hello [email protected], here is the 50% OFF on this product” OR “Thank you [email protected] for your order” Or any other as per your requirements.

These shortcodes will display the user’s email ID or the email or any other field that you have added in the shortcode for the current order. 

Currently, we have two types of Personalization shortcodes available for use. They are divided into two sections and they are

1. Display the Order Fields value on the Upsell / Downsell / Thank You page i:e displaying the checkout fields’ value
2. Display the value of the Fields that are sent via URL parameter

Let’s see the personalization shortcodes type and how exactly it can be used –

Display the Order/Checkout fields values

This shortcode can be used on the upsell & downsell & thank you page to display the user’s billing information which is filled on the checkout fields on the checkout page of the CartFlows.

The proper format of the shortcode is as follows:

[cartflows_order_fields field="first_name" default="Dear"]

In the above shortcode, there are two parameters as

1. field: This represents, which field’s value you want to display on the page.

2. default: Default value to display if the checkout field is not filled. 

You can use any field to display its value on the desired page. 

For example: 

– To display the user’s first name you can use 

[cartflows_order_fields field="first_name" default="My Name"]

– To display the user’s last name you can use 

[cartflows_order_fields field="last_name" default="My Surname"]

In the same way, you can use the rest of the fields. 

To Display the value of the Fields that are sent via URL parameter

This is the second shortcode which you can also use to display the user’s billing info on the upsell/downsell/thank you pages such as first name, last name, email, etc. 

But, this shortcode will take the values of the parameters which are sent via URL. That is if there is first name of the user is sent from the URL as www.mydomain.com/thank-you/?first_name=myname&[email protected]

In this case, this shortcode will get the value of the first_name parameter and display it on the page where you have added this shortcode. 

The proper format of this shortcode is as follows:

[cartflows_url_fields field="first_name" default="Dear"]

In the above shortcode, there are two parameters as

1. field: This represents, which field’s value you want to display on the page.

2. default: Default value to display if the checkout field is not filled. 

You can use any field to display its value on the desired page. 

For example: 

– To display the user’s first name you can use 

[cartflows_url_fields field="first_name" default="My Name"]

– To display the user’s last name you can use 

[cartflows_url_fields field="last_name" default="My Surname"]

In the same way, you can use the rest of the fields. 

Note: In WooCommerce all the field’s name starts with the “billing_” key for the billing fields and “shipping_” for shipping fields.  Such as billing_first_name, billing_last_name, shipping_first_name, shipping_last_name. So, you have to add the field name without the “billing_” or “shipping_” prefix.