WebToffee Logo
  • Home
  • Plugins
  • Shopify apps
  • Bundles
  • Blog
  • Documentation
  • Support
Login
cart 0

  • Getting started
    • Setup Guide
  • Whats New ?
    • Create a Coupon Banner
  • Coupon Banner
    • Create a Coupon Banner
    • Coupon Banner on a Specific Page
    • Hide Coupon Banner on a Page
  • Changelog
    • v1.0.7

Home > Docs > Display Discount for WooCommerce > Display Discount for WooCommerce – Setup Guide

Display Discount for WooCommerce – Setup Guide

Last updated on May 11, 2023

Displaying customers the available offers is a good way to drive sales. Display Discounts for WooCommerce plugin shows details about existing WooCommerce Coupons on product pages. Display Discounts for WooCommerce plugin works with default WooCommerce coupons and also with WebToffee Smart Coupons for WooCommerce plugin coupons (BOGO deals). Coupon properties on the front end are based on the usage restrictions set in the back end.

The plugin can be installed as a stand-alone or as an add-on to the Smart Coupons for WooCommerce plugin.

Menu position

In a standalone installation, the plugin’s menu is added to the Marketing tab in the dashboard. The menu is positioned under the Smart Coupons tab tab when installed as an add-on.

The below image shows the menu positions on installing the plugin.

Menu added to the Marketing tab on stand-alone installation
Menu added to the Marketing tab on stand-alone installation
Menu added to the Smart Coupons tab on add-on installation
Menu added to the Smart Coupons tab on add-on installation

License

In a standalone installation, the plugin’s license activation tab is listed at Marketing > Display discounts > License tab. When installed as an add-on, the license activation tab is positioned at Smart coupons > General settings > License tab.

The image below shows the license activation screens on stand-alone and add-on installations.

License activation as a stand-alone installation
License activation as a stand-alone installation
License activation when installed as an add-on
License activation when installed as an add-on

Features of the plugin

  • Display offer and coupon details on the product page.
  • Templates for the coupons.
  • Displays details such as coupon name, discount percentage or value, and coupon restrictions.
  • Link to eligible product list.
  • Create a custom banner/widget.

Coupon Display

The page has two sections.

  • General
  • Customize

General configurations tab

This tab allows configuring the general settings of the plugin. The general configuration page of the plugin is shown below.

Display discounts for WooCommerce - General configuration
Display discounts for WooCommerce – General configuration

The configuration options listed in the general section are:

  • Enable to show coupon offers on product pages – Enable to show the display coupon section on the product page. When disabled, the section is not visible in the front end, but it’s still configurable. The below image shows a product page with a display coupon section enabled.
Display discounts for WooCommerce - Display coupon section on product page
Display discounts for WooCommerce – Display coupon section on product page
  • Number of coupons to display – Number of coupons to display on the display coupon section on the product page, regardless of the number of available coupons. Allows to enter values up to 10. If the site has more coupons available than the set limit, it gives priority to the coupons created most recently.
  • Section title – The display coupon section on the product page will show this text as its title
  • Section description – The display coupon section on the product page will show this text as its description.
Display discounts for WooCommerce - Display coupon section on product page
Display discounts for WooCommerce – Display coupon section on product page
  • Position –  Lists the available positions to display the display coupon section in the product page. Works based on default WooCommerce hooks in the theme. The options available are as follows:
    • After add to cart button
    • Before add to cart button
    • After single product summary
    • After product meta end
    • Before product meta start
  • Hide for guest users – Enable to hide the display coupon section on the product page for guest users. When enabled, the guest users can also view the offers.
  • Hide coupons without restrictions – When enabled, only coupons with usage limits/restrictions, including expiry restrictions are displayed. When disabled, all the coupons will be displayed subject to the custom settings.
  • Behaviour on clicking the link – When enabled, shows a link to eligible products for a given coupon. Allows to open the link on a new page or on the same page.

Click on Save Changes to save the configuration.

Customize layout tab

The display coupon section on the product page is configured with the features listed under this tab.

Display discounts for WooCommerce - Customize layout window
Display discounts for WooCommerce – Customize layout window

The configuration options available in this section are :

  • Choose template – Lists the easy-to-use templates for the coupons. There are 4 templates available by default.
Display discounts for WooCommerce - Coupon templates
Display discounts for WooCommerce – Coupon templates
  • Show coupon code – Enable to include coupon code in the template. Hiding the coupon may allow the user to auto-apply offers. This requires enabling Smart Coupon for WooCommerce plugin.
