- 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
Widget heading
Widget heading helps to differentiate your widget so that you can easily identify your widget from the widget list in the editor.
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 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
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.
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 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
- Show quantity picker
- Show vendor
- Vendor color
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.
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.