VWO Insights
Form Analytics

Uncover Friction Points In Your Forms

Analyze your form reports to find out how visitors interact with forms, what fields they fill in first, and which ones cause them to drop-off.

Know More
Complies with:
VWO GDPR Ready Badge
VWO CCPA Ready Badge
VWO G2Crowd Leader Spring Badge
VWO BS 10012 Certification Badge
Follow us and stay on top of everything CRO
Related content:

6 Sign Up Form Examples For More Conversions

15+ Min Read

Sign-up forms are an integral part of any website. Depending on the nature of your business, sign-up forms can be used for generating leads, collecting emails for your newsletter, and acquiring new customers. The problem is that a lot of businesses do not bother to optimize their sign-up forms for conversion.

Sign-up forms are still very valuable in generating leads for your business in 2020. A sign-up form is essential in growing a list of permission-based, engaged subscribers. It is also an important part of your customer acquisition and retention strategy. It is a useful tool that can be used across several marketing channels, including social media platforms as well as your blogs and websites. 

Download Free: Form Analytics Guide

illustration of a sign-up form

If your sign-up forms are not optimized, you would be wasting a ton of opportunities to grow your business. 

To avoid investing your time, energy, and money that won’t convert, I have compiled top examples of sign up forms. In this article, you will learn how to create sign-up forms that drive conversions and sign up form examples that stand out from the pack in 2020.

Let’s get started.

Sign-up Form Best Practices To Follow To Increase Conversions

To generate more leads and drive conversions, you need to create email sign up forms that are eye-catching. There are a ton of distractions on the internet, and if you fail to capture the user’s attention in the first few seconds, you might end up losing that lead.

To help you increase your chances of grabbing visitors’ attention and getting them to take a specific action, follow these sign-up form design examples and rules:

Increase the dimensions of your form fields

an example of a sign-up form within a newsletter

When creating sign up forms, your main goal should be to improve the user experience as much as possible. Not all users on your site would make use of the tab button to move from one form field to the next. Some would make use of mouse clicks and touch screens to fill in their details. Ensure that the fields are visible so that they can easily fill in their details.

Avoid having two columns fields

illustration showing
one-column and two-column sign-up forms.

Your sign-up forms need to be optimized for both desktop and mobile users. The idea of a two-column field might make sense for desktop users because of the rectangular screen that can accommodate two columns. For mobile users, it would be difficult to use and would hurt readability. 

Having multiple columns can also confuse website visitors when they are filling the fields. There is a big chance that users would skip a line or two when filling out a two-column field. This would delay the entire sign-up process and some users might get frustrated and just abandon the form.

Stick to four fields or less

screenshot of the sign-up form on tumblr
Image Source: Tumblr

To increase the engagement you have on sign-up forms, it is important that you reduce the number of fields. More fields can lead to clutter. Studies show that forms with a limited amount of fields have a higher conversion rate.

bar graph showing the variation of conversion rates along with the number of form fields.
Image Source:  Forbes

The image above shows that firms with less than five fields have 20 percent more conversions than the ones with a higher number of fields.

Limit your form to four fields or less. If the information isn’t important in converting a lead, remove it from the form. Stick to questions you really need to ask so that you do not create an unnecessarily long form. You do not need to ask a user to put in a phone number when signing up for an email newsletter

The majority of visitors do not want to spend minutes filling a sign-up form. 

Avoid asterisks and confirm password form fields

I mentioned earlier that you should make your form fields as short as possible. If you follow this rule, you would not need to add those annoying asterisks that mark the fields that must be filled. If you only add important fields in your form, you would not need an asterisk to signify where the users must fill.

Also, avoid asking the user to confirm their password in a separate field. Instead, let the user see the password they chose in the same field goal by inputting a “show password” button.

screenshot of the form field for entering password

Pro Tip: Instead of asking the user to input both a username and an email address, let the email address be the username. This would shorten the number of fields the form would have. Most effective examples of email sign up forms will feature this characteristic.

Avoid complex fields and give clear instructions

an example of a complicated error message shown to the visitor on entering invalid data in the form field for password
Image Source: Blue

