WooCommerce Custom Savings Display: Boost Sales with Eye-Catching Savings Messages

Table of Contents

Post Intro

If you’re running a WooCommerce store, you know how important it is to highlight discounts and savings to encourage purchases. The WooCommerce Custom Savings Display plugin offers a powerful way to showcase savings on your products with customizable messages that can significantly increase conversion rates.

Youtube Tutorial

Tutorial link will be available soon.

Sign in to unlock all code snippets and resources

100% tested and verified code snippets

New here? Register for free to get started

© Copyright – 2025 – All Rights Reserved.  Created by SuperWP

Post More Detail

What is WooCommerce Custom Savings Display?

WooCommerce Custom Savings Display is a lightweight yet feature-rich plugin that allows you to display customizable savings information on your sale products. Instead of just showing a crossed-out price, you can now display exactly how much customers save with both monetary values and percentages, making your discounts more tangible and appealing.

Key Features

1. Customizable Savings Messages

Create personalized savings messages using placeholders like {amount} and {percentage}. For example, you can display “You save $15.00 (25%)!” or any custom message that fits your brand voice.

2. Comprehensive Styling Options

The plugin offers extensive styling options to ensure your savings messages match your store’s design:

  • Background and text colors
  • Font size, weight, and style
  • Text alignment
  • Padding and border radius
  • Unique element ID for advanced CSS targeting

3. Category-Based Filtering

Display savings messages selectively based on product categories. You can choose to:

  • Show savings only in specific categories
  • Exclude savings messages from certain categories

This is particularly useful if you want to highlight savings on specific product lines while maintaining a cleaner look for others.

4. Minimum Threshold Setting

Set a minimum percentage discount required to display savings messages. This prevents showing insignificant savings that might not be compelling to customers.

5. Flexible Positioning

Control where savings messages appear relative to the product price – either before or after the price display.

6. Multi-Location Display

The plugin displays savings messages in multiple locations throughout your store:

  • Single product pages
  • Shop and archive pages
  • Shopping cart
  • Checkout page

Who Can Benefit From This Plugin?

Discount-Focused Retailers

If your business model relies heavily on discounts and sales promotions, this plugin helps make those savings more visible and impactful.

Seasonal Sale Campaigns

For stores running seasonal sales or special promotions, highlighting the exact savings can create urgency and drive more conversions.

B2B and Wholesale Stores

Wholesale businesses can use this plugin to show business customers the value they’re getting through bulk pricing or special B2B discounts.

Flash Sale Strategies

When running limited-time flash sales, prominently displaying savings can help create the urgency needed to drive immediate purchases.

Technical Implementation

The plugin is built with WordPress best practices:

  • Clean, well-structured code with proper sanitization
  • Integration with WooCommerce hooks and filters
  • Comprehensive settings page with intuitive controls
  • JavaScript-enhanced category selection interface
  • Proper error handling and fallbacks

Quick Start: Add Custom Savings to WooCommerce

This isn’t a plugin you install. It’s a code snippet you add to your site using a free plugin. The video shows you exactly how.

What You Need:

  • The Code Snippets plugin (free from the WordPress repository)

Simple Steps:

  1. Install Code Snippets: In your WordPress dashboard, go to Plugins > Add New, search for “Code Snippets,” and install it.

  2. Create New Snippet: Go to Snippets > Add New. Give it a title like “Custom Savings Display.”

  3. Paste the Code: Copy the entire PHP code from the description and paste it into the code box.

  4. Activate: Click Save Changes and then Activate.

That’s it! The code is now live on your site.

Configure Your Savings:

  • Go to WooCommerce > Settings and click the Savings Display tab.
  • Customize your message, colors, and style here.

Watch the video above for a visual walkthrough of these exact steps!

The settings page provides a user-friendly interface where you can customize every aspect of how savings are displayed, from the message text to the visual styling.

Advanced Features

Unique Element ID

The plugin generates a unique ID for the savings display element, allowing advanced users to target it with custom CSS or JavaScript for even more customization.

Category Search and Selection

The category selection interface includes search functionality and select/deselect all options, making it easy to manage savings display across large catalogs.

Responsive Design

All savings displays are designed to be responsive and look great on all devices, from desktop to mobile.

Conclusion In summary

Benefits for Your Store

By implementing this plugin, you’re not just adding a feature—you’re enhancing the entire customer journey and building a more effective sales funnel.

  • Increased Conversion Rates: Clear and prominent savings badges encourage impulse purchases and speed up the buying decision by highlighting the value customers are receiving.
  • Improved User Experience: Customers can quickly assess the benefits of a sale without needing to do manual calculations, making their shopping experience more enjoyable.
  • Stronger Brand Consistency: Maintain a uniform and professional look for all your promotional messaging across your entire store.
  • Strategic Marketing Advantage: Focus your promotions on high-margin items or specific categories to drive sales where it matters most.

Stay UpTo Date with Latest Post And news: