Jump to Section
arrow down

[Feature Update] Create Timed Popups and Exit Popups with LeadBoxes

By The Leadpages Team  |  Published Oct 03, 2014  |  Updated Oct 06, 2023
Leadpages Team
By The Leadpages Team
LeadBoxes Update - Create exit popups and timed popups using LeadBoxes.

One of the most popular features inside of Leadpages is LeadBoxes. LeadBoxes are boxes like this that can be configured to appear when you click on the text, an image, or a button. For example on this page on BeverageJobs.com when I click on this button on the sidebar, a leadbox appears. On MacRumors.com when I click on newsletters sign up, a leadbox appears and on BloggingWizard.com when I click on this button, a LeadBox appears. We recently added a major update to LeadBoxes to make it more feature-rich. A note about this update, if you are an existing Leadpages customer, none of your existing LeadBoxes have changed. This update is all about added features. Not only do you have the functionality we showed you earlier where you click on an element and a LeadBox pops up. You now have the ability to enable timed LeadBoxes so if we were on a page that we’ve set a LeadBox to appear on after five seconds, you’ll see the LeadBox pop up on the page after five seconds.

Finally, you have the ability to also enable and exit LeadBox. So if I was going to be closing out of the page when I go to the exit, a LeadBox would come up urging me to get something of value before I go. Now let’s go inside our Leadpages account to see how this works. Once inside, I’ll click on LeadBoxes and then select create a new LeadBoxes. Now once I’m done configuring this LeadBox for how we wanted to look and integrating it with my email service provider, I’ll save it. When we go to publish this LeadBox, you’ll see the new publishing window where you have the option to publish this as a standard LeadBox where you click on a text link button or image to trigger it. You can publish it as a pop-up LeadBox where the pop-up appears after a specific amount of time or finally you can publish this LeadBox as an exit pop-up. As an exit pop-up, this LeadBox is triggered when someone goes to exit a page. Now, these new publishing options really enhance the usability and the results you’ll get from using Leadpages.

As you can see this new publishing window has a very user-friendly feel. You can swap between the different publishing options right here at the top and your publishing code is always generated right at the bottom. Let’s look more in-depth at each of these publishing options. First, let’s look at the standard LeadBox option. You can trigger your LeadBoxes when your visitors click on a text link, image, or a button. Whatever you choose, you’ll see the preview over here to the right. If you’d like a text link to trigger a LeadBox just type in what text you’d like to use to trigger your LeadBoxes and then save changes. Then you paste this code where you’d like your text link that triggers your LeadBox to appear. If you’d like to have an image trigger a LeadBox, for example in a sidebar like this, you can easily do that. You just click on the image then select the image. From your image bank, select the image that you’d like to trigger this LeadBox then select down then from there save the changes and then paste this code where you’d like the image that triggers your LeadBox to appear.

Now let’s look at one of the new features that’s going to save you tons of time. You can create a new custom button to trigger your LeadBox right here in Leadpages. No more creating a button from scratch and photoshop whenever you need a new one. This is a really easy option to use if you don’t have specific images you want to use to trigger a LeadBox but you want a high converting call to action button instead of a simple text link. You can see that you have complete control over what your button will look like. You can change the text, background color, text color, the shape of the button, and whether it has a shadow behind it.

So let’s say that this is my website. I need to make a button that will go in line with the color scheme that I have going on here. I head into the LeadBoxes’ publishing window, enter in my text, update the background color to match the color closer to my website and I think I’d like my button to be square with no shadow. Then I can see the preview over here at the right and it looks good but I think actually I’m around the corners just a little bit. Okay. That looks perfect. Now I’m going to save the changes then copy this code and paste it into my new post. When the post is published you can see my button and LeadBox that triggers.

