17 Examples of Lead Gen Forms Optimized for Conversion

POSTED IN My Blog | TAGS : , , , ,
2.07.2013

17 Examples of Lead Gen Forms Optimized for Conversion
Don’t keep your leads locked out with poorly optimized forms (Image source)

What Are Lead Gen Forms Optimized For?

Collecting leads & obtaining online conversions.

When you are pumping time and resources into designing your site, you should pay extra attention to the form – it’s a hot spot for turning visitors into leads for your business. And don’t take my word for it; Expedia gained $ 12 million in profit by removing just one redundant field from a form.

This post was inspired by a previous Unbounce post, How To Optimize Contact Forms For Conversions [Infographic]. Further down, I’ll give you 17 live form examples, each with a short critique, but for now, let’s cover how to best optimize your contact form.

Is Your Landing Page Form a Vampire or a Locomotive?

Since not all forms are created equal, practice makes perfect when it comes to their optimization. The great part about web forms is that you can break them into chunks, and set analytics goals step by step, which does a lot to shorten the process of A/B testing your page. This way, you can get a clear view on visitors’ behavior and map those choke points that crush conversions.

For example, let’s say your form page has a high bounce rate and subsequently you notice that just 1/3 of the unique visitors are actually filling in the form. This would mean that your form is a landing page vampire, with a high level of abandonment making your entire landing page perform poorly. The solution is either to remove the form from your landing page and place it on a subsequent one, or to draw conclusions over analytics and optimize the form to encourage fill-ins (find some quick’n’dirty tips below).

On the other hand, there are so many scenarios where a form is the locomotive of the landing page, carrying high conversions on its own.

What Does A Form Conversion Mean?

The first answer is obvious: the moment when a visitor hits the ‘send’ button. However, after a couple of years spent knees-deep in form tweaking, my conclusion is that real and actionable conversions come if you fulfill two conditions: overcoming psychological obstacles + screening out the tire kickers. In other words, a pro conversion is all about getting a lead that has a genuine interest in your business and your product offering. As Mona Elesseily said, “collecting information from prospects with your form is a negotiation, a process of easing into a relationship – and not a sudden event.”

Takeaways to rock your visitor-to-lead form conversions:

  1. Minimize friction. It’s a good idea to use fewer form fields – the general rule of thumb sweet spot is between 3 and 5 fields. Also, cut down required fields. If you are unwilling to sacrifice data precision over conversions, consider dividing your form into several steps.
  2. A good privacy policy is golden. People are reluctant to give away personal information, so you need to reassure them that their details are safe in your hands. The best way is to link your privacy policy within the form, either below the most sensitive field (usually field asking for a phone number or email), or as a footnote.
  3. Ensure you have a strong Call-to-action. This refers to both your design and your copy. “Never Submit” says the Unbounce team. As you can see in the infographic, the most compelling text formulas for the button would be “Click Here”, “Go”, “Download” and “Register”. Don’t be afraid to super size the button, and give it an attention-grabbing, positive color (orange, green, blue).
  4. Use smart CAPTCHA, or no CAPTCHA at all. To avoid the risk of scaring off visitors, make sure that your “human verification” code only shows up when there is some sign of abuse over the form (such as multiple submissions from the same IP in the same day).
  5. Place the form above the fold. It’s been reported that the best converting spot lies in the upper right hand corner of the page, as people tend to look over there first. The rule of thumb is to make the form visible at first glance without scrolling.
  6. Last but not least, you should also take care of the surrounding space on the page that contains the form. Give the form some room to “breathe”, and use directional cues to highlight it. It’s a good idea to include trust seals on the page, and powerful elements that reinforce the statement of benefit (what you will get from filling in the form). Generally, the page should pass the blink test, which is roughly 6 seconds from the moment the visitor enters it. Minimize friction by avoiding dissonant colors, text cluttering, navigation that distracts attention, and parasite calls-to-action that overlap with the form’s main goal: submission.

And since the aim of this article is to show, not tell, I’ve chosen a handful of live form examples to analyze and critique so you can learn. Voilá!

