Guest Post: How to Build an “Upside-Down Home Page” (The Highest Converting Home Page Design I’ve Seen)

How to Build the Highest Converting Homepage Design I've Ever Seen by Bryan Harris of Videofruit

Editor’s Note: We’re excited to introduce this guest post from Bryan Harris. A serial entrepreneur since childhood, Bryan is the force behind business-growth and video site Videofruit. Today, he’s sharing the results of a major shift in his home page design—and how it’s getting him 35% more email subscribers each week.

* * *

Ever been embarrassed by your website design?

I was.

People would ask for a link to my website and I would hesitate to give it to them because I hated the design so much. The front page looked horrible, the blog itself was a cluttered mess, and I knew it.

Finally, a few months ago, I decided to fix it.

Over the last 90 days I’ve engineered the highest-converting home page design I’ve ever seen.

Not only does the new design look 100 times better, it’s also increased the number of new subscribers to my site by 35%.

subscriber graph

It worked so well that I created a LeadPages® template of the design and went to several of my friends and asked them to test it on their sites as well.

The results?

Blogger Jeff Goins got 2,500 new subscribers from the page.

Andrew Warner of Mixergy got 1,200 new subscribers from the page.

Over and over again this new page design and layout have proven to be a winner.

So today I want to show it to you.

(Note: Big thanks to Devesh Khanal, Mariah Coz of Femtrepreneur and Jane Portman of UI Breakfast for their help in design, copy and testing on this project.)

Here is what you’re going to learn today:

First, I’m going to give you an overview of the new layout and design.

Then, I’ll walk you through how to write and properly set up your new homepage.

Lastly, I’m going to give you the template you need to create your new homepage—free. (Click here to skip ahead and download it now.)

By the end of this article, not only will your new homepage be beautiful, it will also grow your audience faster than ever.

Ready?

Let’s go!


Overview of the Upside-Down Home Page

This new homepage layout and design are fundamentally different than what you are used to.

Let’s start with a quick walkthrough:

There are 6 main sections of the Upside-Down Homepage.

Part 1: Above the Fold

The top the page is dedicated to one thing: giving your readers what they want. Many websites push this call to action to the sidebar or footer. However, I’ve found that by making it the first thing someone sees when they come to your site, it increases the chances of them seeing it and acting on it.

Part 2: Social Proof

The social proof section indicates that you are someone to be trusted, based on the sites you have been featured on and companies you have worked with.

Part 3: Your Road Map

The road map gives your reader a quick glance at the path you are going to walk them down as they get to know you. In this part of my home page, I cover three main topics that are important to my blog and business: building an audience, creating products and launching products.

Part 4: Pilot Story

The pilot story is the the key to the Upside-Down Homepage. Instead of letting your best content get lost on page 10 of your blog, the pilot story highlights your best content, introduces the new reader to you and your site and then gives them a call to action to learn more. (More on that in the next step.)

Part 5: Call to Action

The call to action at the end of your pilot story works much like a content upgrade in a normal blog post. It takes your reader by the hand and leads them to the next thing you’d like them to do.

Part 6: Navigation

This is what makes this home page “upside-down.” Most websites have their navigation at the very top of the page, but we found moving it to the bottom of the page increased focus and conversions.


How to Create Your Own Upside-Down Home Page


Part 1: Above the Fold

At the top of the Upside-Down Home Page, you’ll see the main call to action.

As soon as your reader hits your website, they have the option to immediately sign up for your list.

Here’s what the above-the-fold call to action looks like on Mixergy’s homepage.

mixergy fold 1

Mixergy’s main call to action is to “Learn From Proven Entrepreneurs,” and they give away their top 9 interviews of all time.

You’ll notice the hard call to action in the yellow button.

Clicking that brings up a LeadBox™ to collect opt-ins:

mixergy lb

When creating your Upside-Down Homepage, don’t randomly choose your above-the-fold call to action. A great way to pick a call to action that converts is to use the headline from one of your most popular blog posts.

