Landing Page Templates

Our landing page templates are designed to convert. Using the principles of conversion centered design, we've produced a suite of templates so you can publish pages without any HTML knowledge.
header-templates

Landing Page Template Gallery

Use a best practice landing page template to create a page in minutes

Our suite of landing page templates is designed to help you construct your pages more quickly without design or technical assistance. There are 2 primary types of template: those for lead generation, and the e-commerce style click-through template. If you have any questions or template requirements, we'd love to hear about them in the comments section below.

Or recreate your design from scratch

The Unbounce landing page editor is so powerful that you can easily recreate even your most complex designs (e.g. a Photoshop design or a page on your website). You can do this by starting with a blank page and using our landing page building blocks to construct anything you desire. Here's a great example of one of our customers building an original from scratch: iBrite iPad landing page example

Sign up and build a landing page with a template now

New Landing Page Templates - Designed For Conversion!

Check out our new collection of 10 landing page templates! Each layout has been created using the principles of conversion centered design to optimize your click-through's and lead capture opportunities. Simply replace the logo and core messaging, then add your features, benefits and a product shot or video. Update the call to action on the button and you're ready to start converting.

Click on the thumbnails for a live preview.

NOTE: All templates are flexible.

The Unbounce editor lets you customize the layouts to fit your needs. Drag 'n' drop, move, edit, publish. Easy as pie.

NEW: 5-color button set

There is a new set up buttons that people can use to replace the orange ones as desired (green, blue, black, red, orange). Download image files and Photoshop PSDs

#1: Lead Generation Landing Page Template

Lead capture template with directional cue (blue arrow) to aid conversion.

#2: Lead Generation Landing Page Template - Message in Banner

Lead capture template with directional cue (blue arrow) to aid conversion. Primary message is assumed to be part of your banner image.

#3: Lead gen landing page template - with video and feature list

Video based lead generation template with a feature list for product/service benefits. Adding video to your pages can increase engagement and conversion rate.

#4: Lead Generation Landing Page - Coming Soon Template

Capture email addresses with this coming soon template. Suitable for companies in a beta or pre-launch phase or anyone wanting to build an email list around an upcoming site or product/service.

#5: Lead Generation Landing Page Template - Coming Soon Template with Video

Capture email addresses with this coming soon template. Suitable for companies in a beta or pre-launch phase or anyone wanting to build an email list around an upcoming site or product/service. Includes a video to showcase your product/service or to apply a personal message from the company.

#6: Click-through landing page template - with product photo

Click-through template designed for a product. Replace the image placeholder with your product photo.

#7: Video Click-through landing page template - video with feature list

Video based click-through template with a feature list.

#8: Video Click-through landing page template - video with bullet list

Video based click-through template with a bullet list for product/service benefits and an extended description area.

#9: Click-through landing page template - title in banner

A click-through landing page with space for a wide banner image and a large CTA. In this template it's assumed that your primary message is part of the banner.

#10: Click-through landing page template

A standard click-through landing page with space for a wide banner image, a bullet list for features/benefits and a testimonial.

The Old Templates

We've replaced the templates below with the new and improved ones above. Most have been turned off in the Unbounce application now, but if there's on down there that you miss, please let us know and we'll reinstate it or build a new version with the new styles.

template-mac

Templates for Lead Generation

The primary goal of most B2B landing pages is to capture new "leads".

These are interested customers that are willing to provide you with their personal information in return for a reward, such as a whitepaper, webinar registration or discount coupon

Building a lead generation form is simple with our selection of ready-made best practice templates:

gallery-landing-page-template lead gen

(Click image to enlarge)

#1 - Simple Lead Gen Template

This is the simplest plug 'n' play style lead generation template. Replace the primary value proposition, introductory paragraph, bullets and testimonials. Drop in your logo, add a banner, then change the call to action on the form and you're ready.

Template Features
  • Customizable lead capture form
  • Large Banner area
  • Feature/benefit bullets
  • Non-graphical button for simple CTA changes
  • Testimonials

Live Demo

gallery-landing-page-template lead gen

(Click image to enlarge)

#2 - Pre-Launch Lead Gen Template

Use this landing page template to gather leads for an upcoming business, product or service release. This is a common approach for the lead up to a private beta launch.

Template Features
  • Simple one-field design for high conversions
  • Web 2.0 style typography
  • Capture leads
  • Graphical button

Live Demo

gallery-landing-page-template business consultant lead gen

(Click image to enlarge)

#3 - Business Consultant Lead Gen Template

Designed as a personalized business consultancy landing page. Present your business offering and gather leads for a free consultation (as an example) - or send your customers a free whitepaper for signing up.

Template Features
  • Customizable lead gen form
  • Profile photo
  • Business description bullets
  • Directional cue to encourage interaction
  • Contact Details

Live Demo

template-mac

Templates for E-commerce (click through)

E-commerce templates are designed to facilitate a simple "click through" to the product or service destination. They are an extension of the upstream advert (banner ad, paid search ad or email link) and are intended to explain your message in sufficient detail to enhance the level of purchasing desire.

Building a click through page is simple with our selection of ready-made best practice templates:

gallery-landing-page-template-click-through

(Click image to enlarge)

#4 - Simple Click-Through Landing Page Template

A basic click-through landing pages designed to lead the user towards the primary Call To Action (CTA).

Template Features
  • Large product banner area
  • Feature/benefit bullets
  • Testimonials
  • Simple text CTA for easy A/B testing

Live Demo More Details

gallery-landing-page-template-click-through

(Click image to enlarge)

#5 - Graphical Click-Through Landing Page Template

