How to insert a mandatory checkbox for newsletter popup?

Created by Aiden Hua, Modified on Thu, 04 Jan 2024 at 10:17 PM by Aiden Hua

QUESTION:

How to insert a mandatory checkbox for newsletter popup?


ANSWER:

--> Yes, you could do that. Here is the video for it: https://www.loom.com/share/decb9eea3a16463da0014a691b08a6af

 

Here is the code detail:

<div class="block newsletter ">
<div class="title-popup"><strong>Subscribe to Newsletter!</strong></div>
<div class="content"><form id="newsletter-validate-detail" class="form subscribe" action="https://popup.demom2.bsscommerce.com/newsletter/subscriber/new/" method="post" novalidate="">
<div class="field newsletter">
<div class="control"><label for="newsletter"> <span class="label"> Sign Up for Our Newsletter: </span> <input id="newsletter" name="email" type="email" placeholder="Enter your email address" data-validate="{required:true, 'validate-email':true}"> </label></div>
</div>
<div class="field privacy">
<div class="control"><label for="privacy"> <input id="privacy" name="privacy" type="checkbox" value="1" data-validate="{required:true}"> I agree to the <a href="^1^">data privacy policy</a> of this website. </label></div>
</div>
<div class="actions"><button class="action subscribe primary" title="Subscribe" type="submit" aria-label="Subscribe"> Send </button></div>
</form></div>
 </div>

 

Thank you!


If you have any questions or need further support, please don't hesitate to contact us.

 

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article