For example…

If one of your most popular articles is “10 Ways to Teach Your Puppy to Walk on a Leash,” you can take that headline and adapt it as your above-the-fold call to action with something like this: “Just got a puppy? Download our free guide that will show you 10 ways to teach your puppy to walk on a leash.”

Your action items:

  • Action Item #1: Identify your 5 most popular blog posts.
  • Action Item #2: Pick the article that would best fit a beginner to your website.
  • Action Item #3: Wordsmith the headline of that article for your above-the-fold call to action.


Part 2: Social Proof

The second part of the Upside-Down Homepage helps to instantly give you credibility in the eyes of a new visitor by showing that you’ve worked with companies they are already familiar with.

Like this:

social proof bar

If you haven’t been featured on a site yet, this can be a great place to use a quote from someone you respect. If you’re an entrepreneur, a quote from Seth Godin or Gary Vaynerchuk would work well.

The key here is to show your audience that you are someone they can trust.

Your action items:

  • Action Item #1: Make a list of companies you have worked with in the past.
  • Action Item #2: Make a list of websites you have been featured on.
  • Action Item #3: Select 5 of the most popular items from your two lists and feature them in this section of your homepage.


Part 3: The Road Map

Remember those Choose Your Own Adventure Books you read growing up?

That’s what a road map is for your homepage. It lets each visitor to your site select the stage they are at in your sales and content funnel.

steps

For my company, every reader can be at one of three distinct stages. They are either growing their audience, creating products or launching products.

By giving my readers the ability to select the information they are most interested in, I can serve them more relevant content and products.

For example…

If someone choses the call to action in the “Grow Your Email List” section of the road map, I know this is someone who is a good candidate for my free class on that topic, Audience From Scratch.

However, if someone choses “Launch Your Product,” this person is most likely someone who is more advanced and who I would want to follow up with as a potential coaching candidate.

Your action items:

  • Action Item #1: Map out the 3 main stages that your customers go through.
  • Action Item #2: Identify existing content you have already created for each of these stages.
  • Action Item #3: Fill out your road map with each stage and give away the existing content as a lead magnet.


Part 4: Pilot Story

The third part of the Upside-Down Home Page is where things get interesting.

It’s the secret sauce.

pilot

Most websites have an above-the-fold call to action. Many use social proof and some even use a road map to help their customers find their best content.

But after that, it’s just a mess.

A typical website gives their visitors too many things to do. With the Upside-Down Home Page, we do the exact opposite.

I want you to think of your home page as the pilot episode of a TV show.

The job of that pilot episode is to hook viewers with a compelling story and get them to watch the next episode. The exact same thing is true of your home page. The #1 goal of your home page is to capture your visitors’ attention and get them to keep reading.

So instead of cluttering this area with other calls to action, we’re going to use what’s been proven to work:

Your best story.

We’re going to use the best content on your website to hook your new visitors and then give them a call to action to subscribe to your email list to learn more.

Let’s walk through the two primary steps.

Step 1: Find your best content.

To find your most popular content, follow these steps:

1. Log into Google Analytics.

2. Click “All Web Site Data” for the site you’re analyzing.

3. In the sidebar, scroll down to and click on “Behavior > Site Content > All Pages”

analytics 1

4. Scroll down to see the stats for your site’s traffic and you’ll notice the most visited pages on your site. Be sure to sort by “Pageviews.”

Chances are your homepage is ranked #1, followed by a page or post that’s getting the most attention. Choose the content that’s ranked highest here.

most popular

Now it’s time to structure your pilot story so that your visitors are compelled by it and follow your call to action at the end.

To do that, start your story by sharing an attention-grabbing result.

In Mixergy’s case, we started the article by sharing the result that the interviewee experienced.

surprise

Once you’ve introduced the result, you need to do three things:

Thing #1: Keep your readers’ attention by sharing the problem that the subject of the article experienced.

