A complete guide on Product Bundle widget of iCart Cart Drawer Cart Upsell

A complete guide on Product Bundle widget of iCart Cart Drawer Cart Upsell

Technical Writer

guide-on-product-bundle-widget-banner

iCart is an all-in-one Shopify upsell 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. iCart offers a powerful widget named “Product Bundle” that will allow your customers to add multiple items to the cart in One Click.

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.

The Product Bundle widget helps you to offer multiple products in a single bundle with attractive discount offers to your customers.

The following settings are included in the Product Bundle widget which you can customize in your way:

Widget heading

With this option, you can change the heading text of the widget so that you can easily identify your widget from the widget list.

product-bundle-widget-heading

Title

The title is the name of your widget which will be displayed in your side cart drawer. With this option, you can show/hide the widget title, change the heading background color, and widget background color.

product-bundle-widget-title

Select Products

Here, you can select the products to show in the product bundle section to the customers. iCart allows you to add minimum 2 products and maximum 3 products in the cart as a product bundle.

Bundle Type

There are 2 options available using which you can select the products for the product bundle.

Shopify recommendations

In this option, products will be added automatically in the product bundle section by Shopify as per its analytics.

select-product-shopify-recommendation

Exclusion tags

You can also exclude some products if you wish by checking the Exclusion tags checkbox and specifying the tags you want to avoid.

exclusion-tags

Hide products that are already in the cart

Checking the “Hide products that are already in the cart” option will help you to avoid repeating the same product in the cart.

Number of products

Here you can select how many products you want to show in the product bundle. You can set it to minimum 2 products to maximum 3 products.
number-of-products

Loader text

This option will help you to hold your customers by showing the text in the Loader text field until the product bundle widget is completely loaded.
loader-text

Specific Products

If you want to show the products as per your choice, then it’s possible using this option.

Just you have to select the products manually by clicking on the “Select Product” button on every product in the product bundle widget. By default, only 2 product selections are available. To add the third product, you have to click on the “Add Product” button.

specific-products

If the product is in the original cart

It comes with 3 options that help you to choose what will happen if any product of the product bundle is already in the original cart.

if-the-product-is-in-the-original-cart

Display this product anyway

It will show the product even if the same product is present in the cart.

Already in your cart badge: When you select the “Display this product anyway” option, you will get an additional feature to mark the products (that are already in the cart) with a customized tag.

display-this-product-anyway

When a customer accepts a bundle with a product in the cart: It helps you to manage the repeated products in case the customer adds the product bundle in the cart which contains the product(s) that already exist in the cart.

when-customer-accepts-bundle-with-product-in-the-cart

Hide this bundle

It will hide the entire product bundle if the same product is present in the cart.

Display alternative product

It will allow you to show another product if the same product is present in the cart.

Layout

Here, you can style your product display in the product bundle. It has 2 different view options: (1) List and (2) Grid

List View

list-view-layout

Grid View

grid-view-layout

Product Options

By selecting the checkbox, you can show/hide different product options as follows: Also, you can change the text color of the product list in the cart.

product-options-product-bundle

Show variant selection

It shows/hides the product variant in the product bundle.

product-variant-selection

Enable quantity picker

It shows/hides the quantity picker in the product bundle.

product-bundle-quantity-picker

Add option to add only some of the products to the bundle

This option, when checked, allows your customers to select some of the product(s) from the product bundle before the bundle is added to the cart. Thus, they can choose from the given products, if they don’t wish to buy them all.

Also, you can change the product selection icon color and its background color.

select-some-of-the-product-bundle

Cart item in remove bundle all products

When this option is enabled, it will remove all the product (of the product bundle) from the cart, if the customer removes any single product that belongs to the same product bundle.

remove-all-products-from-cart

Show vendor

It shows/hides the product vendor in the product bundle.

show-product-vendor

Show compare store price

It shows/hides the compare price and selling price of the products, and also allows you to change the color as per your store theme.

show-compare-store-price

Bundle Offer

Bundle Offer Type

Following are the discount options available:

Percentage: Here you can set the discount value in percentage that will apply to all the products in the Product bundle.