Your sign up form should be clear and easy to understand. Avoid making use of complex fields that frustrates the users. Tell the users what to do as they fill the form, do not wait till they have made a mistake. Place clear instructions near the field so they understand what they have to do.

Your sign-up button should stand out and pass a clear message

Your CTA button is one of the most important parts of your sign-up forms. It should draw the user’s attention and drive them to take a particular action. Choose a bright color contrast from the form’s background color.

an example of CTA button within sign-up forms
Image Source: Treehouse

When writing the copy of your sign-up button, make sure that it has a clear value proposition. Instead of using just a plain “sign up” or “download” button, use “claim your free trial” or “start your free demo”. The later copy clarifies to the user what they would get when they sign up.

Enable social media sign up

an example of a social media sign-up
Image Source: Treehouse

You can also speed up the signup process by allowing users to sign up using their social media networks. Most users would opt for this option because it’s fast and user-friendly. It also helps since they don’t need to memorize new passwords again.

Offer an incentive to sign up

Offering an incentive is a great way to get people to sign-up. Research shows that when you offer an incentive, you can increase your sign-up conversion rate by up to 15%.

graph showing that sign-up rates increase when an incentive is offerred to visitors
Image Source: Ecwid

Instead of just asking the user to sign up, offer them an incentive that would make them want to give you their email. These incentives can be anything that you know would be valuable to the user.  Some of the most effective examples of email sign up forms will show a discount price for their product if users sign up.
To create better incentives,  learn how to create a killer value proposition.

Avoid the use of Captcha

Captcha is a technology that helps differentiate a computer from a human user. If you have had to fill a form that makes use of captcha, you would know how annoying it can be.

screenshot of Captcha on the sign-up form

Even though the point of this tool is to reduce spam, it can be very annoying to real users. It is another additional step that adds to your form field. Most times, it doesn’t work in the first or even second try. After multiple captcha attempts, a user can get frustrated and leave your site. It’s best to avoid using captcha entirely. 

We have seen the design rules your sign-up forms should follow, let’s see some sign up forms examples that stand out.

Download Free: Form Analytics Guide

Sign-up Form Examples That Drive Conversions

MailChimp

example of the sign-up form on the website of MailChimp
Image Source: Mailchimp

MailChimp is a good example of a great sign-up form. This sign-up form is clean, minimal and clearly shows the visitors what action they need to take. The chimp mascot is also a very good touch. It grabs the attention of the user and gets them interested in seeing more of the form.

Things to note from this sign-up form

The form only contains 3 fields. This ensures that the form is short and contains only important information.

They also give clear instructions on how to fill the form. Under the password form field, there is an outline on how the visitor would choose their password. As the user types and meets each password criteria, the bullet point fades. Not only does it improve the user experience, but it also saves them time. 

Another cool feature of the form is the call-to-action button. It would remain white until the user fills the form. When the user completely fills the form, it changes from the white disabled state to becoming active.

Nerd Fitness

example of the sign-up form on the website of Nerd Fitness
Image Source: NerdFitness

This sign-up form from Steve Kamb is an example of a sign-up form that converts well. While there are a lot of colors in the form, it works because it fits the overall theme of the nerd fitness brand. 

Things to note from this form

The form is straight to the point and has only one form field. All they need from you is your email address. Most people would be happy to give their email addresses. The lesser the information the visitor has to offer, the higher your chances of converting them. 

They also offer a free giveaway in the form of a book. This serves as an incentive for the user to give up their email address. The informal language used in the form’s copy also makes the sign-up process fun. 

The form also shows social proof. It shows that over 200,000 people have signed up before you. Statistics show that implementing social proof in your pages can improve conversions by 34%.

Another good example of a sign up form that uses social proof to its advantage is Single Grain.


example of the sign-up form on the website of Single Grain
Image Source: SingleGrain

In the sign-up form, they show some of the big brands they have worked with. By showing this, it improves their reputation and proves that they offer quality. Big brands would not work with them if they were not good right?
Pro Tip: If you haven’t worked with big brands or have a thousand subscribers, you can use customer testimonials as a form of social proof. They are also effective in increasing the conversions of a sign-up form.

Google

