View the popup in its variations

This Easy Popup is a great tool for collecting emails. It offers an exclusive discount, encouraging users to enter their email address to receive the coupon directly in their inbox.

How to Set Up

To make your popup work correctly with Contact Form 7, follow these steps:

1. Create a new form in Contact Form 7.

2. Copy and paste the following code inside the form editor:

<div class="form-easy-popup">
<div class="cont-easy-inline">
<label class="cocopopup-easy-popup">[text* your-name autocomplete:name placeholder "Enter your name here "] </label>
<label class="cocopopup-easy-popup">[email* your-email autocomplete:email placeholder "Enter your email address here "] </label>
</div>
[submit "YES, I WANT MY 20% OFF"]
</div>

3. Save the form, then copy the form shortcode

(e.g., [contact-form-7 id="123" title="Coupon Form"]).

4. Paste the shortcode inside your popup settings to display the form correctly.

This ensures that your form matches the popup’s design and works smoothly.