How to use blurry coupon feature?

You are here:
← All Topics
Table of Contents

Even if newsletter pop ups are a great way to increase its subscribers database, it has some downsides (source) :

  • Pop-ups are annoying
  • Email subscribers via pop-ups have lower engagement
  • Bad use of a pop-up can damage your brand

The solution ?

At Plak theme, we use an innovative feature to increase both subscribers database and conversion rate, this new feature is Blurry Coupon Codes

How does the Blurry Coupon Codes works ?

How to use blurry coupon feature?
Blurry coupon before subscriber login/sign up

When a visitor (non-subscriber) lands on your product page, the coupon code discount is seen as a blurry image, this visitor must sign up to see the coupon clearly.

How to use blurry coupon feature?
Blurry coupon After subscriber login/sign up

Why we used blurry image instead of text ?

The coupon discount text is transformed to an image to avoid selecting it or find it in html, the subscriber has no choice to either sign up/ sign in to see the coupon clearly.

How to enable Blurry Coupon in Plak Coupon ?

1- Enable it in Countdown section

  1. From your Shopify dashboard, click Online Store => Customize
  2. From Theme editor, go to Theme settings => Countdown timer
  3. Scroll down to COUPON CODE and edit the contents
How to use blurry coupon feature?

2- Enable it in product page

  1. From Theme Editor, click on any product in preview section or click on Product pages at the top of the page
  2. Click on the new section that just appeared called Product pages
How to use blurry coupon feature?

3. Check Enable countdown and click Save

How to use blurry coupon feature?

IMPORTANT : Don’t forget to add your coupon into the Shopify discount codes section as showed in the screenshot below

discount code, shopify

How to show the Coupon Code only for some products using their tag?

In order to show the coupon code only for some products using their tag, please follow these steps :

1- Add tags to your desired products :

Please refer to THIS TUTORIAL to learn how to add tags in Shopify products

2- add a code to blurry-coupon.liquid

  • From your Shopify dashboard, click Online Store => Actions => Edit code
  • Open the file blurry-coupon.liquid
blurry coupon liquid code
  • At the very top, add the following code :
{% for t in product.tags %}
{% if t contains 'YOUR-TAG-HERE' %} 

Replace YOUR-TAG-HERE by your desired tag, for instance, if you would like to show the coupon code only for products which have the tag PROMO, then the code become {% if t contains ‘PROMO’ %}

  • At the very bottom, add the following code :
{% endif %}
{% endfor %}

The whole blurry-coupon.liquid will then look like this :

blurry coupon Plak theme

Click SAVE and you’re done !

Click to rate this post!
[Total: 1 Average: 5]

Leave a Reply

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