How to enable and customize coupon banners

Smart Coupons provide a powerful, “all-in-one” solution for gift cards, store credits, discount coupons, and vouchers, extending the core functionality of WooCommerce coupons.

This doc article shows how to change and override coupon banners to show up on your website more precisely the way you need them.

1. Navigate to WordPress Dashboard > WooCommerce > Settings > Smart Coupons tab > Display Coupons tab.
2. In the “Enable store notice for the coupon” field, search and select the coupon to show as a coupon banner.
3. In the “Select style for notice” option, select the banner design to show on the website.
4. Save the changes.

1. Navigate to the file path – wp-content/plugins/woocommerce-smart-coupons/templates/store-notice-design.
2. Select the template of the coupon banner to modify.

   Banner style	Template file
   	balloon.php
   	gift-box.php
   	christmas.php
   	notification.php

3. Once you have selected the coupon banner template, copy the file and place it in /wp-content/themes/{child-theme}/woocommerce/store-notice-design.
4. If you can’t find any of the above-mentioned directories or folders, you can create them.
5. You can now edit this file using any code file editor and do your customization.
6. Make sure to update the file on the server or hosting after you’ve finished editing.

That’s it!