This is one of our newer designs focused on the simple click-through template. In this instance there is a secondary CTA presented in the form of a phone number. Generally you only want a single call to action, but here the phone number can represent the next best action the user will perform. Depending on your business goal, your CTA can be a link, phone number or a social interaction: follow us on Twitter, "Like" on Facebook etc.

Template Features
  • Large product banner area
  • Feature/benefit bullets
  • Testimonials
  • Stretchable Unique selling proposition (USP) communication stripe
  • Graphical buttons (Photoshop PSD included)

Live Demo Photoshop PSD More Details

gallery-landing-page-template-click-through

(Click image to enlarge)

#6 - Video Click-Through Landing Page Template

Showcase your product or service with a video to increase engagement. This template also includes a feature list and a social media icon to reference traffic from a source such as Twitter.

Template Features
  • Video embed ready
  • Feature/benefit bullets
  • Directional cue to draw attention to important facts
  • Contemporary design elements
  • Social media icon (Twitter)

Live Demo

gallery-landing-page-template- sales letter click-through

(Click image to enlarge)

#7 - Sales Letter Landing Page Template

We all love to hate the "infomercial" of the marketing world - but the truth is, these pages convert well. Typically used by the solo entrepreneur, they can convey a personal approach to marketing that translates into trust.

Template Features
  • Large hero shot banner area
  • Feature/benefit bullets
  • Styled to look un-designed for the personal touch
  • Repeating CTA buttons

Live Demo

Comments

(All links are Do-Follow: we respect and encourage interaction)

  1. oligardner says:

    testing comments on the template page

  2. oligardner says:

    I'd love to hear people's thoughts on the templates, specifically on the newer ones presented at the top of the page. At the end of the day we're bringing you landing page templates based on fundamentals of conversion centered design. But if there are functional or aesthetic modification we can make to make them easier for you to use then we'd love to know.

    Please share your thoughts. Good and bad. :)

  3. bb says:

    These look great, but the Live Demo links don't seem to work!

  4. oligardner says:

    Thanks for pointing that out!
    I've fixed the links now so they should all be working.

  5. Jorge says:

    Can we make our own or at least modify the CSS?

  6. oligardner says:

    We are working on the functionality to allow you to save a page as your own template (for re-use). In the mean time, you can save a page and give it a name like “TEMPLATE: my lead gen” – then just duplicate that every time you need to create a new one.

    As far as CSS is concerned, we don't support it 100% yet, but there is a CSS code element in the landing page editor that you can use to enter some custom CSS code.

    If you have any issues on the CSS side, we'd like to hear about them to see what we can do to improve things for you and future users.

    Thanks for the question Jorge.

  7. [...] Page Templates | Unbounce Posted on 15.06.2010 by vladimanis via unbounce.com This entry was posted in Без рубрики. Bookmark the permalink. ← [...]

  8. Loving everything you guys are doing. The new updates make you VERY relevant to my business and I'll be using you as soon as I finish up the project I'm currently working on.

  9. oligardner says:

    That's awesome Justin. Glad to hear. When you get free'd up a bit I'd love to know what works for you with the new updates. Also we're also open to suggestions for new template types that people will find useful.

  10. good stuff!

  11. Chris Beaman says:

    Interesting that these templates don't have calls to action themselves. Rather than lightboxes (or even within the lightboxes) it might be worth your while to put a button that says something like “purchase this template…”

  12. oligardner says:

    Hey Chris,
    Probably something I should address on the page now. The templates are built within the Unbounce system – to be used for creating landing pages within our WYSIWYG editing environment. As such they are not standalone entities or designs for sale or use outside of the system.

    Hope that adds some clarity. And thanks for pointing out something that might not appear obvious.

  13. Chris Beaman says:

    Oh okay, thanks for the clarification. Impressed with your speedy response. Does your editor allow for changing the color(s) of your landing pages or is their general appearance pretty much set in stone?

  14. oligardner says:

    Hi Chris,
    And after one speedy response, you get a slow one :) (sorry, it got lost in the thread).
    Yes, Unbounce is completely customizable. You can easily change the color, size, and position of any element on the page. On exception to this is the graphical button used for the CTA. I can provide access to a Photoshop PSD if required to update this, or there is the option to use a simpler button object on the page (basically a simple box shaped button which uses CSS etc) and this is 100% configurable in size, dimensions and color.

    Hope that helps.
    I see that you've signed up now. Ping us at support@unbounce.com if you have any other questions as the whole team will see them and we can respond more quickly.

    Cheers
    Oli

  15. seanMeverett says:

    Amazing resources Oli! Great work!

  16. oligardner says:

    Thanks Sean.

  17. Paul Johnson says:

    FYI Your shadow box previews do not work on iPhone. I get no popup.

  18. Gnuboss says:

    Wow, this is a super cool idea and the landing pages look fantastic – this service could really save hundreds of hours.

  19. David Hindman says:

    I’m wondering if these pages run into any quality score issues with Google AdWords. I don’t see any privacy policy links and do they view these landing pages as basically a 1-page website? My experience has been that your account gets penalized after awhile. Very intrigued by the service but have a few concerns.

  20. Oli Gardner says:

    From the latest information I’ve read, Google is more interested in seeing that you’ve explained on a lead gen form what and how you will deal with a persons email address. nnTo quote from an interview between Brian Clark and Geordie Carswell:nnTheir point was: think about the user. If you are entering your email address into na lead gen form, your biggest question is what happens if I do this, what happens to nme after this. What they want is not a second page or privacy policy in light grey ncopy shoved into the footer, they want you somewhere in the area where you nwould fill in the form to say hereu2019s what happens with your information. If itu2019s nan email address they want, and theyu2019re not specifically saying put the email naddress and then put this under it but theyu2019re essentially saying tell the user nwhatu2019s going to happen. nn

Leave a Reply

blog comments powered by Disqus
Segment Pixel