**Disclaimer: Although the entire pages are showcased below, my concise analysis refers only to the form (not the page in its entirety).

Bizness Apps

BiznessApps form optimization
Click for full-size image

A neat form with a classical look, placed right between strong landing page elements: trust seals and an informative video. It uses the required condition wisely, just for the email field. Could have been more explicit in scope, however.

Broadcast2World

Broadcast2World form optimization
Click for full-size image

Nice colors, strong call-to-action button and good directional cues. What is there not to love?

Text Link Ads

TextLinkAds Long Field Optimization
Click for full-size image

The first form aims two actions at the same time, create an account and request a proposal, which can be overwhelming, same as the great number of required fields.

text link ads form optimization
Click for full-size image

In this second form field, the cascade of forms close to each other are quite a turnoff for the time crunched visitor.

ClickWorkforce

ClickWorkforce form optimization
Click for full-size image

Here is an example of wise usage of the sidebar space. A trust seal and alternative contact methods are what encourages me to stay. The good parts about the form itself are that it has an informative headline and links to a privacy policy. Two drawbacks: the “Submit” text on the button, and the two-column layout which slows down reading.

Oracle

Oracle Form Optimization
Click for full-size image

This form really scares me. Ten required fields, including a Phone one? And not asking at least what time people would prefer to be contacted? This is simply a no-no.

W3Markup

W3Markup Form Optimization
Click for full-size image

Real time price calculations are a big plus for this form. I also like the simplicity of the fields, and the fancy sliders – they make a good match for the target public.

SiteMover

SiteMover Form Optimization
Click for full-size image

Here is one inviting form. Catchy headline, explicit description and fields that take less than 2 minutes to fill in – good layout!

Brain2020

Brain2020 form optimization
Click for full-size image

This example illustrates what I call the Chuck Norris of web forms. Big bold title and button, simple fields and a background that screams “give me all your attention!” This little fellow might just be a hero of conversions.

Spredfast

Spredfast form optimization
Click for full-size image

Clear statement of benefit, but too much wording here. I would use a “Download Now” text for the button and balance the white space surrounding the form – it would be more inviting if the fields themselves were placed towards the top of the page rather than the bottom.

Servint

Servint Form Optimization
Click for full-size image

Nice slim form – even too slim maybe, as the absence of a “required” validation upon the email field puts it at risk of receiving invalid submissions.

U Test

U Test Form Optimization
Click for full-size image

This page does a great job in encouraging visitors to download the material. With so strong statements of benefit, I would definitely be willing to spend a little time in filling in the form.

Passive Club

Passive Club Form Optimization
Click for full-size image

The rules of thumb for popup lightboxes such as this one are to leave a clear exit button (so that people don’t force a way out) and to explain why it’s necessary to fill in the subscription form. This form does both beautifully.

The Next Web

The Next Web Form Optimization
Click for full-size image

Can you locate the subscription form in the picture? Yes, it’s below the “Stay smart” slogan. It’s a relevant example of non-intrusive form that serves its purpose well and manages to be an aesthetical pleasure too.

DesignM

DesignM Form Optimization
Click for full-size image

Minimalist design puts an extra weight on every form element. In this case, the “submit” text is quite disorienting; a “subscribe” one would serve its purpose better.

Web Traffic ROI

WebTrafficROI Form Optimization
Click for full-size image

Nice and effective form, with just one exemption: the extra link, which makes you wonder if filling in the form would be the best way to grab the e-book. I love the download counter, a very engaging feature.

Big Idea Mastermind

Big Idea Mastermind Form Optimization
Click for full-size image

Another hero of conversions, here is a spectacularly designed form with just one field that does it all, plus engaging colors and contrasts – highly converting combo.


How about you? Do you have some web form stories to tell? We’d love to hear them in the comments section below!

– Laura Moisei



,
Unbounce http://feedproxy.google.com/~r/Unbounce/~3/99kfWE0KA8c/

Comments are closed.