Show User Savings: How to Visualize Savings to Your Customers

Created by Mike B, Modified on Thu, 11 Apr 2024 at 10:30 PM by Génesis Gómez


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. 


Benefits, Features & Use Cases


  • 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.                                                                                                                        


  • 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.

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!).

B. Triggered Discounts

Step 1 - Use the Custom Math 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.

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.

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 with a condition set only to display and trigger if the slider's total units select are greater than X.

Video Tutorial

Additional Information

Related Feature 

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article