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.