> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.stylishcostcalculator.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Show User Savings: How to Visualize Savings to Your Customers

# ${color}[#314AF3](Introduction)

In today's competitive market, displaying the potential savings to your customers is an effective strategy to boost sales and enhance customer satisfaction.  

**The Stylish Cost Calculator** provides a powerful feature that showcases savings on the front end when users opt for a higher quantity.  

![](https://storage.crisp.chat/users/helpdesk/website/d88ef0caced29800/f2d4d34a-62e8-4b2e-ae73-51aed0_87rq8c.png)

---

# ${color}[#314AF3](Uses Cases, Benefits & Features)

### Benefits

* **Increased Sales:** Highlighting savings can motivate customers to buy in larger quantities.
* **Enhanced Customer Satisfaction:** Showing potential savings makes customers feel they are getting a better deal.
* **Improved Decision Making:** Customers can see the financial benefits of different purchasing options, helping them make informed choices.

### Features

* **Dynamic Savings Display:** Automatically calculates and shows how much customers save by buying more.
* **Customizable Visuals:** Allows businesses to tailor how savings are presented, aligning with brand aesthetics.

### Use Cases

* **Retail E-commerce:** Use on product pages to encourage customers to purchase in bulk for better discounts.
* **Service Industries:** Show how long-term contracts are cheaper than monthly renewals.
* **Subscription-Based Platforms:** Display how annual subscriptions are more cost-effective than monthly ones.

---

# ${color}[#314AF3](How to Activate & Use This Feature)

### Setup the Elements

###### A. Bulk Pricing Discount w/ Slider & Quantity Input Box
Create a slider and choose bulk pricing or sliding scale pricing for the slider's pricing mode. This way, the more quantity the customer selects, the better price-per-unit the customer gets (savings!).  

![](https://storage.crisp.chat/users/helpdesk/website/3ca05d00ca1afa00/4a0a2d48-629e-4bea-9654-252cf6_13sb7rq.png)

###### B. Triggered Discounts

**Step 1**
Use the Fee & Discount Adjuster element to trigger a discount.

**Step 2**
Trigger a text banner message with conditional logic to fire when the discount was triggered and alert the user they just saved money.  

![](https://storage.crisp.chat/users/helpdesk/website/f56840b9cfa85800/9de95d27-20ba-4fbe-9bdf-066cdb_1hfyvdl.png)

### Display The Savings

###### Method 1 - Per-Unit Price Display

Display a **per-unit cost** if you are using a slider element (or Quantity Input Box) with the sliding scale or bulk pricing modes.  
![](https://storage.crisp.chat/users/helpdesk/website/e8d949475f88d800/b4952391-b097-459c-818e-fe9ee0_1528z0b.png)

[Per Unit Price: A complete guide for the global per unit cost](https://designful.freshdesk.com/support/solutions/articles/48001231939-per-unit-price-a-complete-guide-for-the-global-per-unit-cost)

###### Method 2 - Text Banner with Conditional Logic

Display a text banner to show the savings.  

|| **Note:** Use the [Text/HTML Element](https://designful.freshdesk.com/a/solutions/articles/48001207057) with a condition set only to display and trigger if the slider's total units select are greater than X.

### Video tutorial
${youtube}[Video Tutorial](8ONEjmtjoKo)


---

# ${color}[#314AF3](Additional Information)

### Related Feature

* [Per Unit Price: A complete guide for the global per unit cost](/en/article/per-unit-price-a-complete-guide-for-the-global-per-unit-cost-18u04mo/)
* [Show Volume Discount Savings: A Complete Guide](/en/article/show-volume-discount-savings-a-complete-guide-1tiqvxw/)

#### All Elements & Features
  
Learn more about [All Elements](/en/category/elements-hnffz2/) 
Learn more about [All Features](/en/category/features-22x2mc/)  
 
#### Need Support? 
  
Ask a [question or request support](https://stylishcostcalculator.com/support/)  
Request [a feature or give feedback](https://stylishcostcalculator.com/how-can-we-be-better/)

[![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48258508157/original/Txm2CafyMfEybziVGXvw-BnfU2V-9TJUBg.png?1666381303)](https://stylishcostcalculator.com/features/)


[![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48258508158/original/DWBiVRBRBPATUwVN7APXzDACQgYCwYmXVQ.png?1666381303)](https://stylishcostcalculator.com/templates/)