View the popup in its variations
This Coupon Code Summer 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-summer">
<label class="cocopopup-summer">[text* your-name autocomplete:name placeholder "Enter your name here "] </label>
<label class="cocopopup-summer">[email* your-email autocomplete:email placeholder "Enter your email address here "] </label>
[submit "Send My 10% Coupon Code!"]
</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.