example of the sign-up form for a Google Account
Image Source: Gmail

Google is a good example of a sign-up form that converts.

Things to note from this form

The sign-up form is neutral and does not have a ton of colors. It is easy on the eyes with a minimalist design and a clear user interface. The form fields are also short. Users are required to fill in just their first name, last name, username, and create a password. 

Similar to the MailChimp form, the users are given a helpful copy that gives instructions on how the users should fill the form. It also has the view password button so that you can determine if you have made any mistakes.

Note that on the side of the form, there is an image with a microcopy that reads “One account. All of Google working for you”. This is an example of a clear value proposition. It tells the user that when you create this account, you get to use all of Google’s amazing features.

Quicksprout

example of the sign-up form on the website of Quicksprout
Image Source: Quick Sprout

If there is a signup form that stands out, it’s this form from Quicksprout. It doesn’t use the normal sign-up form that is on every website. Instead, it uses a URL entry. Before they ask a user for any information, they first offer them value. 

Things to note from this form

The sign-up form opens with a question that meets a pain point that the user wants to solve. To offer solutions to this pain point, you first need to understand your target audience. Quicksprout’s signup form asks its users if they want to have more traffic and immediately offers a solution that helps them learn why they are not getting enough traffic. Asking a question and then offering an actionable solution is a good way to increase the conversion of your sign up form.

The sign up form design examples have one thing in common. Minimalism. They are made minimalistic so as to avoid the visitors getting distracted. The color theme of the form also rhymes with the general theme of the site.

Grubhub

example of the sign-up form on the website of Grubhub
Image Source: Grubhub

The Grubhub signup form is a beautiful form that pops up a few minutes after the user enters the site. 

Things to note from this form

When this form pops up, the rest of the background gets dim so the full focus is on the signup form and the users do not get distracted by the other texts in the background. The form field is also very short; just an email and a password are required.

At the side of the form, there is also a nicely designed list of all the benefits the user would get from signing up. This is a good incentive that would make the user want to sign up.

TransferWise

screenshot of the sign-up form on the website of TransferWise
Image Source: TransferWise

TransferWise is an app that allows users to transfer money to different banks all around the world without any stress. TransferWise makes use of a simple and clean sign-up design. 

TransferWise is an app that allows users to transfer money to different banks all around the world without any stress. TransferWise is one of the simplest sign up form design examples. 

Things to note from this form

The top of the sign-up form shows the company’s value proposition clearly – “Welcome to money without borders”. The copy answers an important question that most of the users would have – ” how can I easily transfer money from one country to another?”

Next, users can decide to choose either a personal or business account. This form field is essential since it is a finance app. Along with your email and password, you would also add your location. Even with five form fields, the design is still clean and minimal.

Pro Tip: If for any reason you would need more than four fields, opt for a very clean and simple design. More color and animations can make the sign-up form look cluttered.

Want to know how good are your forms? Watch a guided tour of VWO Forms that help analyze how visitors interact with website forms:

VWO Forms | Overview

Conclusion

Your next step is to follow the tips and sign-up form examples shown in this article. If you can get it right, you would be able to create better converting sign-up forms and increase the number of quality leads generated.

Frequently Asked Questions

What are the best practices for creating a signup form?

Creating an effective signup form is essential for capturing user information without overwhelming them to meet your conversion goals. Here are some best practices:

1. Simplicity: Keep your form simple and concise. Ask for only essential information to reduce friction and improve user’s interaction with the form. 
2. Mobile optimization: Ensure your form is mobile-responsive, as many users sign up from their smartphones. Test it on various devices to ensure a seamless experience. 
3. Error handling: Display clear error messages and suggestions when users make mistakes. 
4. Social sign-up: Offer the option to sign up using social media accounts like Facebook or Google for a seamless, one-click process. 
5. A/B testing : Continuous sign up form optimization is essential to keep the form aligned with users’ changing preferences and behavior. 

By following best practices, you can create a positive onboarding experience, setting the stage for meaningful interactions with your platform going forward. 

How can I optimize my sign up form for SEO?

Optimizing your sign-up form for SEO improves its visibility on search engines. This ensures that when users search with relevant keywords, your sign-up page shows up in their search results. Find below some tips:

