Horizontal product upsell customization.

First, click on 'Customize' on the left-side menu. Alternatively, in the Dashboard page, navigate to the 'App Setup' section and click on the 'Customize Cart' option. On the right side, you will see the 'Go to Customize' button. Click on the 'Go to Customize' button. 

There are two sections: the 'Widgets' section, where you can customize different widgets for your cart setup, and the 'Color Settings' section, where you can adjust the colors of your all widgets.

Color Settings

Go to the 'Color Settings' section, and then click on the 'Horizontal Product Upsell' section to set the colors for the Upsell.

You can customize the appearance of the 'Horizontal Product Upsell' to your liking.

Widgets

On the right side of this Customize page, you will find the 'Widgets' section. In this section, you can see 'Horizontal product upsell'. Click on the 'Horizontal product upsell'.

You can see 'Upsell Widget heading' section. There is one field available in this section. Use this field to rename the Upsell widget for your own use.

(1) Show Announcement bar

In the 'Show Announcement bar', click the eye icon to reveal/hide the 'Announcement bar'.

In the 'Show Announcement bar', you"ll see the 'Announcement bar title' text editor. This is where you can change the text for the Announcement bar title in the 'Horizontal product upsell' widget. Feel free to change the text to fit your store better or match the language you prefer.

(2) Show timer bar 

In the 'Show timer bar', click on the eye icon to reveal/hide the 'Show timer bar'.

Use this option to change the text displayed in the timer bar.

Note: Do not remove {{timer-value}}, as this value is used to show the timing. If you remove this value, the timer will not be displayed. Additionally, if you want to reset this value, simply copy the value below in the text editor and paste it into the text field. The timer will be reset.

To set the duration of your timer offer, enter the number of minutes in the field. The timer widget will automatically calculate and display the corresponding minutes and seconds remaining until the offer ends.

In the 'Timer Bar expire actions', there are four options available:

1. Reset Timer: The timer will start again and continue counting down.

2. Hide Timer: The timer will stop counting, and the timer widget will be hidden. The offer will remain available, but the timer display will be hidden.

3. Hide Upsell: The timer will expire, The Horizontal product upsell automatically hide itself.

4. Hide Timer & Show Message: The timer will stop counting, and a message will be displayed to inform the customer that the offer has expired.

After selecting 'Reset Timer,' the timer will start again and continue counting down, providing customers with the full duration of the offer.

After selecting 'Hide Timer,' the timer will stop counting, and the timer widget will be hidden. The offer will still be available, but the timer display will be hidden.

After choosing 'Hide Upsell,' when the timer expires, the Horizontal product upsell will automatically hide.

After selecting 'Hide Timer & Show Message,' the timer will stop counting, and a message will be displayed to inform the customer that the offer has expired.

Next is 'Timer bar expire message', Use this option to edit the text shown when the timer bar expires.

(3) Offer settings

Next is 'Select product type', there are three options available for product upsell.

1. Shopify Recommendation: This option provides product recommendations from Shopify`s algorithm, which uses data to determine which products are most valuable or relevant to your customers.

2. Specific Product: This option allows you to manually choose which products to display in your cart widget.

3. Abandoned Product: This option displays products that were previously added to the customer`s cart but were not purchased for some reason.

Next is 'Product rows.' In this field, you can use these options to set two or more products in a row in the cart.

Next is 'Discount type', there are four options available for product upsell.

1. No Discount: This option will not provide any discount when the customer adds the product to the cart.

2. Percentage: This option applies a discount in percentage that you set on the product when the customer adds it to the cart.

3. Fixed Amount per Item: This option applies a fixed discount amount for each item when the customer adds it to the cart. This discount applies each time the customer increases the quantity of the product.

4. Fixed Amount: This option applies a fixed discount amount only once when the customer adds the product to the cart.

After selecting 'Percentage' as the discount type for the Horizontal product upsell, you can specify the discount value in percentage that will be applied when the offer value is reached.

After selecting the 'Fixed Amount per Item' as the discount type for the upsell products, you can specify the fixed discount amount for each item when the customer adds it to the cart. This discount will be applied each time the customer increases the quantity of the product.

After selecting the 'Fixed Amount' as the discount type for the upsell products, this option applies a fixed discount amount only once when the customer adds the product to the cart.

Next is 'Discount code name'. In this field, you can change the name of the discount code that will be visible after the customer accepts any offer.

Next is 'Button Text,' you can change the button text according to your needs and language preference.

Next is 'Show Compare Price.' Check the 'Show Compare Price' checkbox to display the compare price. If you want to hide the compare price, uncheck the 'Show Compare Price' checkbox. This checkbox allows you to control whether or not the compare price is displayed in the upsell.

After that, click the 'Save' button, and your changes will appear in your store.