icon

24/7 Support

Contact forms: a must for generating conversions

04/03/2022
The ultimate landing page form guide for 2021

Giving your user several options for a certain answer is possible, but you should avoid drop-down menus. The latter are especially difficult for mobile versions of forms. In addition, a drop-down menu also requires two clicks before someone has submitted an answer, which again increases the threshold for completion.

As an alternative to the drop-down menu, you can display the various options with a ball. You then only have to tap and scroll through.

Provide Matching keyboards to your landing page forms

Mobile users appreciate apps and websites that offer a suitable keyboard for the field. For example, if users want to enter a credit card number, a numeric keyboard should pop up immediately. If they need to answer an open-ended question, the keyboard should pop up.

These seven HTML input types are relevant to landing page form design:

  • input type=”text” displays the normal keyboard of the mobile device
  • input type=”email” returns the normal keyboard and ‘@’ and ‘.com’.
  • input type=”tel” returns the numeric keypad from 0 to 9
  • Input type=”number” displays a keyboard with numbers and symbols
  • input type=”date” displays the date selector of the mobile device
  • input type=”datetime” displays the date and time selector of the mobile device
  • input type=”month” displays the month and year selector of the mobile device

Landing page forms: definitions

Input Fields: An input field, also known as a landing page form field or field, is the box a user types in or selects to enter information. They are the individual sections that a user clicks to enter something.

Field Labels: Field labels describe the purpose and function of form elements. They let your users know what they should enter in the input fields. For example, if a form asks for your birthday, a field label is the label “month” next to a drop-down menu of listed months.

Validation field: A validation field allows you to automatically check whether the information entered by a user is valid. A common example of validation is that for email addresses where it is checked whether there is an “@” or “.com” in the field.

Call to action: Abbreviated CTA. A call-to-action is the button at the end of a form. With this button the user can submit the landing page form or click through to the next step.

A good landing page has only one task: to get visitors to convert, right there and then. Unfortunately, those annoying forms are one of the biggest obstacles to landing page conversions. Master the art of landing page form design and you will see an immediate increase in conversions.

Just like your website or landing page, a contact form looks different on desktop than on your cell phone too. Make sure your contact form is compatible for both devices.

Avoid dropdown menus

Giving your user several options for a certain answer is possible, but you should avoid drop-down menus. The latter are especially difficult for mobile versions of forms. In addition, a drop-down menu also requires two clicks before someone has submitted an answer, which again increases the threshold for completion.

As an alternative to the drop-down menu, you can display the various options with a ball. You then only have to tap and scroll through.

Provide Matching keyboards to your landing page forms

Mobile users appreciate apps and websites that offer a suitable keyboard for the field. For example, if users want to enter a credit card number, a numeric keyboard should pop up immediately. If they need to answer an open-ended question, the keyboard should pop up.

These seven HTML input types are relevant to landing page form design:

Landing page forms: definitions

Input Fields: An input field, also known as a landing page form field or field, is the box a user types in or selects to enter information. They are the individual sections that a user clicks to enter something.

Field Labels: Field labels describe the purpose and function of form elements. They let your users know what they should enter in the input fields. For example, if a form asks for your birthday, a field label is the label “month” next to a drop-down menu of listed months.

Validation field: A validation field allows you to automatically check whether the information entered by a user is valid. A common example of validation is that for email addresses where it is checked whether there is an “@” or “.com” in the field.

Call to action: Abbreviated CTA. A call-to-action is the button at the end of a form. With this button the user can submit the landing page form or click through to the next step.

A good landing page has only one task: to get visitors to convert, right there and then. Unfortunately, those annoying forms are one of the biggest obstacles to landing page conversions. Master the art of landing page form design and you will see an immediate increase in conversions.

A nice design for your landing page is important, but your forms are also part of the browsing experience. Therefore you better make sure that the layout of your contact form matches the design of your landing page.

Filling out forms via smartphone? Always provide a mobile version

Just like your website or landing page, a contact form looks different on desktop than on your cell phone too. Make sure your contact form is compatible for both devices.

Avoid dropdown menus