Now remember you can add a button LeadBox, image LeadBox, or text link LeadBox anywhere you can paste HTML. Now let’s move to the pop-up LeadBox tab. This tab adds some amazing functionality to LeadBoxes that allows you to customize the user experience and really engage with them in just a few clicks. This tab allows you to add a timed LeadBox to your website. So what does that mean? It means that you can now have a LeadBox if you’re automatically on your site after a specified amount of time without your visitors having to click on a thing. It works just like a timed pop-up. There are three settings that you can control here. The first is the amount of time before the LeadBox appears. Let’s say it’s five seconds. Now you can specify the number of page views someone needs to do before this appears. So let’s say you have this LeadBox on a blog, someone will need to read for example three articles before it appears. When they load their third article the LeadBox would appear after five seconds. Now you can also specify the time interval between displays of the LeadBox.

So again let’s say that someone is on their third article and they see our pop-up LeadBox after they’ve seen the LeadBox let’s say they close it, they won’t see that pop up again for another 45 days. We find that people can get really annoyed if a form like this pops up every single time they visit a page. So this is a really great way to keep your pop-up LeadBox useful to your audience without annoying them.

Once you get your timing set up copy this code for your timed LeadBox and then I’m going to post this on my blog so I just paste this code in here and then I’ll publish this page. And then when I visit the page, there’s the LeadBox. Now I want to show you a way to quickly use this feature that most people never even think about. Let’s say you wanted to have a LeadBox be triggered after someone came to the same blog post a couple of times. On a visitor’s second visit to the same post, you can have a LeadBox welcoming them back and offering your content upgrade or bonus gift as a thank you for coming back to your site. You can set this up by putting the number of page views you want the LeadBox to wait before it comes up as well as how long after they visit the page it should come up. Then I’ll just save the changes, copy this code, and then paste it into my blog post.

Now when I go to this page the set amount of times, you’ll see that the LeadBox is offering me my content upgrade is coming up. This is a fantastic method for really boosting your list building efforts while personalizing your audience’s experience on your website.

Our third type of LeadBox is an exit LeadBox. Now the truth is some people are going to leave your site. It’s just a fact. But we can make that a win-win situation for both our visitors and our business by having an exit LeadBox come up if the visitor moves to close the window. This is a fantastic technique for reengaging people that you would normally lose when there’s no proverbial net to catch them. Some copy we recommend for this style of exit LeadBox would be wait don’t leave empty-handed. Before you go, download our copywriting checklist to write higher converting headlines in 30 days. Of course, you’d swap out copywriting checklist or whatever you’re giving away. By offering something of massive value before they leave your page, you’ll increase the chances of making them happy they got something valuable and making you happy that you’ve added another lead to your email list.

Again if I set this for three days, it means that once this exit LeadBox has appeared on a page, it won’t show again for another three days. You can have this LeadBox show every time someone exits or you can have it show less frequently. Again experiment to see what works best for your audience. Once you choose how often to show this exit popup, save your changes, and then copy this code for your exit LeadBox.

Now let’s say I’ve got this sales page that I created in Leadpages and I’d like to capture people that are leaving this page, I can offer them something of value to get them back into my follow-up sequence instead of just losing them altogether. So I can go into my Leadpages account and select edit for the sales page that I want to add this to. Under the Leadpages options, I’ll select tracking code, paste this into the header tracking code section, and then I’ll save the page.

Now when I view the page, and then I go to exit I now see my pop up. You want to publish an exit pop-up on one of your own webpages, not built-in Leadpages simply take the same code and paste it in the HMTL of your page. These new LeadBoxes publishing options add a host of functionality and really open up the possibilities for capturing traffic that would otherwise be lost.

Take a look at one customer’s conversion rates using LeadBox and look at how high these numbers are. To start using LeadBoxes in your business log into your Leadpages account and click LeadBoxes. If you’re not a LeadPages customer, go to Leadpages and click the button below the video. LeadBoxes are included in all levels of our Leadpages accounts but we do recommend you start at the pro annual level as it allows you to split test your LeadBoxes and Leadpages includes, including live chat support, comes with one free sub-account and is 40% cheaper than paying monthly. So join us at the pro level or start your free 14-day trial.

Share this post:
Leadpages Team
By The Leadpages Team
LeadBoxes Update - Create exit popups and timed popups using LeadBoxes.
squiggle seperator
Try it free for 14 days

Curious about Leadpages?

Create web pages, explore our integrations, and see if we're the right fit for your business.