View the popup in its variations
Kick off the new year with a high-converting popup that celebrates the season and drives action. Featuring a festive “EXTRA 20% OFF”, this template invites visitors to take advantage of limited-time savings and start the year with style. Perfect for holiday promotions, e-commerce sales, and special New Year campaigns.
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-new-year">
<label class="cocopopup-new-year">[email* your-email autocomplete:email placeholder "Enter your email address here... "] </label>
[submit "Send My Free Shipping Coupon!"]
</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.
To set up the confirmation button so that it disappears when clicked and the email form appears, follow these steps:
1. Add the class “cocopopup-yes-button” to the confirmation button.
2. Add the class “cocopopup-hide-element” to the Contact Form 7 form to keep it hidden and only show it when the user clicks the confirmation button.
This ensures that your form matches the popup’s design and works smoothly.