Giving your user several options for a certain answer is possible, but you should avoid drop-down menus. The latter are especially difficult for mobile versions of forms. In addition, a drop-down menu also requires two clicks before someone has submitted an answer, which again increases the threshold for completion.

As an alternative to the drop-down menu, you can display the various options with a ball. You then only have to tap and scroll through.

Provide Matching keyboards to your landing page forms

Mobile users appreciate apps and websites that offer a suitable keyboard for the field. For example, if users want to enter a credit card number, a numeric keyboard should pop up immediately. If they need to answer an open-ended question, the keyboard should pop up.

These seven HTML input types are relevant to landing page form design:

Landing page forms: definitions

Input Fields: An input field, also known as a landing page form field or field, is the box a user types in or selects to enter information. They are the individual sections that a user clicks to enter something.

Field Labels: Field labels describe the purpose and function of form elements. They let your users know what they should enter in the input fields. For example, if a form asks for your birthday, a field label is the label “month” next to a drop-down menu of listed months.

Validation field: A validation field allows you to automatically check whether the information entered by a user is valid. A common example of validation is that for email addresses where it is checked whether there is an “@” or “.com” in the field.

Call to action: Abbreviated CTA. A call-to-action is the button at the end of a form. With this button the user can submit the landing page form or click through to the next step.

A good landing page has only one task: to get visitors to convert, right there and then. Unfortunately, those annoying forms are one of the biggest obstacles to landing page conversions. Master the art of landing page form design and you will see an immediate increase in conversions.

When you design your form, it is important that you give each input field a clear function. This can be done by  entering the correct placeholder text. Is it not quite clear what you expect from your potential customer and what they need to fill in exactly? Then you’ll quickly lose audience. 

Another tip: if you’re in need of very specific information from a potential customer, it’s best to ask for that specific information from the very beginning. The further the form progresses, the more people tend to drop out. Therefore it is adviseable to ask ‘difficult’ questions or questions that take more effort in the beginning of your form. 

An attractive design adds value to your contact form

A nice design for your landing page is important, but your forms are also part of the browsing experience. Therefore you better make sure that the layout of your contact form matches the design of your landing page.

Filling out forms via smartphone? Always provide a mobile version

Just like your website or landing page, a contact form looks different on desktop than on your cell phone too. Make sure your contact form is compatible for both devices.

Avoid dropdown menus

Giving your user several options for a certain answer is possible, but you should avoid drop-down menus. The latter are especially difficult for mobile versions of forms. In addition, a drop-down menu also requires two clicks before someone has submitted an answer, which again increases the threshold for completion.

As an alternative to the drop-down menu, you can display the various options with a ball. You then only have to tap and scroll through.

Provide Matching keyboards to your landing page forms

Mobile users appreciate apps and websites that offer a suitable keyboard for the field. For example, if users want to enter a credit card number, a numeric keyboard should pop up immediately. If they need to answer an open-ended question, the keyboard should pop up.

These seven HTML input types are relevant to landing page form design:

Landing page forms: definitions

Input Fields: An input field, also known as a landing page form field or field, is the box a user types in or selects to enter information. They are the individual sections that a user clicks to enter something.

Field Labels: Field labels describe the purpose and function of form elements. They let your users know what they should enter in the input fields. For example, if a form asks for your birthday, a field label is the label “month” next to a drop-down menu of listed months.

Validation field: A validation field allows you to automatically check whether the information entered by a user is valid. A common example of validation is that for email addresses where it is checked whether there is an “@” or “.com” in the field.

Call to action: Abbreviated CTA. A call-to-action is the button at the end of a form. With this button the user can submit the landing page form or click through to the next step.

A good landing page has only one task: to get visitors to convert, right there and then. Unfortunately, those annoying forms are one of the biggest obstacles to landing page conversions. Master the art of landing page form design and you will see an immediate increase in conversions.

The way your landing page form is designed also plays a big role in generating new leads. The more orderly and visually appealing it is, the more potential customers tend to leave their details behind. Here are a few tips:

Give the input field a function

