# How to Display Discounts on Your WooCommerce Shop: A Beginner’s Guide
WooCommerce is a powerful platform, but sometimes even simple things like displaying discounts can feel tricky. This guide will walk you through various methods to show off your amazing deals, from simple percentage reductions to more complex sale badges. We’ll cover everything a beginner needs to know, with clear explanations and real-world examples.
Understanding WooCommerce Discounts
Before diving into the *how*, let’s understand the *what*. WooCommerce offers several ways to create discounts:
- Sale Price: This is the simplest method. You set a regular price and a sale price directly within the product edit page. WooCommerce automatically calculates and displays the difference.
- Coupons: These offer discounts based on a code. Customers enter the code at checkout to receive a percentage off, a fixed amount off, free shipping, or other benefits.
- Bulk Discounts: Offer a discounted price for purchasing multiple items of the same product. This encourages larger orders.
- Automated Discounts: These are more advanced and usually require plugins or custom code, offering discounts based on factors like time, customer type, or product categories.
- Coupon code: Enter “WELCOME15”.
- Discount Explore this article on How To Get Google Analystics To Work With WordPress Woocommerce type: Select “Percentage discount.”
- Discount amount: Enter “15”.
- Usage restrictions: You can set limits on how many times the coupon can be used, the expiry date, and which products or categories it applies to.
- WooCommerce Product Sale Badge: This plugin lets you customize the appearance of your sale badges.
- WooCommerce Countdown Timer: This plugin adds countdown timers to create urgency.
Method 1: The Simple Sale Price
This is the easiest way to display a discount. Let’s say you’re selling a “Premium T-Shirt” for $25 regularly, but you want to offer it for $20 for a limited time.
1. Go to your WooCommerce Products page: Navigate to Products > All Products in your WordPress dashboard.
2. Edit the product: Find your “Premium T-Shirt” and click “Edit.”
3. Set the Regular and Sale Prices: In the “Product Data” meta box under the “General” tab, you’ll find fields for “Regular price” and “Sale price.” Enter $25 in the “Regular price” and $20 in the “Sale price.”
4. Save your changes: WooCommerce automatically calculates and displays the discount percentage on the product page. You’ll likely see something like “20% off” next to the sale price.
Real-world Example: Many clothing retailers use this method for seasonal sales or clearance items. They simply adjust the sale price and the discount is automatically reflected.
Method 2: Using WooCommerce Coupons
Coupons offer more flexibility and control. You can create specific codes for targeted discounts. Let’s say you want to offer 15% off to all first-time customers using a code “WELCOME15”.
1. Go to Coupons: Navigate to Marketing > Coupons in your WordPress dashboard.
2. Create a new coupon: Click “Add New.”
3. Configure your coupon:
4. Save your coupon: Now customers can use the code “WELCOME15” at checkout to get their discount.
Real-world Example: Amazon frequently uses coupons for specific products or to incentivize purchases during promotional periods.
Method 3: Enhancing Discount Display with Plugins
While WooCommerce handles basic discount displays, plugins can dramatically improve the visual presentation. Many plugins add sale badges, progress bars, or countdown timers to grab customers’ attention.
Popular plugins include:
These plugins usually require installation and configuration through the WordPress plugin directory. Follow the plugin’s instructions for setup and customization.
Method 4: Advanced Customization (for Developers)
For complete control, you can customize the discount display using PHP code snippets. This is for advanced users comfortable working with code. Always back up your website before implementing any code changes.
For example, to display a custom message alongside the sale price, you might add this code to your `functions.php` file (use with extreme caution):
add_filter( 'woocommerce_get_price_html', 'custom_price_html', 10, 2 ); function custom_price_html( $price_html, $product ) { if ( $product->is_on_sale() ) { $price_html = '' . $price_html . ' Limited Time Offer!'; } return $price_html; }
This code adds “Limited Time Offer!” next to the sale price for products on sale. Remember to adjust the CSS to style the new elements appropriately.
Conclusion
Displaying discounts on your WooCommerce shop is crucial for boosting sales. This guide has provided several methods, from the simple to the advanced, catering to different levels of technical expertise. Choose the method that best suits your needs and remember to always test your changes thoroughly before going live!
