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 helps to differentiate your widget so that you can easily identify your widget from the widget list in the editor.
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.
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
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.
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.
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.
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.
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.
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.
Let’s see the result of this option on the front side by a screenshot.
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 color
This option helps you to change the title color of the product shown as upsell in the cart drawer.
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.
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.
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.
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.
Read the guide about the review here
Rules are used to hide/show the 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.