When you design your form, it is important that you give each input field a clear function. This can be done by  entering the correct placeholder text. Is it not quite clear what you expect from your potential customer and what they need to fill in exactly? Then you’ll quickly lose audience. 

Another tip: if you’re in need of very specific information from a potential customer, it’s best to ask for that specific information from the very beginning. The further the form progresses, the more people tend to drop out. Therefore it is adviseable to ask ‘difficult’ questions or questions that take more effort in the beginning of your form. 

An attractive design adds value to your contact form

A nice design for your landing page is important, but your forms are also part of the browsing experience. Therefore you better make sure that the layout of your contact form matches the design of your landing page.

Filling out forms via smartphone? Always provide a mobile version

Just like your website or landing page, a contact form looks different on desktop than on your cell phone too. Make sure your contact form is compatible for both devices.

Avoid dropdown menus

Giving your user several options for a certain answer is possible, but you should avoid drop-down menus. The latter are especially difficult for mobile versions of forms. In addition, a drop-down menu also requires two clicks before someone has submitted an answer, which again increases the threshold for completion.

As an alternative to the drop-down menu, you can display the various options with a ball. You then only have to tap and scroll through.

Provide Matching keyboards to your landing page forms

Mobile users appreciate apps and websites that offer a suitable keyboard for the field. For example, if users want to enter a credit card number, a numeric keyboard should pop up immediately. If they need to answer an open-ended question, the keyboard should pop up.

These seven HTML input types are relevant to landing page form design:

Landing page forms: definitions

Input Fields: An input field, also known as a landing page form field or field, is the box a user types in or selects to enter information. They are the individual sections that a user clicks to enter something.

Field Labels: Field labels describe the purpose and function of form elements. They let your users know what they should enter in the input fields. For example, if a form asks for your birthday, a field label is the label “month” next to a drop-down menu of listed months.

Validation field: A validation field allows you to automatically check whether the information entered by a user is valid. A common example of validation is that for email addresses where it is checked whether there is an “@” or “.com” in the field.

Call to action: Abbreviated CTA. A call-to-action is the button at the end of a form. With this button the user can submit the landing page form or click through to the next step.

A good landing page has only one task: to get visitors to convert, right there and then. Unfortunately, those annoying forms are one of the biggest obstacles to landing page conversions. Master the art of landing page form design and you will see an immediate increase in conversions.

Although a multi-step landing page form allows you to gather more information, it is best to limit yourself to the essentials. The more questions you ask, the more suspicion you arouse in people and the sooner they will drop out. In this case, less is more.

But ‘less’ is only ‘more’ if you can actually extract the right information from your form. So, in addition to a few informative questions, be sure to ask for an e-mail address or a telephone number. This way, you or your sales team can easily approach potential customers via e-mail (marketing) or by phone and you’ll immediately be provided of the right information.

Make sure you have a clear landing page form layout

The way your landing page form is designed also plays a big role in generating new leads. The more orderly and visually appealing it is, the more potential customers tend to leave their details behind. Here are a few tips:

Give the input field a function

When you design your form, it is important that you give each input field a clear function. This can be done by  entering the correct placeholder text. Is it not quite clear what you expect from your potential customer and what they need to fill in exactly? Then you’ll quickly lose audience. 

Another tip: if you’re in need of very specific information from a potential customer, it’s best to ask for that specific information from the very beginning. The further the form progresses, the more people tend to drop out. Therefore it is adviseable to ask ‘difficult’ questions or questions that take more effort in the beginning of your form. 

An attractive design adds value to your contact form

A nice design for your landing page is important, but your forms are also part of the browsing experience. Therefore you better make sure that the layout of your contact form matches the design of your landing page.

Filling out forms via smartphone? Always provide a mobile version

Just like your website or landing page, a contact form looks different on desktop than on your cell phone too. Make sure your contact form is compatible for both devices.

Avoid dropdown menus

Giving your user several options for a certain answer is possible, but you should avoid drop-down menus. The latter are especially difficult for mobile versions of forms. In addition, a drop-down menu also requires two clicks before someone has submitted an answer, which again increases the threshold for completion.

