How Can We Help?
Can’t Find an Answer ?
How to use Blurry coupon on Grass theme?
Although pop ups could be seen as a great way to increase its subscribers database, it has some serious 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 ?
Plak Theme developers have engineered an innovative feature to increase both subscribers database and conversion rate without the use of any popup, this new feature is called Blurry Coupon.
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 converted 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 Grass theme ?
Important : The customer accounts must be enabled, in order to use this feature
1- Enable it from the Countdown timer section
- From your Shopify admin, click Online Store > Customize
- From Theme editor, go to Theme settings > Countdown timer
- Scroll down to COUPON CODE and edit the contents
2- Enable it from the product page
- From Theme Editor, click on any product in preview section or click on Product pages at the top of the page
- Click on the new section that just appeared called Product pages
3. Check Enable countdown and click Save
IMPORTANT : Don’t forget to add your coupon coupon from the Discounts section in your Shopify admin.
How to show the Blurry Coupon only for a specific collection?
If you have a promo running only for a specific collection, you can enable the (Countdown time + blurry coupon) only for this collection only, in order to do so, click Select collection at the very bottom and chose your desired 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
- Add the following code at the very top :
{% 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’ %}
- Add the following code at the very bottom:
{% endif %}
{% endfor %}- Click SAVE and you’re done !
Related forum topics
[yasr_visitor_votes]