1. Keyword research: Identify relevant keywords related to your sign-up form and add them into your content, sign up  page title, and meta description.
2. Page load speed: Optimize your sign-up page for faster loading times by compressing images and minimizing scripts to improve SEO rankings. 
3. Mobile responsiveness: Make sure your sign-up form is mobile responsive. That way it can meet Google’s mobile-first indexing criterion. 
4. Schema Markup: Implement structured data markup for your sign-up form. This can help search engines understand the content and context of your form, leading to faster crawling and indexing. 
5. HTTPS: Your sign-up form must use HTTPS to encrypt data that not only secures user information but also improves your site’s SEO ranking. 

Implementing these tips will help you drive more organic traffic to your website and win potential customers. 

How can I make my sign up form more engaging?

To make your sign-up form more engaging, focus on creating a visually appealing experience. Simplify the form fields to request only essential information, use clear and concise language, and provide helpful tooltips. All of this will ensure cognitive ease for your visitors, helping them perform the task they are supposed to do without feeling overwhelmed. 

Further, use the power of words to make the experience even more engaging for your visitors. Incorporate persuasive language and action-oriented copy to nudge towards completing the form sign-up. Apart from this, you can use eye-catching design elements, such as contrasting colors (make sure they are your brand colors) and compelling visuals, to draw attention. To build with your visitors, you may also add social proof, testimonials, and security badges. All of this together plays a big role in making your sign-up form engaging and frictionless for your visitors.

How can I reduce the bounce rate of my sign up form?

Bounces are the biggest enemy of your form conversions. To reduce bounces, here are some tips you can follow:

1. Shorten the form length: Keep the sign-up form concise by asking only crucial information. The longer the form, the more likely users are to abandon it. 

2. Visual hierarchy: Use contrasting colors, bold fonts, and proper spacing to emphasize the form and its fields. This helps guide users’ attention.

3. Social login: Offer users to sign up using their social media accounts to simplify the registration process. One-click sign up helps users save time and get started with the app.

4. Content: Ensure that the content on your sign-up form page aligns with what you are offering – the reason your visitors are signing up. 

5. Personalization: Tailor the offer on the sign-up form based on user behavior, interests, or demographics. A personalized experience will retain visitors’ interests and encourage them to take the necessary action. 

You can always analyze user interaction with your sign-up form using VWO Form Analytics. Understand where they are dropping off, the time taken to complete the form, and uncover all the friction points.

How can I track the performance of my sign up form?

With VWO Form Analytics, you can not only identify where users are dropping off from your form but also monitor the time visitors take to complete it. Further, you can track idle time and interaction time, gaining insights into whether users had to refill certain fields or if they ignored them altogether. This information helps you pinpoint sources of friction in the user experience with your form. All the reports are generated in real-time, ensuring you don’t miss any important updates. Further, you have the option to add observations to your form report and share them with your team. To understand how it works, take a free trial of VWO today.

What are some examples of sign up forms?

Effective sign-up forms feature minimal form fields, a clean design, and a prominent CTA button. In this blog, we’ve shared some top sign-up form examples that you can draw inspiration from. However, our advice is to thoroughly analyze the performance of your current sign-up form on your website. Visitors on different websites are bound to behave differently, making it essential to understand the unique behavior of your site’s visitors. Based on this analysis, you can then conduct tests to identify strategies that drive more engagement and conversions.

Marvellous Aham-adi
Marvellous Aham-adi Marvellous is a freelance writer and content marketer for B2B, B2C, and SaaS businesses. He has written for well-known digital/marketing brands such as Social Media Examiner, Oncrawl, Keap (Infusionsoft), WordStream, Mention, and GetResponse. His specialties include blog post writing, content marketing, technical and analytical writing. He works closely with B2B and B2C brands to produce highly researched long-form blog posts, white papers, emails, and case studies. He also owns a website at TheZeroed where he writes about growing a business using actionable marketing strategies.
Share

Scale your A/B testing and experimentation with VWO.

Start Free Trial Request Demo
Invalid Email

DOWNLOAD FORM ANALYTICS FREE E-BOOK