Display Discounts on WooCommerce

How to display coupon discounts on your WooCommerce store? 

Want to display your WooCommerce coupon discounts on your product pages to attract sales?

WooCommerce coupons are one of the most common tools employed to improve sales. It can help attract customers to your store and it even aids in retaining your customer base. WooCommerce coupons play an important role in generating sales that would otherwise be impossible to achieve.

However, if you have not implemented a proper technique for showcasing and promoting your WooCommerce coupon offers, chances are, you are going to miss out on a large number of sales. The Display Discount for WooCommerce is the perfect solution to this problem. The plugin lets you display available coupon offers on respective product pages to improve awareness of the coupons amongst your customers.

In this article, we are going to look into creating a separate section for listing the WooCommerce deals in your platform (on individual product pages) using the WooCommerce coupons listing plugin from WebToffee. So without much delay, let’s buckle up and get started.

Why should you display your WooCommere coupons?

WooCommerce coupons are a common contributor to sales. It increases your store traffic and encourages customers to purchase from your store. If you promote your coupons more (inside and outside the store) you will surely be able to attract more customers and improve your sales figures.

There are mainly two ways to display coupons in your store. The first way is to display the coupons available for your users on different pages of your WooCommerce store. For example, show the coupons in the My Accounts, Cart, and Checkout pages. You can make use of the WooCommerce coupon plugin from WebToffee to set this up.

Another way of letting your customers know of all the available coupons is by displaying the coupons on the product pages. This way, the customers will become aware of the coupons when they land on the product page. Such a method of displaying coupons encourages customers to consider purchasing even if they have landed without any purchase intent. After all who can say no to a handsome discount!

You can add discount coupons to your product pages with the display WooCommerce coupon discounts plugin. The plugin demands minimal setup in that you can add coupons to your product pages in just a few clicks.

Display Discounts for WooCommerce plugin

Display Discounts for WooCommerce is a WooCommerce coupon listing plugin from WebToffee. You can make use of this plugin to list the required coupons on individual product pages of your store.

Some of the key features of the plugin include,

  • Display discounts on WooCommerce product pages
  • Showcase WooCommerce product offers using a suitable template
  • Set a limit for the total number of coupons that can be displayed on the product page
  • Hide the Available Offers section in guest user sessions
  • Disable displaying coupons without restrictions
  • Show restriction info (such as minimum spend and product restrictions) within the coupon template
  • Position the display discounts section on different locations
  • Insert a countdown timer to coupon templates for coupons with set expiry dates

How to display the discounts for WooCommerce products?

You can add a separate coupon listing section to your WooCommerce product pages with the Display Discounts for WooCommerce plugin. Let’s look into how you can set this section up.

Step 1: Install the WooCommerce display discounts plugin

The plugin Display Discounts for WooCommerce have to be purchased, downloaded, installed and activated in your WooCommerce console. Once you have purchased and downloaded the plugin from WebToffee, proceed to your WordPress admin console.

  1. From your WordPress dashboard, go to Plugins > Add New.
  2. Click on Upload Plugin and choose the plugin .zip file that you downloaded.
  3. Tap on Install Now corresponding to the uploaded zip file and then click on Activate Plugin.

This will install and activate the plugin in your WordPress admin console. This in itself will activate the plugin and coupon offers will be automatically added to your WooCommerce store. However, if you want to customize the look and feel of the coupons (as well as the coupons themselves), proceed to the following steps.

Step 2: Set up WooCommerce discount listing

  1. You can find the plugin settings under Marketing > Display Coupons.

Note: If you have installed and activated the premium version of the Smart Coupons for WooCommerce plugin in your store, you can find the plugin settings under Smart Coupons > Display Coupons.

  1. Go under the General tab.
  2. Make sure the option Enable to show coupon offers on product pages is checked.
  3. Choose a template for displaying the coupons. You will have two options available by default.
  4. Select the maximum number of coupons to be displayed on each product page. You can enter any value up to 10 in this section. By default, the value is set as 3.
  5. Check the box corresponding to Hide for guest users if you don’t want the coupons to be listed when users have not signed into their accounts.
  6. If you don’t want the coupons without any restrictions to be displayed on the product pages, check the box corresponding to Hide coupons without restrictions.
  7. Click on Save Changes to save the changes made till now.
Set-up-WooCommerce-coupon-discount-listing-

Step 3: Customize the WooCommerce coupon listing section

Now that you have set up the basic WooCommerce coupon display configurations, let’s get into customizing the coupon display template.

  1. Click on the Customize tab.
  2. Select the position where the coupons should be shown. You can add the coupon list above or below the ‘Add to cart’ button, before or after the product meta, or after the product summary. Choose a visible and comfortable location.
  3. Add a title for the section if required. You can also leave it blank if you do not wish to add a section heading.
  4. Similarly, you may also add a section description for the display discounts section.
  5. Check the box corresponding to Show coupon code to display the coupon code in the coupon template.
  6. Also, enable the Show ‘click to copy’ text option to enable the coupon code to be copied by just clicking on it.
  7. Enable Show restriction info to show coupon usage restriction-related information in the coupon template.
  8. The Show link to eligible products option can be enabled if you want to add a link to a new page where the eligible products for accessing the coupon are listed if there are any coupon restrictions set.
  9. Set what should happen when a user clicks on the link to eligible products. You can set the new page to open in a new tab or in the same one.
  10. If the coupon has an expiration date you can make your customers aware of this by adding a coupon countdown timer in your coupon template.
  11. Once all the configurations are set up, click on Save Changes.
Customize the WooCommerce coupon listing section

This will change the coupon display section based on your configurations.

Step 4: Add specific coupons to the coupon listing

You will only have to configure this option if you only want specific coupons to be added to the coupon listing.

By default, any WooCommerce coupon created (new or old) will be configured to be displayed on the product page. You can disable this by editing each coupon. Let’s look at how you can enable or disable a coupon from displaying on the product page while creating (or editing) the coupon.

  1. Go to Marketing > Coupons and click on Add Coupon.
  2. Enter a coupon code and provide a coupon description (optional).
  3. Now, go to the Coupon data widget and click on the General tab.
  4. Choose a Discount type and specify the Coupon amount.
  5. Now ensure that the checkbox Show coupon on product pages is enabled.
  6. Set up any usage restrictions or usage limits that you want to impose on your coupons using the respective options.
  7. Click on Publish to publish your coupon.

Display discounts for WooCommerce – Customer experience

When a customer opens a product page in the WooCommere store, they will be able to see a ‘Coupon offers’ section before the ‘Add to cart’ button (as configured). If the coupon has set product restrictions, a link to the eligible products will be displayed under the anchor text ‘selected products’. When clicked on this, customers will be redirected to a new page where all products eligible for the coupon will be displayed.

WooCommerce-coupons-display

Conclusion

Displaying your WooCommerce coupons on a discount listing section on your store can steadily increase your conversion possibilities. This is because an available offers section makes it easy for your customers to find discounts with ease (so they will not be distracted from completing the purchase). It also aids in easily converting window shoppers to customers.

You only need a single plugin to display coupons on your WooCommerce pages. Also, the plugin is compatible with the default WooCommerce coupon settings as well as Smart Coupons for WooCommerce (both free and pro). You can also add the coupons generated by any coupon plugin to your product pages on WooCommerce.

Hope this article was helpful. Do let us know what you think about the plugin and the blog in the comments below.

Article by

Content writer @ WebToffee. Fueled by caffeine and a love of sarcasm. When not writing, you can catch her binging the latest drama series.

Got any query? Please leave a comment or reach out to our support

Your email address will not be published. Required fields are marked *