Thing #2: Agitate that problem by talking about the struggle that happens when trying to achieve the result.

Thing #3: Give the reader a small glimpse of the solution.

Here is an example of all four elements in action on the Videofruit homepage:

4

Your action items:

  • Action Item #1: Pick the piece of content you’ll use as your pilot story. (Make sure it’s one of your already-popular articles.)
  • Action Item #2: Format the article to follow the four-part structure we outlined above (result, problem, agitate, solve).


Part 5: Call to Action

Remember the last time you binge-watched a show on Netflix? What happens at the end of each episode?

They make it extremely easy to watch the next episode by auto-playing it.

The call to action at the end of your pilot story is your auto-play.

cta

The call to action should tell your readers what to do next.

I recommend saving the meat of the content you used for your pilot story and giving it to the readers here.

For example . . .

In the pilot story on Videofruit I tease out a marketing strategy I discovered that increased my traffic by 25%. This is how I set up the call to action at the end.

teaser

Your action items:

  • Action Item #1: Write the conclusion of your pilot story by teasing out the lead magnet your reader will get when opting in.
  • Action Item #2: On the button that triggers your LeadBox™, tell the reader what to do (click) and what they’ll get (the formulas).


Part 5: Navigation

The last part of the Upside-Down Homepage is what truly makes it “upside-down.”

Most people put their navigation links at the top of their site. We do the exact opposite. We put them in the footer.

Like this:

footer

We’ve found that by moving the navigation links to the bottom of our homepage, our bounce rate decreased by 83%.

That means people are MORE likely to stay on our site when we tell a good story FIRST and give them options SECOND.

Your action item: Move your navigation links from the top of the page on your homepage to the bottom.


Get the Upside-Down Homepage Template


The Upside-Down Homepage is a super-simple way to increase the conversion rate of one of the most visited pages on your website.

Want a free copy of the Upside-Down Homepage template?

You can download a free HTML copy of the template by clicking below:

Click here to download my free template

If you have LeadPages™, you don’t need to download this template – it’s already available to you inside your LeadPages account. Just log in and you’ll see how super easy it is to customize this page in seconds with no technical knowledge or skills, make it mobile responsive, integrate it with your email service provider or CRM, run A/B split tests, and publish it to Facebook, WordPress, or your own server.

If you’re already a LeadPages® Advanced member, I’ve also included a version you can upload to your LeadPages® account. Both versions are delivered in one ZIP file, so make sure to unzip the file you get to access the two ZIP files inside.

Here’s what I want you to do right now (this should take no more than 60 minutes):

1. Download your free copy of the Upside-Down Homepage, if you haven’t already.

2. Go locate your most popular content that you want to feature on your Upside-Down Homepage.

3. Follow the pilot story framework to complete your Upside-Down Homepage.

4. Leave a comment on this post with a link to your site for me and the Videofruit community to go check out.

I’ll reply with a critique of your redesigned page for the first 5 people to comment before the end of November.

