How Can We Help?

Search Plak article

Can’t Find an Answer ?

How to use blurry coupon feature on Plak theme?

You are here:
← All Topics

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
  • Could overlaps your content on mobile users (bad UX)

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 ?

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

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 theme?

Before using this feature, the customer accounts must be enabled.

1- Enable it in Blurry coupon section

  1. From your Shopify dashboard, click Online Store => Customize
  2. From Theme editor, go to Theme settings => Blurry coupon

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
product page theme editor

3. Check the box Blurry coupon and click Save

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

discount code, shopify

How to show the Coupon Code only for a specific collection?

In case you have a promo running only for a specific collection, you can show the (Countdown time + blurry coupon) only for this specific collection, to do so, click Select collection at the very bottom and chose your desired collection

Blurry coupon for a specific collection

In order to show this feature on all your products, create a collection that includes all your products and enter it by clicking on Selection collection

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 code Plak theme
  • 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 :

Click SAVE and you’re done !


[yasr_visitor_votes]

Table of Contents