Introducing Upsell Downsell Shortcodes!

CartFlows Pro version 1.5.3, introduces the much awaited shortcodes for the Upsell and Downsell pages.

These Upsell & Downsell shortcodes will provide more control and help you to add/display information of Variation Product on the upsell & downsell pages. So that you can let users know which product they are buying and the price of it.

Also, giving you the flexibility to design the Upsell & Downsell pages as per your design requirements. That means you can now fully customize your upsell & downsell pages.

Now, with the help of these shortcodes, you can display –

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

You can still import the Upsell & Downsell ready-made templates and modify it as per your design needs and add from the below shortcodes to display the respective variation product’s information to suit your needs.

Note: These shortcodes will only work on the Upsell & Downsell pages of the CartFlows. If used anywhere else like on default pages of WordPress, WooCommerce or on other CartFlows pages then it may result in displaying error messages or some random text or something else can’t predict it.

You can locate these shortcodes on the Upsell / Downsell pages under the Offer Page Settings under Shortcodes section as shown below –

Below is the list of shortcodes and their detailed explanation on how to use on the Upsell & Downsell pages –

List of Shortcodes

 Accept Offer Link

• This link is for adding the offer accept link to the button, anchor ( <a> ), or you can even give it to the image too. 
• This link allows the users to accept the Upsell or Downsell offer. This means once the Upsell or Downsell offer is accepted it will move to the next step.
• Recommended widget to use – Button, or Link ( Anchor ).

 Decline Offer Link

• This link is for adding the offer decline link to the button, anchor ( <a> ), or you can even give it to the image too. 
• This will allow users to reject/decline the Upsell or Downsell offer. This means once the upsell or downsell offer is declined it will move to the next step.
• Recommended widget to use – Button, Link ( Anchor ).

 Product Variation

Shortcode: [cartflows_offer_product_variation]

• If your product is a Variable Product then you can use this shortcode to show variations on the Upsell/Downsell page.
• This shortcode allows you to add/display the product’s variations on the upsell & Downsell pages. For now, these variations will be displayed in the dropdown manner as it is displayed on the single product’s page i.e Product’s detail page.
• Recommended widget to use – Shortcode, Text Editor.

 Product Quantity

Shortcode: [cartflows_offer_product_quantity]

• If your product is a Variable Product or simple product then also you can use this shortcode to show the product’s quantity on the upsell/downsell page.
• This shortcode will allow you to add/display the product’s quantity selection on the Upsell & Downsell pages.
• Recommended widget to use – Shortcode, Text Editor.

 Product Title

Shortcode: [cartflows_offer_product_title]

• It doesn’t matter what type of product you have selected in the backend setting of the upsell & downsell page this shortcode will show the Product Name / Product Title on the Upsell / Downsell page.
• Recommended widget to use – Shortcode, Heading, Text Editor.

 Product Description

Shortcode: [cartflows_offer_product_desc]

• This shortcode will allow you to add/display the selected product’s Full / Long Description on the Upsell & Downsell pages. 
• You can use this shortcode with products that you have selected in the Upsell & Downsell pages. The product type should be of Simple, Virtual, Variable, or Downloadable.
• Recommended widget to use – Shortcode, Text Editor.

 Product Short Description

Shortcode: [cartflows_offer_product_short_desc]

• This shortcode will allow you to add/display the selected product’s Short Description or excerpt on the Upsell & Downsell pages. 
• You can use this shortcode with products that you have selected in the Upsell & Downsell pages. The product type should be of Simple, Virtual, Variable, Downloadable.
• Recommended widget to use – Shortcode, Text Editor.

 Product Price

Shortcode: [cartflows_offer_product_price]

• This shortcode will allow you to add/display the selected single product’s price on the upsell & Downsell pages.
• If you have added/applied the discount to the selected product from the upsell or downsell page’s setting then this discounted price will be displayed on the page.
• Recommended widget to use – Shortcode, Text Editor, Heading.

 Product Image

Shortcode: [cartflows_offer_product_image]

• This shortcode will allow you to display the selected Product Images or gallery images.
• If you have selected the variable product in the backend setting and you change the variation on the Upsell or Downsell page then the images which are displayed will automatically display the related image to the selected variation.
• Recommended widget to use – Shortcode, Text Editor.

Introducing Personalization Shortcodes in CartFlows!

CartFlows introduces Personalization Shortcodes in CartFlows v1.5.0. Now you will be able to personalize the CartFlows pages for more conversions and sales.

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 as abc@mydomain.com and now on the upsell & thank you page you want to display the personalized messages such as “Hello abc@mydomain.com, here is the 50% OFF on this product” OR “Thank you abc@mydomain.com 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 the use. They are divided in 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’ type=’billing’]

In the above shortcode, there are two parameters as

1. field: This represents, which field’s value you want to display on the page. ( Applicable for billing or shipping type only )

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

3. type: This attribute is used to display the value of specific types. Such as billing OR shipping OR total. Here billing type is default if type is not mentioned in the shortcode.

You can use any field to display it’s 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’]

– To display the order total you can use

[cartflows_order_fields type=’total’ ]

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

 To Display the value of the Fields that are send 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=abc@mydomai.com

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 it’s 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.