To customize the Threshold Spend Discount, you will need:

Select My Offer tab
Choose Spend Goals
Tap icon
Select Edit
Scroll down and tap Edit
On Product Detail page

You can change the visual of Threshold Spend Discount by clicking on Edit and be redirected to custom site.


Device to show: opt to display the discount on Desktop or Mobile version.
Background: Tap on this section to custom Background color, Border, Padding and Margin.


Heading: Edit content of your volume discount table to make it more stunning. You can completely custom with different font, size, text color, etc


Discount levels: the visual of your discount table. At this step, you can easily customize this to match your theme, and even alter the content that suits the Volume.


Discount Threshold and Discount Amount are getting from the data you setup.
Install: This can help to place the Volume table to above or below the Add to Cart button. Furthermore, using Custom Element or Widget code function to place at your expected positions.


On Cart page

⚡ Threshold Spend Discount based on Discount Quantity Off

Similar to Product Details page, click Edit whenever you want a new visual for your spend discount on Cart page.


Device to show: allow showing spend discount in Cart Page on Desktop or Mobile version.
Heading: includes a message and a progress bar that announce if your buyers reach the Threshold.


Left Spend: the amount buyer will need to purchase more to get the deal.
Next Discount Amount: if you setup more than 1 Threshold, the message will trigger when the buyers reach the first Threshold, and they need to buy more to meet the next level discount.
Discount Amount: the amount purchasers will receive when reaching the Threshold.

Next Discount Amount and Discount Amount are getting from the data you setup.
Left Spend is defined by Threshold Spend Discount amount subtract the current expenditure. For instance: If the discount is Spend $1000 to get $10, and the item is added to cart at $700. In this case, Left Spend is $300.
Progress bar: the bar at the Heading helps customers follow up how much they will need to spend more to get the special deals.

Primary bar color: shows the amount buyer has purchased
Secondary bar color: shows the left amount buyer needs to get more


⚡ Threshold Spend Discount based on Free Gift

Gift Selection Pop-up: list of free gifts for your customers


Heading: The title of the pop-up menu
Text: Description for your customers to choose the suitable gift
Gift: The display of the Gift list
Footer: Total number of gifts chosen / gift allowed

Gift Selection Pop-up is available in the Spend Discount based on Free Gift only.
Spend Discount Bar

⚡ Threshold Spend Discount based on Discount Quantity Off

Device to show: similar to above pages, this bar can be opted to display on Desktop, Mobile version or both.
Background: to have an attractive tool to excite your customer, this option will help to change template from our library or selecting from your own ones.
Content: change the text inside the bar to let visitors know more about your discount. Similarly, Discount Threshold and Discount Amount are getting from the Volume's information.
Bar size: Full Width is setting by default. Tap on it to select another size of Manual. From here, you can freely edit width and height px.
Discount threshold to show: if you have more than 1 Threshold, and choose to show all Thresholds. Then, the bar will auto run with these messages.
Page to show: click on this to display the bar on All pages or Specific page.


Each message in Spend Discount Bar will stop from 5 to 7 seconds.
Don't forget to hit Save to apply those changes.

⚡ Threshold Spend Discount based on Discount Percentage Off

Customization

Follow the above instructions in the Threshold Spend Discount based on Discount Quantity Off.

Discounted product list

After creating a Volume Discount, OneUpsell will automatically generate a Collection page in your Shopify Admin for listing all discount products. When clicking the Spend Discount Bar, users will be redirected to this mentioned list.

This collection page will have the similar name as Volume Discount campaign. For ex: Your Volume Discount is named 'Test', then this URL will be: https://yourdomain.myshopify.com/collections/Test
If Volume Discount is paused, the corresponding collection in Shopify will be hidden. Furthermore, it will be removed when the Volume Discount is deleted.
⚡ Threshold Spend Discount based on Free Gift

This feature is the same as another above Threshold types.

Sticky Gift

⚡ Threshold Spend Discount based on Free Gift

Device to show: same as above functions, the sticky gift can display on Desktop, Mobile version or both.
Gift icon: choose the visual of sticky gift icon on your page.
Threshold: change the heading of sticky page for more clearly to your customers.
Gift: to set up the display of gifts on sticky page.
Position: is where you want the sticky gift icon to stay on your page.
Page to show: choose specific pages to show up the sticky icon.


If you have any further concern, you can always reach out to us via in-app live chat or email at support@socialhead.io