So, we accepted this challenge and improved an order bump with one more level by introducing Dynamic Order bumps. Yes!! The Conditional Order Bump is here in the CartFlows.

Currently, this feature will be available in the 1.8.0-beta-2 versions of CartFlows and CartFlows Pro plugins. 

Note: We have deprecated the Next-Step redirection option from Order Bump and in the next major update it will be hard deprecated. As we have introduced Dynamic Offers. You can now add more robust rules for your conditional redirect.

Using this feature, you can set the custom display conditions for the Order Bump to display them on the checkout pages of CartFlows.

For these, we have added many useful conditions using which you can easily achieve your requirements of showing the order bump with conditions.

In this Dynamic Order Bump, we have introduced grouping of the conditions, which will provide you the ease of access while setting multiple conditions and a way to group each other.

So, you might be wondering what the groups are?

The simple explanation is that the Groups are the list of combinations of one or more conditions. 
In each of the condition groups, one condition is in the AND relation with another condition and each group is in the OR relation of another group as shown in the below Image.

You can add as many rule groups and conditions as you can as there is no limit for creating the groups and conditions.

To re-order the condition groups according to your needs or if you want to prioritize the groups for the order bump. To re-order the groups, simply drag-drop the groups just like you do in the CartFlows Custom Field Editor.

This setting is added in the Order Bump under the Conditions tab. In this tab, you can add multiple conditions for the order bump and create a group of conditions.

Let’s see how to use this feature and its setup.

Once you update the CartFlows or install the 1.8.0 Beta-2 version, you will get one new menu.

• Conditions menu in CartFlows Order Bump on the checkout page.

Here is how to set up the rules.

First, make sure that you are using 1.8.0-beta-2 or the greater versions of the CartFlows free and cartFlows Pro to use this feature.

Below are the steps to set up the conditions for the Order Bump. 

Step 1: Navigate to the CartFlows -> Flows
Step 2: Open your flow in which you want to add/edit/update the order bump and its conditions.

Step 3: Go to the Checkout page on which you want to add an Order Bump or already present.

Step 4: If no order bump is available then create one by clicking on the Add Order Bump button.

Step 5: Now, click on the Edit button to edit the Order Bump.

Step 6: Navigate to the Conditions tab and enable the checkbox to view the conditions set.

Step 7: Select condition, relation and compare to option to set one condition.

Step 8: Click on the Add rule button. This will automatically create one rule in the same group. 

Step 9: Click on Add Conditions Group to add more conditions groups.

Step 10: Click the save changes button to save the rules.

We have also added sortable settings to the condition groups in the order bump so that you can drag and drop the rule groups up/down to re-order them to prioritize the conditions on the frontend.

It is not possible to move or drag-and-drop one rule row from any of the rules groups and add it to another rules group. You need to remove/delete that rule row from one group and simply add it again in the second rules group.

If you are a new user, then you can start building the order bump directly from step 1 and if you are an existing customer then follow the below steps to migrate the order bump.

From the CartFlows version 1.7.0, you can add multiple order bumps on one checkout page with multiple order bump styles. We have added a total of 3 new order bump styles.

To enable and start using this feature, you need to update the CartFlows free and CartFlows Pro version to the 1.7.0 or greater version and migrate the older Order Bump to New.

As soon as you update both of the plugins to the 1.7.0 version or greater. You will see the migration notice on the dashboard.

Once you see the migration notice, click on the Migrate Order Bump button and migrate the order bums. After migration, you are ready to use the multiple order bump.

This migration process will be carried out in the background and once it is completed, you will display the success notice.

Let’s see how to use and setup the multiple order bump.

Step 1: Navigate to the CartFlows -> Flows

Step 2: Open your flow in which you want to add/edit/update the order bump.

Step 3: Click the edit button of your Checkout Page.

Step 4: Navigate to the Order Bump tab and Click on Add Order Bump button to add multiple order bumps or click on Edit or on the name of order bump to edit the order bump

After Clicking on Add new Order Bump button, a popup will be displayed where you can provide your choice of name to the order bump to identify it letter use.

Step 5: After opening the Order bump you will get 4 Tabs and they are Product, Design, Content, and Settings.

After entering inside the order bump setting, you can change the name of the order bump in the same way you do for the steps.

The tabs provided in the order bump are as follows

1. Product Tab: Select the product and manage the discounts for that product
2. Design Tab : From this tab you can manage the design i:e look and feel of the Order Bump.
3. Content Tab: From this tab you can manage the display content of the Order Bump.
4. Setting Tab: From this tab you can manage the setting for that particular order bump.

Also, a new improvement is that you can preview the order bump design while designing and updating the content.

Step 6: Once you are done with the changes then it is mandatory to save each tab to save the changes by clicking the save changes button available at the bottom of each tab.

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 -> Funnels -> Your Funnel.

Step 2: Click on the Settings icon on the checkout step.

Step 3: Click on the Order Bump Tab and open the settings for the order bump.

Under the “Product” tab, Enable the “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 the Global/ Store Checkout option?
Ans – It will not work with Store 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.

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.

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