Get to it!

  • Please advise. I purchased the template mentioned above for $1 when I followed the free link (not a major deal, but truth in advertising) ~ but the template does NOT include the Road Map section (which was one of the things I was most interested in).

    (I used the link at the very end instead of Brian’s free download since I’m not a Pro member.)

    The Pilot Story section is also not there, but I’m assuming I can convert one of the testimonials copy section to function as that if desired.

    Is there a hack or adaptation to enable the 3-option road map that I’m not seeing?

    Thank you in advance for the great support I’m coming to realize is standard for LeadPages AND Brian.

    • Thank you for this brilliant piece of information. There is so much in this article that makes general common sense and I’m not sure why more of us aren’t using it! Definitely going to amend my homepage to align it with the design of this one. I like my homepage already, but from this article, I can see that there are elements that could do with tweaking in order to maximise its efficiency. Thank you again.

      • Daphne Sidor

        Glad you found this useful, Kate! 😀 Be sure to come back and drop a link to your home page if you end up making any changes inspired by this.

    • Daphne Sidor

      Hi, Christi! If you’re not logged into your LeadPages account, the template at that link will show up with a purchase price of $1. Once you’re logged in, though, it should display a price of $0. I’d reach out to Support if you were charged for this: https://support.leadpages.net/hc/en-us/requests/new

      You are right that the version at that link seems to be a little different than the one in the post—my apologies for not catching that earlier. I’m updating the post to clarify—sorry for the confusion on both these points, and thank you for taking the time to tell us.

      • Great stuff! Could you provide the link to the marketplace template, I can’t seem to find it. Also… why have two different templates?

        • Daphne Sidor

          Hi, Dan! Bryan has created a very similar template in the Marketplace (though it isn’t totally identical—an earlier version of this post did contain a link, but I removed it to avoid confusion at Bryan’s request). Just look for the “Mixergy Upside Down Homepage (10ksubs)” template in the Marketplace.

          Thanks for reading!

          • Eric

            I’m still struggling to find this template after looking for “Mixergy Upside Down Homepage (10ksubs)”. Any suggestions? Thanks.

          • Daphne Sidor

            Hi, Eric—unfortunately, Bryan now seems to have removed that template from the Marketplace for the time being. Sorry for the trouble here.

          • Eric

            Thanks so much for letting me know.

    • Janice

      I see this is all good and applies well for digital products and informational products but I don’t see how it can apply to physical products. Products in brick and mortar and online. Can anybody explain how it can work for businesses like these. Thanks.

      • Daphne Sidor

        Hi, Janice! I expect any business with a story to tell could use elements of this home page strategy: a strong primary call to action leading to wherever you want customers to go most (say a sale or a page for a featured product), social proof (maybe customer testimonials about your products), a “road map” that helps customers navigate their options, a “pilot story” introducing customers to your business’s history/philosophy or a top product . . . But you’re right that this exact page probably wouldn’t work for every kind of business, and it might make more sense to take inspiration from just a few elements of this template depending on your business model.

    • Hey Christi, thanks for the heads up on this. I’m uploading this updated version as we speak. Inside of the bonus section of the post you can download the copy with the roadmap.

      • Thanks for that! And P.S. You are an amazing teacher. I searched for a while before choosing who I would trust and learn from. You top that list now. Thanks again for the example you set of serving your audience well and all else will follow.

  • April-Eric Perry

    Bryan, we just became aware of you through several of the entrepreneur and social media leaders we follow and we have been very impressed! We have enjoyed your class instruction through your daily emails and just downloaded your lead conversion homepage template. We just recently released a new design of our homepage (www.learndobecome.com) but would love your critique/feedback (as mentioned in Jeff Wenberg’s email). Looking forward to learning from you!

  • Sacia Ashe

    Wow, I love this! I’m heading to the marketplace right now to go create my Upside Down homepage. This is my current homepage: saciaisabella.com

    • Daphne Sidor

      Very pretty site, Sacia! I can see the Upside Down strategy working well for you as a way to optimize a couple of things. The large image slider on your current page takes up a lot of space and doesn’t necessarily give a clear directive for people to click. And I suspect you’d see more subscribers if you switched to a two-step opt-in form rather than embedding it on the page—and maybe even if you started offering an extra incentive to subscribe (even something as simple as a PDF bundle of your best content could work well).

      Thanks for reading!

  • Please look at my home page at https://ceomasterbrain.com. Thanks ahead of time!
    Ed

    • Daphne Sidor

      Cool animation, Ed. My main observation about this home page is that the top fold is very busy—you’ve got 3 calls to action, in addition to all your navigation links. I’d suggest focusing that first section entirely on the free report you mention, taking time and space to really convey the benefits of that report. It looks like the Upside Down layout could actually be an excellent fit for you.

  • Would love you to critique mine:

    http://deanphillips.net/home-v2

    • Daphne Sidor

      Great sense of focus on that page, Dean. One thing I notice as a first-time visitor is that I’m a little fuzzy on what I’m going to get if I click your primary call-to-action button—yes, I’m going to learn about the system, but how? What format will this info be in? Is it going to cost me anything? I’d think about whether you could “productize” what you’re offering a little more in that first section. Further down the page you talk about a “blueprint,” which could be an effective way to characterize your offer in the first fold as well.

  • Melissa Minkin

    Wow, there are so many things to think about here. Please take a look at my terrible homepage: TeacherHacks.net

    • Daphne Sidor

      Ha! I wouldn’t call it terrible, Melissa—it probably works really well for people who already follow your blog. In thinking about a redesign, I’d focus on orienting and capturing new visitors, perhaps with a first-fold section like Bryan uses here. You could use it to quickly explain what you’re all about and offer a great content resource as an incentive for subscribers (maybe something like a PDF list of your top “hacks”). Very cool blog, by the way!

  • Most of these points are very good. A few are just a matter of taste. And one or two are a reflection of the individual company’s policies. For example, we do not have an email mailing list. Yes, I know, I know, they are widely considered invaluable aids for repeat business, and perhaps we will adopt that policy at some point in time. But not today. It has been our experience that customers (at least OUR customers) quickly get annoyed by solicitation emails – which exactly the wrong result. Another point with which I disagree is not having any kind of navigation available above the fold. We offer primarily 3 quite different services, and the customer seeking only one of them will want to learn more about that one service immediately. Without it readily visible and available, we run a high risk of the customer looking elsewhere on the Google list.
    We are in the process of revamping our entire website, and will keep your other points in mind. I’m sure they’ll lead to an improvement in our website offering.

    • Dan Henry

      I say this with all due respect, this is a perfect example of the wrong way to look at it. You are basing this policy on your opinion, not data. Your opinion means nothing, nada, zilch, zero. What matters is data. All the data is there to tell you that email lists work, and that navigation on a landing page lowers conversion rate. You can even test it yourself, you will see an increase in business. There are studies, experiments, and DATA all out there for you. There is no reason to ignore it. Customers will tell you they are annoyed, but they will still buy more, so who cares! This is why I say **NO ** to many consulting clients, you simply cannot have this attitude.

    • I know I’d get annoyed by constant email pitches to have my carpets cleaned, since I only get it done occasionally.

      The thing is that sending regular carpet cleaning offers is usually not best the way to use email marketing for a service business. The way to use email marketing for your kind of business is to get people to opt in for a PDF carpet-care guide that contains useful, helpful and little known tips for making their carpets look better, smell fresher, stay cleaner and last longer.

      The followup emails should give them more helpful tips on homemaking topics (including for carpet care), entertaining ideas, home improvement tips and other USEFUL stuff that will actually help them. Just by occasionally staying in front of your readers in a non-salesy way, and precisely because you are NOT pitching them carpet cleaning offers all the time, you will be at the top of your customer’s mind when they do want their carpets cleaned, and they will find your messages helpful instead of annoying.

      One email a fortnight or even one a month is enough, and a low-key, special offer at the end of each message is enough to make email marketing massively profitable for your business.

      • Daphne Sidor

        Excellent explanation, Rocky! Love this: “Just by occasionally staying in front of your readers in a non-salesy way, and precisely because you are NOT pitching them carpet cleaning offers all the time, you will be at the top of your customer’s mind when they do want their carpets cleaned, and they will find your messages helpful instead of annoying.”

  • I’ve been feeling for quite some time now that my homepage is in desperate need of an overhaul. I’ve been told that my audience doesn’t quite exactly know what I do or what the results are, and this makes everything much clearer. If there’s still room for me, I would love your thoughts on my homepage at http://www.leapica.com. Thank you!

    • Hi Lea! I took a look at your Home Page 🙂 It is well executed. I noticed when I clicked on the first “Show Me How” button — the LeadBox opens up in a new page and not as a light-box inside the same home page. I was curious about why that is happening. Also, I noticed that right after your lead magnet offer… there is a different call to action for a different offer, which make both offers compete against each other. I tested something similar a while back and it decreased my opt-in conversion and also my sales conversion. I wonder how it is working for you. I like your home page, however, as a brand new visitor I felt there was too much going on regarding offers and colors. It inspired me to browse a little bit and then I got out, because I did not know where to start exactly. My tests have told me that simplicity and clarity increases conversions. A big hug from Colorado 🙂

      • Daphne Sidor

        Usually when a LeadBox opens up in a new window, it’s because part of the LeadBox code hasn’t been copied over (so you may want to double-check that, Lea).

        Really nice-looking page, Lea! I did notice that the messaging in your first section doesn’t quite prepare visitors to see and respond to your LeadBox. Consistent messaging and design between your landing page and LeadBoxes typically makes for a smoother experience for users and a higher opt-in rate for you.

  • Thank you, thank you! This makes a lot of sense. What I like most is you are meeting people where they are and not where you think they should be. Giving them three choices versus just one is so smart. I will be grabbing the template from Lead Pages Market Place. The sites I plan to use it on are http://childsafetyfun.com and http://churchsecuritybasics.com

    • Daphne Sidor

      “Meeting people where they are and not where you think they should be”—what a great way to think about planning your home page. I think the Upside Down strategy could be a great fit for either of your pages, Glen; I’d especially love to see a first-fold call to action on Child Safety Fun, to capture visitors who may not have time to read all the (excellent) long-form content below it.

      • Thanks Daphne. Yes, I am trying to craft the homepage now for my CSF site. I bought the template and downloaded it from Bryan. It uploaded seamlessly into Lead Pages with no issues.

  • Kevin Vierboom

    We are just redesigning our home page http://www.fourtreelawyers.com.au for better conversions. This approach makes a lot of sense. Might go back to the drawing board and turn things upside down! Great post, thank you.

  • This is an awesome post and example of how to create a top home page Daphne, thanks for sharing it.

    Is this template going to be available in the LeadPages marketplace, since I have a Standard Annual account and can’t upload templates to my account? I had a look through the Marketplace for it but couldn’t find it, at least not under the name ‘Upside Down”.

    It would be great to have access to it for my account. Thanks again.

    • Daphne Sidor

      Thanks for reading, Rocky! Bryan has created a very similar template in the Marketplace (though it isn’t totally identical). Look for the “Mixergy Upside Down Homepage (10ksubs)” template.

      • Hi Daphne, thanks for your answer. It doesn’t show up for me in the marketplace for some reason 🙁 Maybe because I just have a standard account. No problems, thanks anyway.

        • Rocky, what I found was that I had to buy the template for $1 to be able to get access to it.

          • Hi Ricky, I’d be happy to pay for it but I can’t see it listed in the marketplace 🙁 It just doesn’t show up at all.

          • Hey Rocky! Inside of the bonus section of the post you can download the template and install it for free. That’d be your best route. Thanks for reading!

          • Hi Brain, Thanks for that, but I was an early LeadPages adopter and still have an inexpensive Standard Annual account and can’t upload templates. With the small amount I use it, there’s no other reason to upgrade to a Pro, so I’ll have to miss out on this.

            Thanks again anyway.

  • Adrien

    THANK YOU ! This is really cool and actionnable webdesign ! It makes a lot of sense to put the navigation at the bottom.
    With this template the hompeage already delivers exactly what the visitor wants in a few seconds… !
    It is also a great way to segment leads from the very first page of the website.
    I ll copy paste for my russian-language website ! (www.russe-facile.fr)

    Thanks again !

    Adrien

    • Daphne Sidor

      Thanks for reading, Adrien! It looks like your website already uses some elements of this design, such as the “pilot story.” I’d be very interested to see what would happen if you moved the navigation bar to the bottom and your call to action button above the fold, and introduced the “choose your own adventure” section.

      • Hoyt

        Daphne, do you think your upside down template would increase traffic to http://www.totalfratforum.com?
        It looks great but I don’t want to completely change the layout and confuse my current readers.

        • Daphne Sidor

          Hey, Hoyt! I notice a lot of blogs taking your current homepage approach, and I think it’s a layout that makes sense for existing users but may have a hard time capturing and orienting new visitors. Sort of assumes that people already know and care about you. I would suggest creating a more focused first fold like the one on Bryan’s page where you can quickly promote the content that represents your site best and is most likely to prompt newcomers to subscribe, sign up for a forum account, or whatever you most want them to do.

      • Adrien

        Hi Daphne,

        I am also veryyy interested so I ll put that into motion and ll make sure to keep you updated.
        Thanks for sharing and answering me back.

        Have a great day.

        Adrien.

  • Amy Jacobs Lippmann

    I loved this post and the template. Thank you! One question – what would you recommend for people who are just starting their business and don’t yet have a website? In their case, they won’t be able to look at the analytics of what as most popular. Would you suggest they focus on the areas they know their audience cares most about?

    • Daphne Sidor

      Thanks for reading, Amy! If you’re just starting out, I would indeed suggest thinking about the areas your audience cares about most—but also asking them. If you can talk to a few people in your prospective audience about the challenges they’re looking to solve and the content they’d love to have more of, you may find some surprising trends or insights you can build compelling content around. You could also try browsing forums where people in your audience gather to talk about their challenges (for instance, industry-specific LinkedIn groups can be an excellent source of inspiration if you’re in the B2B sphere).

    • Amy,
      2 thoughts.
      1. Write stories about how your new business is going to help customers. Presumably you have done something similar before even if it was in another organisation or maybe as a freebie for a friend.
      2. Think hard about what you need to do to persuade somebody that stumbles on your new site and has never heard of you that you are the ideal person to help them create whatever opportunity it is that your new business will be creating for customers. What are their challenges? then tell stories about how you have overcome similar challenges for others.

      Good Luck with it. A blank sheet is a scary place.

  • I read this blog with intense interest. Whilst I am not “embarrassed” by my home page, it is definitely brochure-ware and commercially it achieves very little. It has taken me rather too long to understand my customer journey from browser to buyer and what I loved about the “upside down” page is that it really gets the customer journey and is well designed to help prospective customers down the funnel without being as ‘pushy sales’ as some of the squeeze pages. The timing is great too because I have just started on a copywriting course led by Ramit Sethi (thanks LeadPages for introducing me to that Oracle of Wisdom) and I have had enough of my current CMS which makes creating responsive pages really hard so I am starting from scratch with a fresh install of WordPress, looking for a conversion template and clean sheet to practice my developing copywriting skills.

    All of this initiated from being a LeadPages subscriber.

    However, I have a problem. I have downloaded the LeadPages template, but now I am stuck. What do I do with it? Do I upload it as a Custom Template to my Pro account (I tried that and get an error – something about MIME types) and what exactly do I upload do I have to unzip first. What I love about LeadPages is that it is so intuitive.
    This is not. It is probably something really simple, but any help seriously appreciated.

    • Daphne Sidor

      Great to hear about your process, Mark! Sounds like you’re going to have a pretty incredible site when you’re through.

      Yes, you should be unzipping the first zip file you get and then uploading the zip file titled “LeadPages Template” as a custom template. (Template importer functionality is still a beta feature, so that could account for a hiccup or two.) If you’re still having trouble, the best thing to do would be to reach out to Support: https://support.leadpages.net/hc/en-us/requests/new

      • Hi Daphne,
        Well support say:
        “Typically this sort of error message appears when there is a file that is the wrong format. For example, I have seen it in the past when users tried to upload images that were the wrong type of file extension. Perhaps there is something in your template the uploader is not agreeing with.”
        Obviously I am not going to dig around in the files / folders – would not know where to start.
        So I am stuck!
        BTW I could not find the Mixergy Upside down home page in the Marketplace either, but then as there is no search and you cannot order alphabetically, finding specific templates is not that easy so might have missed it.

        Any other suggestions? Have others managed to install and use the template?

        • Hi Mark,

          Tanya here, replying for Daphne. Apparently Bryan took the Mixergy template down, so unfortunately you can’t use that one.

          However, Daphne tells me that lots of other people have been able to upload the template files they downloaded, so please try again. As Daphne says above, make sure you unzip the first file you received and upload the zip file titled “LeadPages Template.” Hope it works. Sorry we can’t be of more help here.

  • Eric

    I’m thinking of using this as a search PPC landing page. Do you think that could work well?

    • Daphne Sidor

      I’d be interested to find out! I think it’d be a great page format in terms of lead gen from paid search once people click through. The one thing that’s not entirely clear to me is whether your quality score would be affected by moving the nav bar to the bottom—though it’s not against AdWords’ guidelines, it is a bit of a gray area. (Bryan, I’d love to know if you’ve seen this page structure used for PPC if you’re still tuned in here.) May be worth testing.

  • Marty Boardman

    Okay, I may be a complete idiot but I have no idea how to format my header picture to work in this template. It’s way too large and all I can see is a blurry tree. Nor can I figure out how to create those cool logos for the credibility. I’ve been featured in my local newspaper and on a few TV stations, as well as quoted in the WSJ. However, I have no idea how to make those look like they do on this template. I also have no idea where to find icons like the ones used (rocket ship, envelope) that will work for my template (I could use a house icon, for example).

    Is there a tutorial somewhere that explains how to do this stuff? I need a lot of help here. Thanks!

    • Daphne Sidor

      Hi, Marty! No worries—it can take a while to figure out your design assets. 🙂 Here are some ideas:

      – Header image: It sounds like you’ll need to adjust the size of your image here. Try setting your width to 1440 pixels. If there are elements that you’re not getting in the frame at some window sizes, you may also want to crop your image so that the key elements appear close to the top left corner (which is your anchor point even as you resize your window or view your page on different screens). You can do this in even the most basic image viewing programs, such as Preview if you use a Mac.

      – Media logos: You’ll generally want to reach out to those media outlets who have featured you to get these. Most outlets will have versions of their logos available that are formatted just for this purpose, though it depends on the publication.

      – Icons: There are a number of sources of free and for-purchase stock icons online—try running a search for “free stock icons” if you’re interested in seeing all that’s out there for free. I just ran a quick search for “house” on one of the larger sites, and turned up quite a few high-quality options just in the “free” category: https://www.iconfinder.com/search/?q=house&price=free

      • Marty Boardman

        Thanks Daphne. Are there any instructional videos or webinars for design help available? I really thought this would be more intuitive. I love the way the free templates look, as well as this custom one. However, I don’t have the time to figure it all out. I tried editing my header photo for this template to 1440 pixels wide and it’s still gigantic. All I see is my head.

        • Daphne Sidor

          Hm, it’s hard to know what might be going on with your header photo without seeing the photo itself, but I’d check and make sure it’s a landscape-proportioned photo (the height will likely be around 1100px) with plenty of space to your left or right—a traditional headshot is probably not going to work in that space. If your head takes up most of the photo, it will also take up most of the background. I just tested a few 1440-pixel-wide photos in this template and everything seems to be functioning normally there.

          If your photo is vertically oriented or square, another option would be to make it half as wide (or even smaller). In that case, it will appear on the right side of your header area with a solid-color background to the left. You may want to experiment with several different sizes to see what you like best.

          I’m afraid I don’t have a design video or webinar suggestion ready at hand, but I’d encourage you to go ahead and chat our Support team if you’re having trouble with the design assets on any particular page: https://support.leadpages.net/hc/en-us/articles/203861600. We do try to make things as intuitive as possible (one reason why most of our templates don’t rely heavily on elements like headshots), but it’s true that currently your custom images do need to be the right size/shape for the space.