Every great landing page nails the basics. These building blocks should be used as a guide when creating your content.
So when looking what to test, it can be helpful to revisit these core group elements and see where there is room to play with the anatomy of your pages to create something new.
The guide below breaks down all of these core elements, and how to improve 'em!
Scaling Elements
Changing your text size will affect both views.
To resize text for one view only, use the scale bar.
Layout Assistant
Access the Layout Assistant by clicking the Properties tab on the right side of the screen. This feature is the best way to get started on customizing your mobile-responsive content. You can apply the Mobile Layout Assistant to your whole page/popup/sticky bar, or to individual sections, which will get you to a much friendlier starting point. The feature works best if you apply it first, then go ahead with the detail work. Try to avoid making changes before you apply layout assistant, as this can cause minor reparenting issues.
Hiding Elements
If you’d like an element to appear on only one version (desktop or mobile) of a page, you can do this by hiding the element on one version. Click the element and select the Visibility icon in the Properties tab to toggle the visibility.
Note: Creating completely separate designs on mobile and desktop can slow down the saving/republishing functionality.
Not Sure Where to Start?
Hiding Elements
If you’d like an element to appear on only one version (desktop or mobile) of a page, you can do this by hiding the element on one version. Click the element and select the Visibility icon in the Properties tab to toggle the visibility.
Note: Creating completely separate designs on mobile and desktop can slow down the saving/republishing functionality.
Scaling Elements
Changing your text size will affect both views. To resize text for one view only, use the scale bar.
Layout Assistant
Access the Layout Assistant by clicking the Properties tab on the right side of the screen. This feature is the best way to get started on customizing your mobile-responsive content. You can apply the Mobile Layout Assistant to your whole page/popup/sticky bar, or to individual sections, which will get you to a much friendlier starting point.The feature works best if you apply it first, then go ahead with the detail work. Try to avoid making changes before you apply layout assistant, as this can cause minor reparenting issues.
A Master List of Landing Page Variant Ideas
Landing Page Variants:
The More the Merrier!
RESOURCE
Put Page Variants to Work with the Power of Machine Learning
Smart Traffic™ boosts campaign performance so you can test with confidence, with 30% higher conversions on average compared to A/B testing.
A/B testing often needs thousands of visitors to glean any useful information, but Smart Traffic starts optimizing in as few as 50 visits, meaning you can start to get better results while you're still testing.
Learn more about the benefits of AI-powered optimization.
© Unbounce All rights reserved.
In this article, we break down the 5 elements of a landing page to tweak, tinker, and test to unlock new ways to score those
sweet, sweet conversions.
You know your prospects need to see relevant, tailored messages. So sending them all to the same landing page limits your conversion potential.
Unlike A/B Testing, which is all about choosing a "one-winner-fits-all" strategy, experimenting with 3-5 landing page variants makes it easier to appeal to each of your unique visitors individually, every time.
Put Page Elements to the Test
There are tons of different ways to find content that resonates with your customers. Here are just a few examples to get you started.
Images
Copy
Swap out a hero image to find that picture-perfect something for everyone.
You and your boss can't agree on your fabulous product-puns? Put them to the test for real.
CTA Buttons
Device Type
Pinpoint the perfect place where your visitors convert.
Mobile or desktop? Make sure your customers see the best version of your page.
Geo-Location
Video
Canada: toque. America: beanie.
Speak your customers' language wherever they are.
Just created a fancy new promotional video you can't wait to show off? Try spreading it across your variants.
15 High-Converting Landing Pages
Some call it marketing FOMO, others call it "inspiration".. either way, this list of 15 landing pages will be sure to get those
optimization ideas started.
Consider this a one-stop shop for all things variant creation to find the message that makes every visitor count.
Want more knowledge?
Connect with savvy marketers from around the world to discuss landing pages, conversion rate optimization, a/b testing and all things marketing in the Unbounce Community.
Got Questions?
Do you want to learn more about what you can do with the Unbounce Builder? We have a lot of great how-to tutorials in our Help Center!