Fixed amount: The fixed amount of discount will apply one time to the total selling price of the product bundle.

Select bundle price manually: It allows you to set the selling for the entire product bundle. For example, if 3 product’s total price is $300 and if you want to sell all bundled products at $280, then you can set it here.

Discount value

Enter a numeric value that you want to offer as the Product bundle discount.

Discount name

Give a discount name that will be visible to the customer when the discount is applied to the product bundle.

product-bundle-discount-offer

Offer Text Settings

This option, when checked, shows the discount value of the product bundle, thus letting the customer know how much they would save with this bundle deal.
You can set the Offer text as per your convenience.

offer-text-settings

Add To Cart Offer Text Settings

This option lets you customize the Add to Cart button with the offer text of the product bundle.

By checking the Display offer text, you can show the discount value in the Add to Cart button.

add-to-cart-offer-text-settings

Timer Limited Offer

When you select the “Add a time limit to the offer” checkbox, it places a timer in the product bundle section.

product-bundle-timer-offer

Title

Add the offer text you want to show with the timer in the product bundle.

timer-title

Title Placement

Title placement helps you to set the position of the title. It has 4 different options.

Right of timer

timer-placement-right

Left of timer

timer-placement-left

Above timer

timer-placement-above

Below timer

timer-placement-below

Timer Location

It allows you to locate the timer either above or below in the product bundle widget.

Above widget

timer-location-above-widget

Below widget

timer-location-below-widget

Timer Duration

You can set the timer duration in minutes to indicate to the customer how long the offer is valid. You can also change the timer text and background color.

timer-duration

When timer runout

Here, you can choose what should happen when the timer expires. It has 4 options as follows:

  1. Hide widget
  2. Show message & disable ATC (Add To Cart) button
  3. Hide timer
  4. Reset timer

when-timer-runout-options

When you select the “Show message & disable ATC button” option, you need to add a message in the Timer end message text box that will be visible to the customer after the timer runs out.

timer-end-message-text

Price Display

It allows you to customize the product bundle price.

product-bundle-price-display

Add To Cart Button

When you enable this option, it will place the Add To Cart button for every individual product in the bundle. You can set the Button text and its color as per your convenience.

product-add-to-cart-button

Bundle Add To Cart Button

If you wish to change the text and color of the Bundle Add To Cart Button, you can do it using this option.

product-bundle-add-to-cart-button

Star Reviews

When you enable this option, it will show the star rating and total review for each product in the bundle. iCart is integrated with all the popular applications like Judge.me, Loox, Rivyo, Stamped.io, and Ali reviews you may use for collecting star ratings and reviews for your products.

First of all, click on the Set up reviews integration button to add to integrate the review app with iCart.

star-review-registration

It will redirect you to the iCart Settings page where you can select the review app. Select the Review app you are currently using in your Shopify store and click on the Save button.

select-review-app

If you are not using any review app, then you may need to install it.

To install a Shopify review app:

  1. Click on the Select review app and choose the review app you want to install.
  2. Click the install app link and complete the installation process.

install-review-app

Now, come back to iCart app > Customize > Product Bundle widget > Star Integration.

Check the Display star reviews checkbox to enable this feature. In any case, if you want to change the review app, then you can modify the integration by clicking on the link “click here”.

product-bundle-star-review

Rules

Rules are used to hide/show the Product Bundle widget. Once the discount is applied using these rules then it will not be removed automatically using any rules. This option allows you to change your product bundle offer based on different parameters like:

Parameter

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.

Condition

You can set the condition from any of these options: is greater than, is lesser than, equals.

Value

Here you can enter the value that your customer’s cart must contain.

Basically, this Rules option provides you 2 conditions i.e AND, OR.

product-bundle-rules

Delete Widget

If this widget is no longer needed and you want to remove it, then you can click on the Delete widget button.

delete-product-bundle-widget

Make sure to click on the Save button after any modification you made in the widget.

After adding this widget to your store it may look like this:

product-bundle-widget-outpout

Leave a Reply

Your email address will not be published. Required fields are marked *