[Big Update] LeadBoxes Are Now More Customizable Than Ever

Featured Video Play Icon

click here to check out LeadBoxes


Here at LeadPages when we or our customers achieve significant split test results we often take these winning variations and build them back into the default versions of our landing pages, which you can then customize, however you like. A couple of weeks ago, we released the new LeadPages builder. With this new release, we built two-step opt-in processes right into the landing page builder. So for example this template was once a one-step opt-in but now it defaults to a two-step opt-in out of the box because we found two-step opt-ins work best across the board. In fact, we saw a relative 30% increase in conversions by using a two-step opt-in. We’ve written extensively about why two-step opt-ins work so well so we built that right into our landing pages. 

Apart from using LeadBoxes on LeadPages’ landing page templates you can also use LeadBoxes on any website that you can post an HMTL link. A few examples of how our customizers LeadBoxes to capture email addresses include a sidebar widget like on KraftBeverageJobs.com, a newsletter sign-up like on MacRumors.com or opt-in buttons at the bottom of blog post like on BloggingWizard.com. LeadBoxes can be installed anywhere that you could post an HTML link. Because we believe in making LeadPages effective for people out of the box, we also upgraded the LeadBoxes’ layout both within LeadBoxes and inside the LeadPages’ landing page templates themselves. The new LeadBox layout is consistent with the web 3.0 design methodologies and is really customizable so you can match them to the look and feel of your business.

As a quick note, Lead Pages in Lead Boxes you’ve already created will not be affected by this update. You’ll only see this update on LeadPages that you create. We’re not forcing these changes on preexisting pages or boxes but if you create a new lead page or new LeadBox, you will see this new design. We updated the design of LeadBoxes for a few big reasons. Number 1 we wanted to make lead boxes more customizable. Number 2 we wanted to provide a cleaner web 3.0 design that you can update to closely match the look and feel of your business and number 3 we wanted to do incorporate some well tested conversion boosting elements into every LeadBox. So, let’s look at each of these updates more in depth. If we take a look at Leadbox on this page before the redesign, you’ll see it looks great and works really well. However we wanted to update the design to a cleaner and fresher look in order to keep your visitors who are used to seeing your LeadBoxes engaged with them. From top to bottom, they have a more web 3.0 feel and this way it will also feel and this way it will also feel fresh to viewers and they’ll continue to pay attention.

Next we gave LeadBoxes more flexibility in customizing your brand. In this example, look how this design is completely transformed to match the colors and style of the company. Later on in the video, we’ll show you how easy it is to make these customizations. Finally, we added a progress bar to these LeadBoxes by default, which can be removed or modified. So when someone opens a LeadBox they’ll see this 50% progress bar. The reason we added this progress bar is because we found that the human brain dislikes things being incomplete. If the average person is engaged in a process and sees a clear indicator of their progress being incomplete they’re much more likely to finish it because their brain wants the satisfaction of the process being complete.

So we built this psychological need right into LeadBoxes. However we went one step further and added the ability to either disable this progress bar or change it out for another picture altogether. So for this example, if you wanted to add branding to your LeadBox instead of a progress bar, you could do that with a few clicks.

Next we did extensive testing as did many of our customers and we found that generally LeadBoxes with images converted better than LeadBoxes with no images. That being said not all images are created equal. Once we found that LeadBoxes with images converted better than LeadBoxes with no images, we tested different kinds of images against each other and found that having an image of an arrow pointing to the opt-in fields further drove up conversions over any other type of image we tested. So then of course we built that into the new LeadBoxes redesign.

We encourage you to split test your own images against the default LeadBox image to see what achieves the best result for your specific business. If you’re a pro or enterprise customer and you’d like to set up a split test using your own image on this LeadBox, you can do that with just a few clicks. Simply go into the LeadPages’ member’s area and find the LeadBox that you’d like to test. Click on edit then select AB test and then click add new variation from the dropdown. Select from original and once the LeadBox is copied, click the image, select the image that you’d like to test and then click save. Now when I go to my blog and click on this button that triggers this LeadBox, we’ll see the two images that we’ve just set up in the split test. Now here’s a default red arrow and here’s the image that we’re testing against it.

Now note here that most people will only see one variation or the other. I’m only seeing both because I disabled cookies in my browser to show you each variation. To try out new LeadBoxes for yourself, just head over to My.LeadPages.net and click on the LeadBoxes tab. From there, select create new LeadBox. Select your industry from the dropdown and once inside the builder, select which email service provider you’d like to integrate the box with and which list you’d like to add people to. If you’d like to collect multiple form fields like name, zip code, phone number, etc. you can do that.

Next you can click on the headline and update the copy and finally you can click on either of the images and either replace with a custom image or hide them altogether. Once you’re done customizing your LeadBox, just name it and save it. Once you hit publish you’re given the embed code to paste on your page. Now before I do that, I’ll click on the customize your LeadBox link text and select the image that I’ll use as the button to trigger my LeadBox. After clicking, use this custom image as my LeadBox button. I’ll now copy the HTML code. Inside my WordPress post, I can now paste in this code and when I view the publish page, you can see my button is now on the page and clicking it triggers my LeadBox. Remember, you can use LeadBoxes anywhere that you can post an HMTL link not just in WordPress. You can also use these new and improved LeadBoxes in any LeadPages template that you’d like. Let’s say you saw this web 3.0 sales page and you loved its design and wanted to use it, but you wanted to use it for an opt-in page you were making.

Previously you would have to download the HMTL of this template and custom code this feature into the page, but now I can easily make this button the LeadBox and make this web 3.0 sales page an opt-in page. To do this, all we need to do is hover over the button click the gear then click edit. In this window, select show opt-in form then select click here to edit the opt-in form. Now you’ll see the LeadBox that will be triggered. You’re now able to customize this LeadBox just like you would on the standalone LeadBoxes builder.

