Compatibility: Compatible on most Shopify themes, from Debut to Dawn 2.0.
How to create a discount modal section that can be customize.
This pop up works with Debut theme and also with Dawn Theme.
1. Set up the EmailJS first, please see the link for more instructions how to set up your EmailJS
2. Go to your admin Shopify store
3. Click "Themes", "actions", "edit code"
4. Find Section folder
5. Create a section and name it as "discount-modal"
6. Copy and paste the code below, then click SAVE
7. Go to Layout folder and click theme.liquid
8. paste the code below before the </body>, then click SAVE
If you want the discount modal to only appears at the home page. Paste the code below instead
All left to do is "Customize theme." Let me know if you have questions (",)
Update 10/23/21: I fix the CSS so it will work with Dawn Theme. I also added an option the hide the email field. Also, added an option at step #8 so pop up only shows in the home page