As an alternative to the drop-down menu, you can display the various options with a ball. You then only have to tap and scroll through.

Provide Matching keyboards to your landing page forms

Mobile users appreciate apps and websites that offer a suitable keyboard for the field. For example, if users want to enter a credit card number, a numeric keyboard should pop up immediately. If they need to answer an open-ended question, the keyboard should pop up.

These seven HTML input types are relevant to landing page form design:

Landing page forms: definitions

Input Fields: An input field, also known as a landing page form field or field, is the box a user types in or selects to enter information. They are the individual sections that a user clicks to enter something.

Field Labels: Field labels describe the purpose and function of form elements. They let your users know what they should enter in the input fields. For example, if a form asks for your birthday, a field label is the label “month” next to a drop-down menu of listed months.

Validation field: A validation field allows you to automatically check whether the information entered by a user is valid. A common example of validation is that for email addresses where it is checked whether there is an “@” or “.com” in the field.

Call to action: Abbreviated CTA. A call-to-action is the button at the end of a form. With this button the user can submit the landing page form or click through to the next step.

A good landing page has only one task: to get visitors to convert, right there and then. Unfortunately, those annoying forms are one of the biggest obstacles to landing page conversions. Master the art of landing page form design and you will see an immediate increase in conversions.

Forms come in different types, colours and smells. Nevertheless, we distinguish two large groups: multistep forms and one-step forms. The difference between the two is actually quite simple: with the multistep form, you have to answer several questions before you can close the form, whereas with the one-step form, you only have to provide information once.

If you want to bring in a lot of leads, but the quality of those leads is not very important, you can opt for a one-step form. Because less in-depth questions are asked, the threshold is usually lower here. Do you want to know more exactly who you are dealing with or what a potential customer is specifically interested in? Then it is adviseable to implement more questions or options to chose from.

Focus on the essentials

Although a multi-step landing page form allows you to gather more information, it is best to limit yourself to the essentials. The more questions you ask, the more suspicion you arouse in people and the sooner they will drop out. In this case, less is more.

But ‘less’ is only ‘more’ if you can actually extract the right information from your form. So, in addition to a few informative questions, be sure to ask for an e-mail address or a telephone number. This way, you or your sales team can easily approach potential customers via e-mail (marketing) or by phone and you’ll immediately be provided of the right information.

Make sure you have a clear landing page form layout

The way your landing page form is designed also plays a big role in generating new leads. The more orderly and visually appealing it is, the more potential customers tend to leave their details behind. Here are a few tips:

Give the input field a function

When you design your form, it is important that you give each input field a clear function. This can be done by  entering the correct placeholder text. Is it not quite clear what you expect from your potential customer and what they need to fill in exactly? Then you’ll quickly lose audience. 

Another tip: if you’re in need of very specific information from a potential customer, it’s best to ask for that specific information from the very beginning. The further the form progresses, the more people tend to drop out. Therefore it is adviseable to ask ‘difficult’ questions or questions that take more effort in the beginning of your form. 

An attractive design adds value to your contact form

A nice design for your landing page is important, but your forms are also part of the browsing experience. Therefore you better make sure that the layout of your contact form matches the design of your landing page.

Filling out forms via smartphone? Always provide a mobile version

Just like your website or landing page, a contact form looks different on desktop than on your cell phone too. Make sure your contact form is compatible for both devices.

Avoid dropdown menus

Giving your user several options for a certain answer is possible, but you should avoid drop-down menus. The latter are especially difficult for mobile versions of forms. In addition, a drop-down menu also requires two clicks before someone has submitted an answer, which again increases the threshold for completion.

As an alternative to the drop-down menu, you can display the various options with a ball. You then only have to tap and scroll through.

Provide Matching keyboards to your landing page forms

Mobile users appreciate apps and websites that offer a suitable keyboard for the field. For example, if users want to enter a credit card number, a numeric keyboard should pop up immediately. If they need to answer an open-ended question, the keyboard should pop up.

These seven HTML input types are relevant to landing page form design:

Landing page forms: definitions

