The ultimate guide to checkout button widget of iCart Cart Drawer Cart Upsell

Sajini Annie
Sajini Annie
Content Writer

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.

This guide will let you explore the iCart’s checkout button widget.

This widget allows you to customize the following options:

  • Settings
  • Title
  • HTML
  • Rules
  • Delete widget


Widget heading

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.


Here in this option, you can add the HTML that you want to add in the side cart drawer.


Rules are used to hide/show the 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 condition based on different parameters like:


You can show the widget visible to your customer 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 Custom HTML 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 the shirt is the only item his cart contains then the Custom HTML widget will be visible to him.

Remember after applying any options click on the Save button.

When you add the checkout button in your cart after customizing using these options it may look like this as shown in the screenshot below:


Delete widget

If you want to delete the widget then click on the delete widget button.

Post Tags

Want to create something amazing?

The troops of Identixweb has an extensive expertise in creating something which you're looking for.

Rate this article!

Share on facebook
Share on twitter
Share on google
Share on linkedin
Share on whatsapp

Tell us about Your Project

We gather useful requirements from you
Goal - oriented work flow
We think out of the box
We have proficient developers and analysts