Display discounts for WooCommerce - Template with coupon code
Display discounts for WooCommerce – Template with coupon code
Display discounts for WooCommerce - Template without coupon code
Display discounts for WooCommerce – Template without coupon code
  • Enable click to copy – Enables the click-to-copy text option on the coupon. The below image shows the click-to-copy option enabled.
Display discounts for WooCommerce - Display coupon section on product page
Display discounts for WooCommerce – Display coupon section on product page
  • Show restriction info – When enabled, shows the coupon restrictions on the coupon. The below image shows a coupon with restrictions.
Display discounts for WooCommerce - Display coupon section on product page
Display discounts for WooCommerce – Display coupon section on product page
  • Show expiry timer – Enable to show a countdown timer on the coupon. The timer will appear only if the coupon has an expiry date. The following image shows a coupon with an expiry timer set.
Display discounts for WooCommerce - Display coupon section on product page
Display discounts for WooCommerce – Display coupon section on product page
  • Color palette – Allows selecting a color combination for the coupon template. 4 pre-configured color options are available.
  • Customize color – Apart from the pre-configured color options, one can also opt to personalize the colors of the coupon template using this feature.
  • Preview – Preview the changes to the coupons using this section.

Click on Save Changes to save the configuration.

Add banner/widget

This section allows creating and managing custom coupon banners or widgets. The tab will display a list of all the created banners or widgets for easy management along with the options to edit, delete, and enable or disable the Banner or widget.

At any given time, only a single banner or widget can be activated.

Display discounts for WooCommerce – Add banner/widget tab
  • Create new banner/widget – To create a new banner or widget, one can click on the Create new banner/widget button in the top right corner.
Display discounts for WooCommerce – Add banner/widget tab

Configure banner/widget

Clicking the Create New Banner/Widget button displays the Configure Banner/Widget page. This page allows setting the basic properties of the banner or widget. The features under this page are:

Display discounts for WooCommerce - Add banner/widget tab
Display discounts for WooCommerce – Add banner/widget tab
  • Banner/widget title – This name will be used to identify the banner or widget in the list of available banners/widgets within the Add banner/widgets page.
  • Display type – One can choose to display the coupon either as a Banner or a Widget (Coming soon).
  • Associate existing coupon – To link an existing coupon from the store to the banner/widget, select a coupon from the drop-down.

The Widget option is still under development. For the time being, the plugin only allows to create the coupon banners.

Banner template

This page allows to pick on the pre-packed banner templates included with the plugin.

Display discounts for WooCommerce - Select banner template page
Display discounts for WooCommerce – Select banner template page

Click on Next step: Customize for banner Customization.

Banner customization

This page allows customizing the appearance and aesthetics of the banner in the front end.

Display discounts for WooCommerce - Customize the banner
Display discounts for WooCommerce – Customize the banner

The right-hand side of the page provides several configuration options for customization, allowing users to adjust various settings according to their preferences. Meanwhile, the left-hand side offers a live preview of the banner in the front end. The available configuration options are:

Display discounts for WooCommerce - Customization options
Display discounts for WooCommerce – Customization options
Display discounts for WooCommerce - Customization preview
Display discounts for WooCommerce – Customization preview
  • Position – Allows to choose a location for the banner to display, either at the top or bottom of a selected page.
  • Title – Allows to customize the title of the banner. Additionally, use the toggle to show/hide the title.
    • Text – This text will display as the title of the banner.
    • Font Size – Allows to adjust the font size of the banner title.
    • Style – Allows selecting a style for the banner title, the available options are Bolder, 800, bold, 600, 500, normal, 300, 200, and lighter.
    • Color – The palette will allow to alter the color of the banner title.
  • Description – Allows to customize the description of the banner. Additionally, use the toggle to show/hide the description.
    • Text – This text will display as the description of the banner.
    • Font Size – Allows to adjust the font size of the banner description.
    • Color – The palette will allow to alter the color of the banner description.
  • Timer – Allows to customize the timer section on the banner. Additionally, use the toggle to show/hide the timer.
    • Font Size – Allows to adjust the font size of the timer components.
    • Color – The palette will allow to alter the color of the timer components.
  • Coupon code – Allows to customize the coupon code on the banner. Additionally, use the toggle to show/hide the coupon code.
    • Font Size – Adjust The font size of the coupon code with this option.
    • Color – The palette will allow to alter the color of the coupon code.
  • Close button – The close button is located in the top-right corner of the banner. Toggle the button to enable or disable it.

Banner Triggers

This page list the available triggers and the corresponding actions. Actions could include, where to display banner like in pages or posts. The banner will be displayed when any of the triggers is initiated.

Display discounts for WooCommerce - Trigger setting
Display discounts for WooCommerce – Trigger setting

