There’s often more to a landing page than meets the eye.
There are the integrations, ready to route data to email platforms, automation tools, and webinars. There are the tracking scripts that let businesses know exactly how visitors are interacting with the page.
And now, if that page is a Leadpage, there may also be hidden sections, waiting to be revealed at exactly the right point in a dynamic landing page campaign.
In the past few weeks, our engineers have been working on a set of drag-and-drop features based on a simple user request: the ability to hide landing page sections without deleting them.
What they’ve come up with goes well beyond that request. This new batch of updates lets you build truly dynamic landing pages that change along with your campaign’s timeline.
Now, there are three different ways to control when your page sections appear. Here’s how they work.
1. The basics: hiding & displaying page sections
In the Page Layout tab, you'll now find an option to hide or unhide any page section. When you hide a section, it will be saved inside the builder but won't appear on the public page (until you decide to unhide it).
Why do this? Here are a few cases where this feature can come in handy:
- When you’re stealing a few minutes here and there to tweak a live page: If you’re a busy marketer or business owner, you might not have time to build out a new landing page section in one sitting. With this new feature, you can add a new hidden section but wait to release it until everything is perfect.
- When your page features options that might sell out or fill up: If you’re using a landing page for events on multiple dates, multiple packets or ticket types, or limited-run products, try giving each option its own page section. Then, if any of those options get fully booked or sold out, you can hide them with one click.
- When you’re planning to repurpose a page in the future: If you need to drop a page section now but know you’ll want it available the next time you run a similar promotion, just hide it until you need it again.
You can decide to unhide these sections at any time … or you can let a countdown timer control when something displays.
2. Hide or show sections when your countdown ends
Earlier this year we gave you the ability to automatically redirect a page when your countdown timer runs out and your offer ends. With this new update, you don’t even have to create a separate “offer ended page.”
Instead, you can build out “offer ended” page sections in advance that only pop up when your timer hits zero.
And on the flip side, you can use the same functionality to hide sections when your deadline hits.
So say I have a webinar page. When registration closes, I still want to make sure anyone who lands there gets on my email list—and I might even want to leave up most of the webinar content to let visitors know what they missed.
But, of course, I don’t want to let people click a signup button that no longer works, and I don’t want to keep encouraging them to join an event that’s over.
The solution now is simpler than it’s ever been. I simply duplicate my main page section with the primary call to action, update the copy to reflect that the offer’s ended, and link my button to a Leadbox™ that lets people join my email list instead of the webinar.
Then, when I go into my countdown timer settings, I can specify exactly which page sections I want to disappear or appear once the timer hits zero. (Note: choosing “Show” will mean that section does not show up until the timer hits. Just leave the checkboxes blank for sections you’d like to appear on both the original and the post-countdown page.)
What happens when the timer runs out? The page transforms into my ideal “offer ended” page, like this:
Like the automatic redirect feature, this automatic show/hide feature works even if you’re using the evergreen timer option. That means two different people could view two different versions of your page at one URL, depending on when each one first visited … so your landing page campaign can be both evergreen and dynamic.
There’s one more option we've added. This one presents different page versions based not on timing, but on the type of device displaying the landing page.
3. Hide or show sections by device type
It’s one of the fundamental promises we make at Leadpages: every landing page you create—even the ones you build from scratch in the drag-and-drop builder—will be mobile-responsive. Its elements will rearrange and resize themselves automatically to suit the screen, from an oversize desktop monitor to a pocket-size smartphone.
That said, few things in marketing are truly one-size-fits-all. So we’re giving you more control over how your page appears on smartphone and tablet screens. You can now choose to show or hide any page section when the page is displayed on a desktop, mobile, or tablet screen (or any combination of the above).
When might you want to use this? A few ideas:
- When you want to change the look of the mobile version of your page: Full mobile visibility and usability doesn’t always translate into the pixel-perfect mobile landing page you have in your head. You may not love the way an image gets resized or a section’s proportions change. Now you can create different sections for mobile, tablet, and desktop views, each designed just how you want them.
- When you want to create a streamlined page for mobile: Perhaps you’ve observed that your audience responds well to longer copy when they’re visiting from a desktop computer, but tends to bounce if they have to do a lot of scrolling on mobile. Or maybe you want to make your call to action more prominent and the large images that look great on a bigger screen push the other content too far down on a tablet. Just hide the less crucial elements on mobile and you’re good to go.
- When you want to display content in different locations based on device type: Rather than changing or removing any page content, maybe you just want to make certain sections more prominent for mobile users. Simply duplicate a section, drag the duplicate where you want it to display on mobile, and toggle the device-visibility controls accordingly.
- When certain page features only make sense on desktop or mobile: In some cases, you may even have entire CTAs that don’t make sense for desktop or mobile users. It might make sense to display a call to download your smartphone app only on the mobile version, or to link to a PDF or embed a complex diagram only on the desktop page. Now, creating this kind of dynamic, context-specific experience is easy.
I’d say I’m excited to see what Leadpages users will do with all these new section controls … but if they’re working correctly, I probably won’t see them at all as an average random web visitor. I’ll see only one thing: exactly what the page creator wants me to see at that moment.
So, we'd love to know!
How could you use these new section controls to make your landing page campaigns more dynamic (or even just easier to run)? Tell us in the comments!