Introducing iCart Cart Drawer Cart Upsell
iCart is an all in one Shopify app for cart customization and conversion optimization. No need for coding knowledge is required in using iCart. iCart is developed in a way that anyone from a non-technical background can use this app. With iCart, you can design your side cart easily with its intuitive drag and drop interface and can increase sales by showing upsells and cross-sells in it. iCart comes with multiple features that will help to boost sales of your online store. If you have not yet installed the iCart app on your store check out this guide.
Want to show product recommendations in your store? iCart offers a product recommendation widget that will allow you to cross-sell in your cart drawer.
The product recommendation widget comes with the following options:
- Select collection
- Product options
- Timer limited offer
- Prices to display
- Add to cart button
Let’s see one by one
Widget heading helps to differentiate your widget so that you can easily identify your widget from the widget list.
The title is the name of your widget that will be displayed in the cart drawer. You can show/hide the title, change the heading background color, widget background color.
This option allows you to recommend products from
- Shopify recommendations
- Specific collection
By enabling the exclusion tags you can add the product tags which will be excluded from the product recommendations. In simple words, the product tags that you add here would not show in the recommendations to your customers.
Also, you can hide products that are already in the cart.
Let’s understand it one by one
By selecting this option the product recommended to your customers would be Shopify recommendation.
Exclusion tags: shirt
Hide products that are already in the cart
Suppose the customer has added a bag, shoes, and socks to the cart. Now the shirt will not be shown in the product recommendation because it is added in the exclusion tags and products that are already in the cart will also not be shown.
In short, products excluding the bag, shoes, socks, and shirt all other remaining products will be shown to the customer in product recommendation.
Loader text is the text displayed when the page loads. This option allows you to add the text that you want to show your customers.
This option allows you to show a specific collection as a product recommendation to your customers.
Select collection: Clothing
Exclusion tags: shirt
Hide products that are already in the cart
Suppose the customer has added a bag, shoes, and socks to the cart. So the product recommendation shown to the customer would be from the clothing collection excluding the shirt and products that are already in the cart.
With this option, you can set the layout of recommended products either as a list or grid.
Products per row
You can set the number of products that you want to display per row and the limit of products per row is 3.
Number of products
Also, you can select the total number of products that you want to show your customers in the product recommendation widget. The maximum number of products that you can show is 60.
You can change the color of the arrow i.e the slider arrow of product recommendations.
Show variant selection
By enabling this option will allow you to display the variants of the product in the cart drawer.
Show quantity picker
This option allows you to display the quantity picker for products in the cart drawer.
This option allows you to show the name of the vendor of the product in the cart drawer.
With this option, you can change the color of the text of the vendor name.
By enabling this option you can offer a discount to your customer.
This option allows you to select the type of discount you want to offer your customers. Basically, you can select any of the 3 options from this: free shipping, percentage, fixed amount. Let’s see one by one how all these options work.
So you have set the type of discount as free shipping. Now enter the amount that the cart must contain. Remember the total cart amount that you add should be 1 or greater than 1.
Let’s see an example:
So if you have added the cart total amount of 100 and if your customer’s total cart amount is 100 or greater than 100 then he will get free shipping on his order.
And this benefit is not for a specific customer instead this discount will be visible for all customers and those who satisfy this condition can get free shipping.
Select the type of discount as percentage, and enter the discount value that you want to give your customer.
Suppose you have entered the discount value as 5% and if the customer’s cart value is Rs. 100 then he will get a 5% discount ie. Rs. 95 will be his total cart value. So the total revenue generated by iCart would be Rs. 95.
Select the discount type as a fixed amount, enter the discount value that you want to give your customers.
Suppose you have entered the discount value as 10 and the cart value should be above 100. So if your customer’s cart value is above Rs. 100 then he will get a discount of Rs. 10 i.e he needs to pay only Rs. 90. So now his total cart value is Rs. 90 which is the revenue generated through iCart.
And this benefit is not for a specific customer instead this discount will be visible for all customers and those who satisfy this condition can avail this discount.
The discount name will be the tag added to the card drawer as the special product deal that you are giving to your customer.
Time limited offer
If you want to give a specific time for the offer then you can enable/disable it. By enabling it you can set the timer duration for the offer which would be seen by your customers. Also you can change the placement of timer title, location of the timer, timer text color, and timer background color.
When timer runout
When the timer expires you can set the following options like hide widget, show message and disable ATC button, hide timer, reset timer.
Timer expired message text
This option allows you to add the text that you want to show your customer when the timer expires.
Prices to display
With this option you can select the prices of the product for upsells that you want to show to your customers like store price only, store compare to price and store price, store compare to price and price including discount, store price, and price including discount.
Compare to price color
With this option, you can change the color of the compare to price text in the cart drawer.
This option allows you to change the color of the selling price of the product upsell in the cart drawer.
Add to cart button
Under this option, you can change the text of the add to cart button, background color of the button, and text color of the button.
Rules are used to hide/show the discount widget. Once if the discount is applied using rules then it will not get removed automatically using any rules. This option allows you to change your product recommendation offers based on different parameters like:
You can change the condition based on different parameters like cart sum, number of items in the cart, a specific item, a specific collection, product tags, and user location.
You can set the condition from any of these options: is greater than, is lesser than, equals.
Here you can enter the value that your customer’s cart must contain.
Now let’s jump into an example to understand how these conditions work.
Basically, this Rules option provides you 2 conditions i.e AND, OR.
First will see how AND condition works:
Suppose parameter > cart sum, condition > is greater than, value > 300
Parameter > a specific item, condition > is in the cart, value > shirt
So in this scenario, if both the condition meets the customer’s cart i.e if his cart sum is greater than 300 and one of the items added in his cart is a shirt then the product recommendation widget will be visible to him.
Similarly, it works for other parameters too in AND condition.
Now let’s see how OR condition works
Suppose parameter > number of items in cart, condition > is greater than, value > 2
Parameter > a specific item, condition > is the only item in the cart, value > shirt
So in this scenario, if any of the conditions meet the customer’s cart i.e if the number of items in his cart is greater than 2 or shirt is the only item his cart contains then the product recommendation widget will be visible to him.
Remember after applying any options click on the Save button.
After adding this widget in your store it may look like this as shown in the screenshot below:
If you want to delete the widget then click on the delete widget button.