Our theme has coupon functions for Posts and for Products. We recommend to use Posts in most of cases. Use coupon function for Woocommerce products only if you want to share some coupon code for your users or your site is related on Woocommerce. Also, If you use Coupons in Posts and you want to have separate section for News or Reviews, enable Separate Blog section on site.
Table of Contents
Post Coupons
Before you launch coupon functions in Posts, you must add some small preparations.
First of all, enable additional Store taxonomy in Theme option – affiliate – Enable Affiliate Store taxonomy for posts Change url of such stores if you need. Then, go to Settings – Permalinks and resave them. You don’t need to edit anything in Settings – Permalinks page, just click on Save button.
Next, activate proper Layout for Categories, Archives and Search + Inner Layout. You can do this in theme option – general.
Theme has some special layouts for coupon sites. For categories and archives, we recommend to use Deal Grid or Deal List.
Also, you can have different coupons on your site. Some networks provide prices for each coupon offer, some not. So, if you use Deal grid and don’t want to show buttons or want to disable price field, you can do this in Theme option – loop customization
The same option is available in options of Deal grid module when you use Page builder
After configuring view of Coupons, it’s time to configure design of inner pages of coupons. You can choose global and local Post layout for this. The best Post layouts for Coupons are:
- Compact (button before title) – demo
- Compact (button after title) – demo
- Big post offer block – demo
Also, usually coupons have a very low amount of text, so, you can also disable One social share area in theme option – global enable/disable. You can also disable related article section. If you want to change title of “related articles” and comment section, most easy way to do this – theme option – localization
How to add coupons to post
To add coupons manually, go down in Post edit page and find Post Offer section. Required fields for coupons are Url and Coupon text. You can add there coupon code, expiration date and also enable Reveal function (coupon button will hide coupon and it will be visible only on click which will trigger pop-under).
But, usually, users add coupon with bulk import tool, because most of affiliate networks provide coupon feeds.
To add coupon with import tool – use Bulk Import extension with Our Post addon.
Expiration function
Each coupon in Post has Expiration function which is based on Expiration date. Please, note, that this function is working only on your site. It means, that user must open page with expired coupon on your site, then, special function will check expiration date and mark post as expired if current date is more than expiration date.
Also, You can mark each Offer as expired manually in Post offer section
Also, you can hide all Expired Coupons from Archives in Theme option – Affiliate options
Please, note. Previously, our theme used expiration based on Meta field, now, we changed it to Taxonomy field, which should be faster if you have a lot of coupons. To assign all old expired coupons to new function, you must do next steps.
Go to Posts – all Posts and Click two times on Expired sorting
This will show all expired posts of your site. Now, select all expired posts and choose Bulk Action as Edit and Click to Apply Button
Then, enable Hide from Archives
If you have many expired posts, maybe you need to show more posts on page. You can choose this in Screen Options in right top corner of admin page.
Please, note, that option in Theme options is working only for Archives. If you build your page with Page builder, you must enable special Deal filter in settings of module to exclude expired coupons. Read information below about Page builder modules.
In cases, if you don’t see “yes” variant in this field, do next: Open any post where you have coupon, check “Offer is expired” checkbox in Post offer section, save post. After this, you will see Field in Bulk edit tool
Woocommerce External Product Coupon
You can assign coupons also to woocommerce products. Make your product as External type and you will see additional fields.
Standard look of woocommerce product with coupon
Woocommerce coupons is just additional option for product to give you better visual presentation for promocodes, but they don’t have real coupon features like coupon expiration and many other. In most of cases, if you build coupon site, you must use Posts.
User Submit For Coupons
You can also allow users to submit Coupons to your site from frontend via our bundled RH Frontend PRO Plugin.
rehub_woo_coupon_coupon_img_url – for url of coupon image if you want to add coupon image for Woocommerce and rehub_offer_product_thumb if you need for Posts. Make this field as File Type, so, users can add own images. More tutorials will be added soon for this part
Coupon Shortcode
If you don’t need coupon site, but you want to add some coupon blocks to posts, you can use Offerbox in shortcode generator
As Alternative, you can use Coupon Module of Content Egg (available in free bundled version of plugin).
Coupon Popup
If you want to hide Coupon and Reveal it on click, you can enable “Reveal Coupon” option when you add it to Offer section. So, users will see popup when they click on coupon. Site link will be opened in background window, so, you will get commission even if user leaves your site. Coupon Popup also has Printable option.
In theme option – ads and code zones – Coupon area, you can add any shortcode or text which will be rendered in coupon modal (for masked coupons). For example, you can add Email form
Example of such form code
<h4 class="mt20">SUBSCRIBE TO OUR LIST</h4> [rh_mailchimp action="//fleek.us10.list-manage.com/subscribe/post?u=4b4bbda55bb6deb367e6f52d9&id=6b32851a5b" inputname="b_4b4bbda55bb6deb367e6f52d9_6b32851a5b" flat=1 button="Subscribe" placeholder="Email address"] <p class="chimp_subtitle mt10 greycolor">Don't worry, we don't spam</p>
You can use our helper classes for text formation
How to change background color of popup
If you don’t like this violet cool background, you can set own colors. Use code
.violetgradient_bg {
background-color: #721999;
background: linear-gradient(to bottom,#5000be 0,#9101fe 100%);
}
change #5000be and #9101fe to colors which you need and place this in theme option – general – custom css
to change also input for coupon
.cpn_modal_container{background-color:red !important}
to change text color
.coupon_top_part.violetgradient_bg.padd20 *{color:red !important}
change red to own colors
Coupon Filter for page builder
If you have coupons only in some categories of posts and you want to show all of them as separate block of page, use page builder All Post modules have option to sort coupons.
And in WP Bakery
This option can be used also to show only actual Deals and Coupons. Also, you can enable sorting by expiration date
How to use brand logo image if no image in Post
When you use bulk import tools you, maybe, don’t have product image. Usually, this happens when you import different coupons and offers. Very often, coupon feeds don’t have any product image.
So, for this, you may want to show brand logo image for such posts. (How to add brand (store) to post).
For this, Download zip file
Then, go to Plugins – add new and upload this file, then activate it (RH Fallback image plugin).
Optimizing Store pages
When you enable Store taxonomy, you can have Store pages. Example of such page Such page has own widget area and description areas before and after posts. You can check how to configure Store/Brand pages
How to remove Print option
All coupons have print option, you can remove it with next code
.printcoupon_wrap, .printmecoupondiv{display:none !important}
you can place this in theme options – general options – custom css