We’ve put together a list of time saving tips, nifty scripts and all-around crafty hacks that allow you to do even more with Unbounce. Some of these tips have been created by our team, but the majority have been submitted by members of our very own community.
Since these scripts are not built-in supported product features, Unbounce is unable to support or guarantee these codes in any way, shape or form. Also be aware that, while rare, the possibility exists for custom scripts to break or lose functionality as we update our app.
These tips are intended to serve as examples for developers looking to try new things with Unbounce. If you are uncomfortable with this, please seek the assistance of an experienced developer before moving forward. In other words, proceed at your own risk.
We also recommend leaving a comment on each tip that you implement, as it allows our product team to get better visibility into which codes/features are popular in the Community (which in turn gives us better visibility into which features we could build into the app).
Looking for ways to push the Unbounce Page Builder even further? Use the tips & scripts below to supercharge your Unbounce Landing Pages and Convertables.
= Added Recently
How to use our Supercharged Copy & Paste feature
How to add a Favicon to your landing page
How to add a Custom 404 Page to your domain
Pre-Filing a Form with URL Parameters
Pre-Fill Form Fields with Merge Tags from MailChimp
How to create Multi-step Forms
How to add a Calendar Date-Picker to your form
How to add Hint (Placeholder) Text to your form
How to Enable Hyperspace Republishing
How to create a Custom 404 Page with Unbounce
How to Choose the Image, Title & Description when posting Unbounce pages to Social Media
How to Add an Image Gallery without any code!
How to Create Angled Page Sections (aka False Bottoms)
How to Add an Animated Confetti Background after Form Submit
How to add an Onload Animation to your landing page with CSS
How to add On-Scroll Animations to your landing page
How to Create a Fixed Header/Footer (aka Sticky Header)
Sticky Nav Bar - The Code Behind our CTA Conf page (desktop)
How to Add a Dynamic Character Counter to your Unbounce Form
Sticky Nav Bar - Hamburger Menu (mobile)
How to add a Smart ‘Back to Top’ Button to your landing page
How to add Floating Inline Field Labels to your Form
How to add Google Fonts to your landing page
How to use Custom Fonts on your landing page
How to use Unbounce to Build Facebook tabs
How to add a Fading Fixed Header to your page
How to Send Leads from Unbounce to Google Sheets
How to add a Count Up/Down Animation for showcasing stats
How to create Flexible Form Fields in Unbounce
How to Dynamically Change Background Image With URL Parameters
How to Pre-fill Mailchimp Merge Tags in Unbounce (PURLS)
How to Dynamically Swap an Embedded Video with URL Parameters
How to Implement Form field Masking in Unbounce
How to Add Google Address Autocomplete to your landing page
How to Send Leads to a Third Party Service with a Form Post
How to Add Tooltips and Rollover Images
How to add Dynamic Form Confirmation Using Browser Redirects
How to Add a Sticky Video Widget
How to Add Google Address Autocomplete to your Forms
How to Create Horizontal Forms in Unbounce
How to Auto-fill Form Fields in Unbounce using Local Storage
How to Use Dynamic Text Replacement and Track Which Button Opens a Lightbox
How to Add Collapsible Page Sections To Your Landing Page
How to Conditionally Display Additional Form Fields Based On Dropdown Selections
How to Add a Multi-Step Form in Unbounce - Version 2.0 (updated for 2017)
How to Add A Carousel With A Box Widget
How to Create a Nifty Typed Text Effect
How to Save Partial Form Responses
How to Run Custom Scripts on Form Submission
How to Add Inline Error Messages
How to Add Conversational Forms in your landing page
How to Add A Fixed CTA On Your Landing Page
How to Trigger A Lightbox On Scroll
How to Add A LinkedIn Autofill To Your Landing Page
How to Use A Cookie To Check If The Form Has Been Submitted
How to Use Geotargeting to Display a Visitors Location on a Page
How to Create a Click-Thru + Scroll Convertable
How to Implement a Content Unlock Widget (by using a Wordpress Widget)
How to Capture Date/Time in Hidden Form Field
How to Change the Input Type of a Form Field
Pre-Fill Form Dropdown Menus with URL Parameters
Set up Bing Conversion Tracking in Unbounce
Create Custom Lead Notifications (without webhooks)
How-to Add Buttery Smooth Scrolling to your landing page
How to Separate Mobile and Desktop Scripts in Unbounce
Pass Parameters from Constant Contact to Unbounce (via URL Parameters)
Remove the resizing option in the bottom right corner of a multi line text field on a form
Facebook Social Login: Fill form fields with details from Facebook
Add a Link (hyperlink) to Text on the Form (for terms & conditions)
Apply an a:hover style to a text element
Add Google Maps to a 100% Width Page Section
Use Custom Font sizes in the builder
How to quickly re-size images to create image grids
Render fonts in the builder
5 Easy Unbounce Codes to Upgrade Your Landing Page
How to add Buy Buttons + Shopping Cart to Unbounce
How to Implement Device-specific Content Optimization in Unobunce
101 Landing Page Conversion Tips
4 Fresh Tips for Building Better User Experiences on Your Landing Pages
The 5 Essential Elements of a Winning Landing Page
666 Fresh Conversion Rate Optimization Tips
5 Expert Tips that will Get You on the Road to Conversion
8 Advanced Unbounce Tips when using Adwords
8 Conversion Rate Optimization Tips for Bloggers
7 Simple Tests to Get More Conversions From Your Landing Pages
How to Reduce The Jargon on your Landing Page with the Unbounce Dejargonator
How to Segment Mobile and Desktop Visitors on Google Analytics
How to collect user data (& more) from your landing pages with Hotjar
2 Questions That Will Help You Gather Endless A/B Testing Ideas
10 Awesome Testing Ideas From the Conversion Pros at Call to Action Conference
Grow Your Conversion Rates Consistently with an A/B Testing Calendar
Always Be Testing 24 Split Testing Ideas [Infographic]
How to Find the Actionable Insight in Every A/B Testing Case Study You _Read
12 Surprising A/B Test Results to Stop You Making Assumptions
How Ron Swanson Can Help You Find A/B Testing Ideas [PODCAST]
Do you have any design, conversion or landing page tips? Or are you doing something super unique with Unbounce but don’t see it listed above?
Write up a tutorial and share it in the Unbounce Community!
What a resource! Bookmarked Thank you Justin and amazing what can be accomplished as a community. Cheers,Joe
Excellent list and one that's been much need.
I just posted a new [How-to] that you might want to take a look at and possibly add to the list.
Wow - what a list ! That's superb - I shall pass it to my lot to soak up over Easter. Thanks so much for compiling this!
All the best
What a list... This is a resource that a lot of people will be bookmarking (myself included).
Wow! Fantastic compilation of great tips! Bookmarked!
Some of these I have not seen before - and will definitely have to check out! Thank you, Justin!
This is great Justin. Thanks for putting this together.
It's going to help a lot with experiments
Bookmarked. You certainly made this super easy for everyone! Thanks Justin!
Absolutely Awesome (AA for short moving forward!), will save a lot of time and effort for people trawling for answers. Bookmarked and hopefully, we can add even more to this as we go along
Update: How to add a Fading Fixed Header to your page (added 04/15/2016)
Update: How to Enable Hyperspace Republishing (added 04/08/2016)
Update: How to Send Leads from Unbounce to Google Sheets (added 04/21/2016)
Great contribution Hristian!
Update:How to create a Custom 404 Page with Unbounce (added 05/04/2016)
Update:How to add a Count Up/Down Animation for showcasing stats (added 05/16/2016)
Update:How to create Flexible Form Fields in Unbounce (added 06/24/2016)
Update:How to Reduce The Jargon on your Landing Page with the Unbounce DejargonatorTM (added 07/05/2016)
Update:How to Dynamically Change Background Image With URL Parameters (added 07/05/2016)
Update:How to Pre-fill Mailchimp Merge Tags in Unbounce (PURLS) (added 07/27/2016)
This is awsome, Justin! Thank you