Introduction:
A cross-sell block, powered by the Discount Rules for WooCommerce plugin, enables customers to choose free products in the shopping cart as part of a “Buy X Get Y” (BOGO) promotion. It is a great way to encourage additional purchases and enhance customer satisfaction.
For instance, customers who buy products from the store can choose either a Hoodie or a Glass for Free. In this scenario, customers have the option to add either the Hoodie or the glass as a complimentary item from the shopping cart via Cross Sell Block.
Screenshot below shows the Cross Sell Block in cart which displays the Hoodie Or Glass as free:
Therefore, it is a strategy which is commonly used to encourage customers to add more items to their cart and increase their overall purchase value.
Please note that before proceeding, you must have installed and activated the Discount Rules PRO plugin. It is important to note that this Cross Sell Block feature requires the PRO version.
Let’s get started,
Enabling/ Disabling Cross Sell Block:
Go to Wordpress backend -> Woo Discount Rules -> Settings -> Promotion -> Show cross sell block on cart?
Choose the option “Yes” and save the changes.
Here is an example follows,
Example: Buy any 2 products from the store and get 1 product for free from the list of products
In this example, customers are eligible to purchase a minimum of two products from the store and choose one free product from a given list. The list of products includes glass, shoes, hoodie, and bag. Customers can select any two products they desire, and as a reward, they will be able to choose one product from the list mentioned (glass, shoes, hoodie, or bag) as a complimentary item.
Creating a Discount Rule:
Go to WordPress dashboard -> Woocommerce -> Discount Rules -> Click on “Add New Rule” button
Select the discount types as “Buy X get Y”
Here is the screenshot of the rule configuration that follows,
Details of configurations are:
Step 1: Choose "All Products" (storewide) from the filter options (buy X section). You also have options like specific Categories, selected Products, Attributes, Tags, Sku’s and so on… You can choose the option depending upon your requirement.
Step 2: Choose “Buy X get Y - Products” in the Discount/ Get Y section and enter the list of products that you would like to allow customers to pick from
Step 3: Choose how to count the quantities as -> Filter set above
Step 4: Select the mode of apply as
“Cheapest”
Set minimum quantity as 2, leave maximum quantity section as 999 and free quantity as 1
Choose the discount type as FREE
Step 5: Save the rule.
Now, the customer will get one product from the list of products as Free (cheapest), only if the customer manually adds a qualifying product to their cart.
As per the above configurations, a cross-sell block will be enabled in the cart once the cart reaches 2 quantities.
Now, let’s see how the cross sell block gets displayed in the cart page for the above rule.
Here is the screenshot of the cart page showing an example:
Now, let’s see how to further customize the cross-sell block:
Options available in cross-sell block settings are:
Limit :
The "limit" refers to the number of products that can be displayed in the cart. It determines how many products from the list will be shown to the customer. Let's consider an example to better understand it:
Suppose you have a rule set up with 10 products. The "limit" is set to 3. When a customer adds products to their cart that are part of this rule, only 3 of those products will be displayed in the cart.
Column:
"Column" refers to the number of columns used to display the products in the cart. It determines how the products are organized horizontally in the cart layout.
For example, if you have set the "column" value to 2, it means that the products in the cart will be displayed in two columns. This arrangement helps to optimize the use of space and improve the overall appearance of the cart page.
Order by:
"Order by" refers to the way products are arranged or sorted in a specific order. It determines the criteria used to organize the products when they are displayed. Here are examples of different "order by" options:
Randomly: If you choose the "Randomly" option, the products will be displayed in a random order. For example, if you have 10 products and the rule states that 3 products should be displayed, any three products will be chosen randomly each time the cart page is loaded.
Menu order: If you select "Menu order," you can set the order of products in the WooCommerce advanced product configuration. The products will then be displayed in the cart according to the specified menu order.
Price: If you choose "Price," the products will be arranged based on their cost. For instance, the products with the lowest price may appear first, followed by those with higher prices.
Ordering:
This refers to the direction in which the products are displayed. You can choose between "ascending" or "descending" order.
For example, if you set the "order by" as "Price" and the "ordering" as "ascending," the products will be displayed in increasing order of their prices. On the other hand, if you choose "descending" as the ordering option, the products will be displayed in decreasing order of their prices.
Note:
This feature will be enabled only if you have the Buy X Get Y rule and choose the cheapest or highest option.
Products will be displayed in the cart only after the conditions get matched.
Rules that have the "auto add" option enabled won't have access to this feature.
The above scenario would require PRO version
Next steps:
You may also want to check out these helpful guides:
Refer this video to know more about cross sell block on the cart page :
Still Unclear?
Please submit a support request. We are always happy to assist you :)