How to Replace First Product on the Checkout Page With Order Bump?
We are pleased to announce that in the latest CartFlows version 1.5.9 we have released another most awaited feature and that is Replace First Product of the Checkout page with the Bump Order’s product.
This feature will allow you to sell upgraded plans of one product by just replacing the lower plan with the higher plan product on the CartFlows Checkout page.
When the “Replace First Product” option is enabled from the Bump order setting now when the user selects i:e adds the bump order product in the cart then CartFlows will replace the bump order product with the first product on the checkout page.
For example: If you have already added the 4 Products on the checkout page of the CartFlow, such as Product 1, Product 2, Product 3, Product 4, now when you add/select the bump offer then the Product 5 which is of Bump offer get replaced with the Product 1 and if the bump offer is unchecked then it will be reverted back to normal.
Let’s see how to enable this feature.
There are very easy and simple steps to enable this feature which are as follows
Step 1: Go to CartFlows -> Flows -> Your Flow.
Step 2: Click on the Edit button on checkout page
Step 3: Scroll down the page till the checkout setting metabox and click on the Order Bump Tab
Under “Order Bump Conditional Settings” Enable “Replace First Product” option
Step 4: Save the changes and it is done
Few Common Questions(FAQs)
Q – What happens if there are multiple products added on the checkout page?
Ans – Even if multiple products are added in the cart/checkout page this feature will always replace the first product on the checkout page with the Order Bump product
Q – How does it will work in case of Global Checkout option?
Ans – It will not work with global checkout.
Q – Is it possible to replace two products at a time with the order bump?
Ans – No. As of now, the CartFlows is designed to replace only one product on the checkout page i:e the first product on the checkout page.
CartFlows Order Bump Conditional Redirect
We are back with a new and awesome feature, another most-awaited and exciting feature with the CartFlows Pro 1.6.0. We are pleased to add the CartFlows Order Bump Conditional Redirect feature.
This feature will help you to redirect the user to another page i:e Upsell or Downsell if the order bump product is purchased.
Let’s see how it will work.
When the user clicks or adds the Order Bump product on the checkout page and makes the purchase then CartFlows tests if the order bump product is purchased or not.
If it is purchased then it will take the page which is selected in the conditional option setting and redirect the user to that page that may be Upsell / Downsell.
To enable this feature there are really simple steps and they are as follows –
Step 1: Go to CartFlows -> Flows -> Your Flow
Step 2: Click on the Edit button on checkout page
Step 3: Scroll down the page till the checkout setting metabox and click on the Order Bump Tab
Under “Order Bump Conditional Settings” select the page to which you want to redirect the user after purchasing the order bump in “On Order Bump Purchase – Next Step” option’s dropdown list.
Step 4: Save the changes and it is done.
Few Common Questions (FAQs)
Q – What happens if there are multiple products added on the checkout page?
Ans – Even if multiple products are added in the checkout page it will work only if the Bump Order product is purchased.
Q – How does it will work in the case of the Global Checkout option?
Ans – It will work the same way as it is working without the Global Checkout page. i:e it will work only if the Bump order is selected/purchased.
How To Add Order Bumps To WooCommerce Sales Funnel?
An order bump is a feature that allows you to display an additional product on your checkout form. On average 10-30% of your buyers add on an order bump to their purchase. So, it is a great way to increase your average transaction value.
From the WordPress dashboard, edit a Flow from Cartflows > Flows.
Get into the settings of the Checkout Page by clicking on Edit.
Scroll down in the Checkout Layout section and click the Order Bump option. Tick the Enable Order Bump checkbox and the configuration options for the order bump will display.
Bump Order Skin – You can choose your bump order skin between Style 1 and Style 2.
Select Product – Enter 3 or more characters to display the product for your order bump.
Bump Order Position – This is where you would like to place your order bump in the checkout page. It can either be Before Checkout, After Customer Details, After Order, or After Payment.
Product Image – You can select an image of the product to attract your customers.
Checkbox Label – Customize the label of the checkbox or leave it as it is.
Highlight Text – This is the title of your order bump. It could be a message with a sense of urgency to get your customers to take action.
Product Description – This is where you can add the details of your order bump product.
Discount Type – You can choose to offer your order bump at an original price or discounted one by percentage, specific price, or coupon. Enter the discount value or the coupon and it will be automatically calculated once you saved the Step.
Bump Order Style – You can customize the look and feel of your bump order by tweaking the options available in the Bump Order Style. These include:
- Border Style
- Border Color
- Background Color
- Label Color
- Label Background Color
- Description Text Color
- Highlight Text Color