The available triggers for the banner are:

  • Delay banner/widget load – If enabled, the banner will appear after the specified amount of time has elapsed since opening a page. The time delay is set in seconds.
  • After page scroll – If enabled, the banner will be displayed once the customer has scrolled through a set portion of the page.
  • On exit intent – When enabled, the banner will display if the user moves their cursor in close proximity to the close window button.

If multiple triggers are enabled, the coupon/banner will be displayed upon the first trigger that gets activated.

The other customization options available in the tab are:

  • Show on page – Lists the pages where the banner can be displayed. Multiple pages can be selected at a time. Keep empty to display the banner in all the pages.
  • Page URL – In addition to the available options in the “Show on page“ section, one can also showcase the banner on any other page by entering the page URLs in this field. Add multiple URLs by clicking on the “+” icon.
  • Hide page –It allows the listing of pages where the banner should not be displayed.
  • Show on post type – Allows to Choose the post type for displaying the banner. Keep empty to display the banner in all the posts.

Click on Create banner button to save the configurations and create the banner.

  • Was this article helpful?
  • Yes, thanks!Not really
Get the plugin

On this page

  • Features of the plugin
  • Coupon Display
  • General configurations tab
  • Customize layout tab
  • Add banner/widget
  • Configure banner/widget
  • Banner template
  • Banner customization
  • Banner Triggers

This article posted in Display Discount for WooCommerce, Documentation, Getting started

Written by

Hema

Writes for WebToffee. Other than writing, you can find me spending free time playing football with my kids.

Comments (2)

  1. Abu hamza

    February 26, 2023

    Display discount for woocommerce plugin does have payment method restrictions?

    Reply
    • Mike

      March 9, 2023

      Hi Abu,

      Currently, the payment method restriction will not be shown in the coupon display. You can only enable the restriction for the coupon’s usage.

      Reply

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

Cancel reply

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

Webtoffee
Facebook
Twitter
Youtube
Linkedin
WordPress

We develop awesome WordPress plugins & WooCommerce extensions to help build successful online businesses.

Trustpilot

© 2023 WebToffee. All rights reserved.

Our plugins

  • GDPR Cookie Consent
  • PDF Invoices & Packings Slips
  • Product Import Export Plugin
  • User & Customer Import Export
  • Import Export Suite
  • Sequential Order Numbers
  • Smart Coupons for WooCommerce
  • URL Coupons for WooCommerce
  • PayPal Express Checkout
  • Stripe Payment Gateway
  • Subscriptions for Woocommerce
  • WooCommerce Product Feed & Sync Manager
  • PrintNode for PDF Invoices
  • Order, coupon, subscriptions for WooCommerce
  • WordPress Backup and Migration
View more +

Get Started

  • Plugins
  • Testimonials
  • Customer Stories
  • Affiliates
  • We're hiring

Help & Support

  • Installation Guides
  • Documentation
  • Documentation (Basic)
  • Info Library
  • FAQ
  • Support

Company

  • About Us
  • Terms & Conditions
  • Privacy Policy
  • Cookie Policy
  • Refund Policy
  • Support Policy

© 2023 WebToffee. All rights reserved.

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies. However you may visit Cookie Settings to provide a controlled consent.
Cookie settingsReject allAccept all
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of the basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website, to store user preferences and provide you with content and advertisements that are relevant. Such cookies will be stored on your browser but only upon procuring consent.

You will also have the option to opt-out of these cookies should you want to. But opting out of some of these cookies may have an effect on your browsing experience as per the descriptions elucidated against the respective categories below.

