Product Upsell

Show product upsells on your store to increase conversions & revenue. This widget allows you to show upsells in the cart drawer for your customers. Following options are added to the product upsell widget which you can customize based on your needs.

  • Widget heading
  • Title
  • Product to display
  • Product title
  • Product option
  • Discount
  • Timer limited offer
  • Price to display
  • Add to cart button
  • Star Reviews – Integrations
  • Rules

Let’s understand the widget options in detail.

Widget heading

Widget heading helps to differentiate your widget so that you can easily identify your widget from the widget list in the editor.
product-upsell-widget-heading

Title

The title is the name of the heading to your widget that will be displayed in the front cart drawer. Also, you can show/hide the title, change the heading background color, widget background color.
product-title

Product to display

Select product

You can select the products to be displayed in the product upsell and get more sales. The product might be from the below options:

  • Shopify recommendation
  • Cheapest product in the cart
  • Most expensive product in the cart
  • Specific product
  • Random product

select-product-option

Shopify recommendation

By selecting this option the upsells shown to your customers would be Shopify recommendation.
By enabling the exclusion tags you can add the product tags which will be excluded from the upsells. In simple words the product tags that you add here would not show in the upsells to your customers.

Cheapest product in the cart

When this option is enabled, the cheapest product from the cart will be shown for upselling to your customers.
Exclusion tags: Products tagged with these tags will not be displayed in the product upsell widget, even if they fit the dynamic upsells.

Most expensive product in the cart

This option would show the most expensive product in the cart for upselling to your customers.

Specific product

This option allows you to select a specific product as the upsell in the cart drawer. And if the product is in the original cart then you can select any of these options:
Display selected product anyway – will show the same product if that was added to the cart.
Hide featured product – will hide the product upsell if this product is already added to the cart.
Display alternative product – will show a selected alternate product when the selected product upsell added to the cart through the website.
specific-product

Random product

By selecting this option it allows you to show a random product from a specific collection. And if the product is in the original cart then you can select any of these options:
Display selected product anyway – will show the same product if that was added to the cart.
Hide featured product – will hide the product upsell if this product is already added to the cart.
Display alternative product – will show a selected alternate product when the selected product upsell added to the cart through the website.
random-product-option
Exclude tags: Products tagged with these tags will NOT be displayed in the product upsell widget, even if they fit the dynamic upsells
Loader text: Product upsell might take time to load the products so in the meantime, the text is added in this field will show.product-to-display-product-upsell-iCart

Cheapest product in the cart

When this option is enabled, the cheapest product from the cart will show as an product upsell.

Most expensive product in the cart

When this option is selected, the most expensive product will show as an product upsell.

Specific product

Select and specific product from your products to show it as an product upsell. There are other “If the product in the original cart” option will be visible when this option is selected. 01) Display selected product anyway – will show the same product if that was added in the cart. 02) Hide featured product – will hide the product upsell if this product is already added in the cart. 03) Display alternative product – will show a selected alternate product when the selected product upsell added in the cart through the website.
if-the-product-is-already-in-the-original-cart-product-upsell-icart

Random product

Select a specific collection from this option and with each page refresh, there will be a random product that will show as a product upsell.
Product with a tag – option will show only those products randomly which has the tag assigned added.
There are other “If the product in the original cart” option will be visible when this option is selected. 01) Display selected product anyway – will show the same product if that was added to the cart. 02) Hide featured product – will hide the product upsell if this product is already added to the cart. 03) Display alternative product – will show a selected alternate product when the selected product upsells added in the cart through the website.
random-product-product-upsell-icart

Loader text

Loader text is the text displayed when the product upsell widget might take time to load the products. You can add the text that you want to show your customers as shown in the screenshot below.
loader-text
Let’s see the result of this option on the front side by a screenshot.
loader-text-result

Product title

If you want to give a product upsell your own title, this option will help to replace the original title with your own product title.product-title-icart

Product title color

This option helps you to change the title color of the product shown as upsell in the cart drawer.

Product options

The following options are available

  • Show variant selection

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.

  • Show vendor

This option allows you to show the name of the vendor of the product in the cart drawer.

  • Vendor color

With this option, you can change the color of the text of the vendor name.
product-options-product-upsell-icart

Discount

Discount Type

There are four discount types are available in this widget.

  • Free Shipping: This will apply to the entire order
  • Percentage: apply the discount in percentage to the product added from the Product upsell widget
  • Fixed amount per item added: Discount will be applied on per product quantity like if you have added X amount in this option, that will be applied on each product quantity even when the customer will increase the quantity to two then discount of X will apply twice on the same product.
  • Fixed amount: Discount will apply on all products individually like if you have added x discount in this option, that X amount will about apply to the product price once. So if the customer will increase the quantity then still the X amount will be applied once.

Only apply for item price over option will be visible when you select Fixed amount per item added or Fixed amount option from the Discount Type option that will set a condition to apply the discount when it’s true.
– For example:
If you have set 100 value in this field then the discount will be applied when the product price is 100.

Discount value

Enter the value of the discount you want to give to your customer.

Discount name

The discount name will be the tag added to the card drawer as a discount.

Timer 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 add the timer text, 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 for that particular widget.

Price to display

The following options will be found under this option.
Price 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.

Selling color

This option allows you to change the color of the selling price of the product upsell in the cart drawer.

Add to cart button

This option allows you to change the text of the add to cart button, background color of the button, and text color of the button.

Star Reviews – Integrations

Read the guide about the review here

Rules

Rules are used to hide/show the widget.

Delete Widget

If you want to delete the widget then click on the delete widget button.
Refer to this guide and watch the below video tutorial to know more in detail about the product upsell widget.