🔙 May 2019
Due to a recent update from our removal of Jquery dependancy, this script is no longer functioning reliably. I’ll leave the script and instructions on this page as it may function with some individual tweaking. However, in some cases this workaround may not work.
Let’s be honest. Each time you get a new lead notification email in your inbox, you probably feel like celebrating. And who wouldn’t? New leads means more potential business.
But sometimes we get so wrapped up in convincing people to sign-up that we forget about the post-click experience all together. The truth is, your new leads should be just as excited as you are. After all, they just signed up to receive something exciting from you… whether it be a special offer, newsletter, ebook, etc. To
Here’s a super simple way to inject a little ‘celebration’ into your post-click experience. 🎉
Check out the effect (built in Unbounce) here:
How to Install in Unbounce
Click Here for Instructions
Create your landing page form and style the form confirmation dialog to your liking.
- Name your new script Confetti [JS]
- Set the placement to Before Body End Tag
- Paste the script
1-confetti.jsinto the editor and click Save Code
- Open your Stylesheets console and click +Add New Stylesheet
- Name your new stylesheet Confetti [CSS]
- Make sure Soft Wrap is selected
- Paste the CSS script
2-confetti.cssinto the editor and click Save Code
Save and Republish your landing page. Be sure to test out the published version of the page.
Celebrate. 🍾 🎊
If you want to play around in the code a bit, you can tweak a few things such as the colours to make the confetti more on-brand.
If you end up using this on your next landing page, be sure to come back and share with the Community! 🙂
Want to take your Unbounce landing pages + Convertables™ to the next level?
Check out the Ultimate List of Unbounce Tips, Scripts & Hacks