Website contact form. 11 tips for a registration form that can bring you more clients
London, UK Одесса 65000
+44 (20) 8068-5324
Branding
Startups
Wow sites
Web development
Ukraine is a capital of great people!
Please, support Ukrainian suppliers and army

11 tips for creating a registration form that can bring you more clients

15.06.2020 6317 5 min.

Few website owners check several fields that visitor fills with contact details. Moreover, the lead form is often the last place on the website that you pay attention to. But no matter how great your website may be, all your future sales depend on this tiny registration form.

Here are 11 tips on website form organisation from Alex, the UX/UI designer of the SOLAR Digital team:

  1. The number of fields is inversely proportional to your form conversion. The more fields, the lower is the conversion.
contact form right wrong

2. The person seeing the form must know why he or she needs to send you the contact details. Some companies forget to explain that, thereby scare people and make them leave the website. People often see the explanation like “Thank you, we will contact you soon” after sending the data. But the potential buyer needs to see it first, to be sure he or she does the right thing.

registration form right wrong

3. Hints are helpful, so use them. Place an icon next to the field explaining what to do and what it will lead to.

contact form ux design

4. There are some situations when the form can occupy the entire screen to take the lead’s attention. For example, you can do that when you need to take the user’s e-mail at any cost. But if you need the newcomer just to subscribe to your news, a simple pop-up will be better.

website registration form

5. You can collect the database even with a minimal number of fields. Of course, it depends on your website specifics. If you have a bank registration form on your website, it will need a lot of additional data. But for the phone sales, one input field is enough.

website form phone number

6. Be sure to provide validation of the phone/mail data. If it is entered incorrectly, you will not be able to use the data. And the potential buyer will be lost forever.

7. When some of the data is already written in the field (like +44 (7…) in the phone number) that often leads to confusion. And beware of operator code selection in the pop-up list. That action makes data input a little more complicated.

8. Error messages, when typing, should not yell at the user. Let them be just noticeable and show the direction without scaring anyone.

9. Always highlight wrong fields when filling in. The user is more likely to close the window instead of searching for an error all over the screen.

website contact form

10. Make sure that the form does not delete all data when displaying an error. Because few people in the world have enough patience to fill it out again and again.

11. After submitting the form, inform the user about receiving his data. Otherwise, he will try to resend them. Or even go to a competitor’s website.

contact form website thank you window
You might also like:
  1. Tired of unneccessary productivity tips? We’ve sorted out the most useful ones for you — Top 100 Productivity Tips
  2. Whom to pay first: designer or copywriter? — What comes first: design or content?
  3. AI can’t create suitable web-design. But what if it already does? — How AI has started to impact the work of designers

Let's talk

about your project

Attach file

.pdf .page .numbers .xls .xlsx .doc .docx .jpg .jpeg .png .rar .zip .7z - 3 MB

Format: pdf, page, numbers, xls, xlsx, doc, docx, png, jpg, jpeg, rar, zip, 7z; File size up to 20MB

Empty name
Empty size
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Form successfully sent :)

Oops! Something went wrong.

Play
Showreel preview
Thank you for your request!
We've received your application. Soon we'll contact you.
Oops!
Something went wrong.