Input Fields: An input field, also known as a landing page form field or field, is the box a user types in or selects to enter information. They are the individual sections that a user clicks to enter something.

Field Labels: Field labels describe the purpose and function of form elements. They let your users know what they should enter in the input fields. For example, if a form asks for your birthday, a field label is the label “month” next to a drop-down menu of listed months.

Validation field: A validation field allows you to automatically check whether the information entered by a user is valid. A common example of validation is that for email addresses where it is checked whether there is an “@” or “.com” in the field.

Call to action: Abbreviated CTA. A call-to-action is the button at the end of a form. With this button the user can submit the landing page form or click through to the next step.

A good landing page has only one task: to get visitors to convert, right there and then. Unfortunately, those annoying forms are one of the biggest obstacles to landing page conversions. Master the art of landing page form design and you will see an immediate increase in conversions.

In need of more information on a particular product or service, but is it nowhere to be found on the website you’re having a look at? Most companies hide their in-depth information behind a contact form. Only by filling in that form, you’ll be getting the specifics you need. But it’s not just you who gets more information as a result. Companies also have a lot to gain: thanks to you filling in your details, companies immediately have the right contact information to proactively start selling. But what does the ideal contact form look like exactly?

Table of Contents

Multistep-forms or one step-forms for your landing page?

Forms come in different types, colours and smells. Nevertheless, we distinguish two large groups: multistep forms and one-step forms. The difference between the two is actually quite simple: with the multistep form, you have to answer several questions before you can close the form, whereas with the one-step form, you only have to provide information once.

If you want to bring in a lot of leads, but the quality of those leads is not very important, you can opt for a one-step form. Because less in-depth questions are asked, the threshold is usually lower here. Do you want to know more exactly who you are dealing with or what a potential customer is specifically interested in? Then it is adviseable to implement more questions or options to chose from.

Focus on the essentials

Although a multi-step landing page form allows you to gather more information, it is best to limit yourself to the essentials. The more questions you ask, the more suspicion you arouse in people and the sooner they will drop out. In this case, less is more.

But ‘less’ is only ‘more’ if you can actually extract the right information from your form. So, in addition to a few informative questions, be sure to ask for an e-mail address or a telephone number. This way, you or your sales team can easily approach potential customers via e-mail (marketing) or by phone and you’ll immediately be provided of the right information.

Make sure you have a clear landing page form layout

The way your landing page form is designed also plays a big role in generating new leads. The more orderly and visually appealing it is, the more potential customers tend to leave their details behind. Here are a few tips:

Give the input field a function

When you design your form, it is important that you give each input field a clear function. This can be done by  entering the correct placeholder text. Is it not quite clear what you expect from your potential customer and what they need to fill in exactly? Then you’ll quickly lose audience. 

Another tip: if you’re in need of very specific information from a potential customer, it’s best to ask for that specific information from the very beginning. The further the form progresses, the more people tend to drop out. Therefore it is adviseable to ask ‘difficult’ questions or questions that take more effort in the beginning of your form. 

An attractive design adds value to your contact form

A nice design for your landing page is important, but your forms are also part of the browsing experience. Therefore you better make sure that the layout of your contact form matches the design of your landing page.

Filling out forms via smartphone? Always provide a mobile version

Just like your website or landing page, a contact form looks different on desktop than on your cell phone too. Make sure your contact form is compatible for both devices.

Avoid dropdown menus

Giving your user several options for a certain answer is possible, but you should avoid drop-down menus. The latter are especially difficult for mobile versions of forms. In addition, a drop-down menu also requires two clicks before someone has submitted an answer, which again increases the threshold for completion.

As an alternative to the drop-down menu, you can display the various options with a ball. You then only have to tap and scroll through.

Provide Matching keyboards to your landing page forms

Mobile users appreciate apps and websites that offer a suitable keyboard for the field. For example, if users want to enter a credit card number, a numeric keyboard should pop up immediately. If they need to answer an open-ended question, the keyboard should pop up.