Necessary
Always Enabled
The cookies defined under this category are absolutely essential for the website to function. Hence they are loaded by default irrespective if user consent.
CookieDescription
__cfruidCloudflare sets this cookie to identify trusted web traffic.
__stripe_midStripe sets this cookie cookie to process payments.
__stripe_sidStripe sets this cookie cookie to process payments.
cookielawinfo-checkbox-advertisementSet by the GDPR Cookie Consent plugin, this cookie is used to record the user consent for the cookies in the "Advertisement" category .
cookielawinfo-checkbox-analyticsSet by the GDPR Cookie Consent plugin, this cookie is used to record the user consent for the cookies in the "Analytics" category .
cookielawinfo-checkbox-necessarySet by the GDPR Cookie Consent plugin, this cookie is used to record the user consent for the cookies in the "Necessary" category .
cookielawinfo-checkbox-preferencesThis cookie is set by the GDPR Cookie Consent plugin to check if the user has given consent to use cookies under the "Preferences" category.
CookieLawInfoConsentRecords the default button state of the corresponding category & the status of CCPA. It works only in coordination with the primary cookie.
PHPSESSIDThis cookie is native to PHP applications. The cookie is used to store and identify a users' unique session ID for the purpose of managing user sessions on the website. The cookie is a session cookie and is deleted when all the browser windows are closed.
viewed_cookie_policyThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not a user has consented to the use of cookies. It does not store any personal data.
Analytics
Analytics cookies help us understand how our visitors interact with the website. It helps us understand the number of visitors, where the visitors are coming from, and the pages they navigate. The cookies collect this data and are reported anonymously.
CookieDescription
_gaThis cookie is installed by Google Analytics. The cookie is used to calculate visitor, session, campaign data and keep track of site usage for the site's analytics report. The cookies store information anonymously and assigns a randomly generated number to identify unique visitors.
_ga_BQH8MSKD4MThis cookie is installed by Google Analytics.
_gat_gtagIdentification code of website for tracking visits.
_gidThis cookie is installed by Google Analytics. The cookie is used to store information on how visitors use a website and helps in creating an analytics report of how the website is doing. The data collected including the number visitors, the source where they have come from, and the pages visited in an anonymous form.
_hjAbsoluteSessionInProgressHotjar sets this cookie to detect the first pageview session of a user. This is a True/False flag set by the cookie.
_hjFirstSeenHotjar sets this cookie to identify a new user’s first session. It stores a true/false value, indicating whether it was the first time Hotjar saw this user.
_hjidHotjar cookie. This cookie is set when the customer first lands on a page with the Hotjar script. It is used to persist the random user ID, unique to that site on the browser. This ensures that behavior in subsequent visits to the same site will be attributed to the same user ID.
_hjIncludedInPageviewSampleHotjar sets this cookie to know whether a user is included in the data sampling defined by the site's pageview limit.
_hjIncludedInSampleThis cookie is set to let Hotjar know whether that visitor is included in the sample which is used to generate heatmaps, funnels, recordings, etc.
_hjIncludedInSessionSampleHotjar sets this cookie to know whether a user is included in the data sampling defined by the site's daily session limit.
_hjTLDTestTo determine the most generic cookie path that has to be used instead of the page hostname, Hotjar sets the _hjTLDTest cookie to store different URL substring alternatives until it fails.
CONSENTYouTube sets this cookie via embedded youtube-videos and registers anonymous statistical data.
has_recent_activityThis cookie is used to signal to the code repository website if the user has browsed other website resources during the current session.
tk_aiGathers information for our own first-party analytics tool about how our services are used. A collection of internal metrics for user activity and is used to improve user experience.
tk_lrThis cookie is set by the JetPack plugin on sites using WooCommerce. This is a referral cookie used for analyzing referrer behavior for Jetpack.
tk_orThis cookie is set by the JetPack plugin on sites using WooCommerce. This is a referral cookie used for analyzing referrer behavior for Jetpack.
tk_qsGathers information for our own first-party analytics tool about how our services are used. A collection of internal metrics for user activity and is used to improve user experience.
tk_r3dThe cookie is installed by JetPack. Used for the internal metrics for user activities to improve user experience.
Advertisement
Advertisement cookies help us provide our visitors with relevant ads and marketing campaigns.
CookieDescription
_fbpThis cookie is set by Facebook to deliver advertisements when they are on Facebook or on a digital platform powered by Facebook advertising after visiting this website.
frThe cookie is set by Facebook to show relevant advertisements to the users and measure and improve the advertisements. The cookie also tracks the behavior of the user across the web on sites that have Facebook Pixel or Facebook social plugin.
VISITOR_INFO1_LIVEA cookie set by YouTube to measure bandwidth that determines whether the user gets the new or old player interface.
YSCYSC cookie is set by Youtube and is used to track the views of embedded videos on Youtube pages.
yt-remote-connected-devicesYouTube sets this cookie to store the video preferences of the user using embedded YouTube video.
yt-remote-device-idYouTube sets this cookie to store the video preferences of the user using embedded YouTube video.
Preferences
Preference cookies are used to store user preferences to provide them with content that is customized accordingly. This includes the language of the website or the location of the visitor.
CookieDescription
_gh_sessThis cookie is used to preserve users' states across page requests.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
CookieDurationDescription
_hjSession_137657130 minutesNo description
_hjSessionUser_13765711 yearNo description
_octo1 yearNo description available.
_zendesk_authenticatedpastNo description
_zendesk_sessionsessionNo description available.
_zendesk_shared_sessionsessionNo description available.
edd_wp_session12 hoursNo description available.
logged_in1 yearNo description available.
m2 yearsNo description available.