When you view the final published page, you’ll see that the sales page is not turned into a beautiful opt-in page that we can use to build our list. If you’d like to start customizing LeadPages and LeadBoxes for your business, head to www.LeadPages.net and click the button under the video. If you’re unsure which plan to go with, we recommend the pro annual plan as it comes with the majority of the features we have, includes one free sub account and is 40% cheaper than paying monthly. So join us as the pro level.


I’m Jeff Wenberg and let’s start LeadBoxing.


  • Does Leadpages support pop-ups (not just click-ups)?

    • Hey Jack! You have the option to include an exit pop-up on any page you create. It will trigger when visitors click to leave your page and give them the option to leave or stay.

      As far as adding third-party pop-ups, you have the option to download your page’s HTML and edit it as you see fit.

  • Jeff, this is an awesome update – looking forward to trying this out.

    P.s. – awesome to see my blog used as an example in the video, thanks!

    • Jeff Wenberg

      Thanks Adam, we’re really excited about it too. Thanks for having a kick butt blog to feature!

  • opini1on

    Hi! I hoped to get a multi line message box / text field with this update to Leadboxes, but seems like that is not supported still. Any hope of seeing support for such a field soon?

    • Hi opini1on, LeadBoxes do currently allow you to include a field where visitors could leave a longer message. For an example, check out the LeadBox from Webinarli on this roundup post from June (it’s the first one in the list): http://blog.leadpages.net/landing-page-roundup-our-10-favorite-pages-for-may/

      Our customer support team would be happy to help you set this up. Submit a ticket over at support.leadpages.net and they can walk you through it.

  • Love, love, love all the changes! One thing I would love to see is the option to put more than one redirect button on all the pages. From time to time, I need to ask one simple question to determine where the visitor should be redirected after clicking the button.

  • Great video update! Very clear and easy to follow.

    • Jeff Wenberg

      Thanks Edward, glad you enjoyed it. Are you implementing LeadBoxes in your business?

      • Yes. We’ve seen our opt-in rates double since signing up with you guys. Used the new progress bar lead box yesterday and so far we’re 5 for 5! You hit the nail on the head re: people not wanting to leave things incomplete. It’s that kind of research and implementation that small businesses can really use. Thanks!

  • Great update! Looking forward to trying this out. Also like the clear video instructions. Very easy to follow.

    • Jeff Wenberg

      Christian, thanks we’re really excited about the new LeadBoxes. Glad you liked the video!

  • Mikel Kew

    Nice updates! Any plan on adding drop-down ability for the opt-in forms to prevent variations due to free-text? Really want to use a drop-down for a “Country” field..

    • Jeff Wenberg

      Mikel, you can currently do this with LeadBoxes. You have to set up the fields you want to display on your LeadBox in your email service provider. Whatever you set up there whether it be single form fields, dropdowns, radio buttons, etc. can show on your LeadBox. If you need help setting this up go to support.leadpages.net. Thanks!

      • Mikel Kew

        Ah ok, nice! Thanks for the tip.

        • Jeff Wenberg

          No problemo!

  • opini1on

    Will: WOW you are right! I have asked customer service about this before, but they could only show me how to make a one line “feedback”-field. It would be awsome if you could you please make a video decribing how to make a leadbox like the one Webinarli uses! 🙂 Keep up the good work guys! 🙂

    • Jeff Wenberg

      Opini1on that would be something you should reach out to your specific email service provider for. It can be different for each service, so they’re going to know how to customize their forms for how you need them to look.

  • Mike-Robin Pisciotta

    Oh gosh, I LOVE YOU GUYS! The tool itself is of course amazing, but my all-time favorite thing about you is the constant innovation and evolution to improve and give us more of what we want! 🙂 ~~Robin

    • Jeff Wenberg

      Robin, thanks for the nice comment. We love hearing stuff like this. It let’s us know we’re on the right track.

  • I have subbmitted a request to have the SINGLE opt in box an option.

    using Aweber it’s 100x easier to test traffic sources with single opt in box as you can use pass metadata through the ADDURL

    with 2 step you can’t… and have to make a completely NEW signup form PER traffic source.

    PLEASE add back single op in as an option

    • Jeff Wenberg

      Thanks for your feedback, Lawrence. We will keep this in mind going forward.

  • Great new features! It would be really handy if there was a button that allowed you to duplicate a leadbox, or save a copy with a new name.

    I am creating duplicates of the same leadbox to track the performance of each based on the location of the link on the page (side-bar, below post, header, etc.) Currently I have to recreate and customize each leadbox from scratch. A duplicate button would save a lot of time.

    Please let me know if I’m missing something here. Thanks!

  • Tim

    Can we get a non video precis. Thanks. Always with the video!

    • Jeff Wenberg

      Tim, generally video makes it easier to show feature updates. I’m sorry that we’re not providing the format you prefer. There will be transcripts uploaded shortly.

  • Saw this coming!

    Optimizepress have been using this successfully for a while, so was only a matter of time.

    Good to see it come through 🙂

  • I use lead boxes ALL OVER my website! Can I easily update the ones I have or do I need to create new ones?

    • Jeff Wenberg

      Jenn we didn’t want to force the changes on existing boxes, so you will need to create new ones to replace them with.

  • Just wondering if LeadPages/LeadBoxes support this …

    Let’s say I have a bonus PDF that I want to offer at the end of the blog post. The person clicks the button, an opt-in appears and the person has to enter his/her e-mail to download the file.

    I also want, that the person who is about to download the bonus has to go through the double opt-in process first. In other words, LeadPages won’t let the person to download the bonus/access the download page as long as the e-mail list confirmation link is not clicked.

    So … is this possible with LeadPages?