These seven HTML input types are relevant to landing page form design:

  • input type=”text” displays the normal keyboard of the mobile device
  • input type=”email” returns the normal keyboard and ‘@’ and ‘.com’.
  • input type=”tel” returns the numeric keypad from 0 to 9
  • Input type=”number” displays a keyboard with numbers and symbols
  • input type=”date” displays the date selector of the mobile device
  • input type=”datetime” displays the date and time selector of the mobile device
  • input type=”month” displays the month and year selector of the mobile device

Landing page forms: definitions

Input Fields: An input field, also known as a landing page form field or field, is the box a user types in or selects to enter information. They are the individual sections that a user clicks to enter something.

Field Labels: Field labels describe the purpose and function of form elements. They let your users know what they should enter in the input fields. For example, if a form asks for your birthday, a field label is the label “month” next to a drop-down menu of listed months.

Validation field: A validation field allows you to automatically check whether the information entered by a user is valid. A common example of validation is that for email addresses where it is checked whether there is an “@” or “.com” in the field.

Call to action: Abbreviated CTA. A call-to-action is the button at the end of a form. With this button the user can submit the landing page form or click through to the next step.

A good landing page has only one task: to get visitors to convert, right there and then. Unfortunately, those annoying forms are one of the biggest obstacles to landing page conversions. Master the art of landing page form design and you will see an immediate increase in conversions.

Immowi Assistance

There is often an invisible wall between marketing and sales. Companies invest in marketing campaigns to generate leads, but do not take the right actions to turn those leads into customers. To remedy this shortcoming, the strategic online lead generator Immowi is adding a new extension: Immowi Assistance. Until now, we delivered high quality leads thanks to online marketing, but with Immowi Assistance we significantly increase the chance of these leads actually becoming customers. Thanks to this approach, companies that do business with us know how to convert their leads and have a platform where the leads are offered on a silver platter, ready to be converted into valuable customers.
Extremely result-oriented
We could make it easy on ourselves and be happy with just bringing in high-quality leads. But it’s frustrating when your hard work doesn’t follow through. Immowi’s great strength has always been that we are very results-oriented. Many marketers have a reputation for selling hot air, because they can’t substantiate their returns. We did that right from the start, and that’s why we were able to grow from one to more than 10 full-time employees in a very short period of time.
With MyImmowi we just go one step further than what classic lead generators do. We go to the point where a lead becomes a valuable prospect. We help our customers convert their leads into customers.
Entrepreneurial mindset always in mind
MyImmowi builds the bridge between marketing and sales. We Make it as easy as possible for the client to contact the lead. You have to keep them warm. If you let a few days or even weeks pass between the moment a lead shows interest in your product and the moment you contact that lead, you will lose him. Then your success ratio will remain low. So, we try to immediately set an appointment in the diaries of our clients’ salespeople. You have to strike while the iron is hot.
Letting sales people do what they do best
Sales people like to sell, but they thoroughly hate administration. They keep track of their leads, their appointments and their deals in Excel, or even with pen and paper. They only keep track of their own prospects. Many companies do not have a sales pipeline. So, you risk sending a quotation to a customer after a successful meeting, but ultimately missing the customer because you forgot to follow up on the quotation. You’re almost done, but because of the lack of a decent digital process you miss out on a customer – and therefore also on turnover.
We pick the low-hanging fruit for our customers. We automate the entire process from lead to customer, and put it into one clear dashboard. This way, as a business manager, you can follow everything from A to Z. How many leads does a campaign produce? How many of those leads drop out along the way? How many become customers? What stage is each lead in? The personnel cost of sales people is very high in many companies. If sales people do not lose time calling leads and recording appointments – which we do – they can focus on what they are really good at. And that is still selling, closing deals.
Measuring ROI to the euro
We bring marketing and sales under one roof. That way, you can make your campaigns much more effective. Imagine that your campaigns for one brand on Facebook and on Google both generate 10 leads, but that 8 of those 10 Facebook leads become customers and only 2 of those 10 Google leads. If you’re purely marketing, you won’t get that information and so you’ll continue to put the same amount of effort into Facebook and Google.
If you also include the sales part and you do get that information, then you can turn the right buttons, redirect your budgets and generate much more turnover.