How to change the order form on the landing page. Feedback form for the landing page. How not to put feedback forms on landing pages

Change the image on the first screen or "customize" the benefits to the client, but what's the point if there is no interaction with the form?
Statistics show that in 20% of cases the reason for the insufficient conversion of the landing page lies not so much in a bad USP or lack of targeted traffic, but in a careless and ill-considered filling out the application form.
The visitor does not want to leave his contact information, "drops" the form and leaves. You are losing potential customers, and therefore income.
Why is this happening and how to increase the conversion of the application form?

There are 2 reasons for poor form fillability:

• illiterate registration of the application form
• its ill-conceived functionality

The article provides simple checklistwith which you can easily analyze forms on landing page... For work, I recommend using 4 tools: heatmap, scrollmap, form analytics, etc.

The application form must be visible on the first screen without "scrolling"

Explore scrolling map... See if they fall basic conversion elements to the parts of the page being viewed. Check the layout page on devices with different screen sizes. Pay special attention to the mobile version!

Check all browsers

You need to check how the application form works in all browsersand it's worth testing separately! If the functionality is faulty, there will be no result, no data for analysis and recommendations.

The number of fields must correspond to the task

Fig. 2 An example of an additional field that solves a client's problem

The rule is simple - pay attention ease of fillingthese forms:

• use hints (for example, "mask" for phone numbers);
• make it possible to submit the form without filling in all the available fields;
• set adequate goals - for example, do not ask for a contact phone number on the subscription page, if. Visitors won't fill in 5 fields just to get a demo or catalog.

Use different ways to get contact information

Build on the characteristics of the product or niche. Give an opportunity to contact you by phone, e-mail or chat for consultation. Consider customer behavior - it is easier for someone to immediately call and discuss the conditions, in some cases (obtaining a commercial proposal) it is necessary to interact with the form.

Closed or open form?

When working with foreign sites, we are increasingly faced with a closed application form - a simple and understandable button in the "Start now" style. But there is no definite answer which form works better. Ultimately, it all depends on how competently you built logical "lead" to the coveted button.

Rules for the design of fields in the pop-up will be the same:

• Be consistent... The form should be as simple as possible to fill out.
• Stick to order. Place the fields that are easiest to fill out first (eg "name").
• State a clear benefit. Explain why does a visitor need to fill out a form and what will he get.

Fig.3 An example of a good "lead" to a closed application form

Do not use template phrases!

Like "get a free consultation". Consider several options for an "easy step" able to interest the user and make him interact with the form.

A good example in the auto sales niche. Instead of the standard "Get advice on selling a car," a cool trick is used: the visitor is asked to immediately estimate the amount that he can receive.

Call for specific action

Move away from the phrase "send an application". Much better to make a button with a description of a specific result (for example, "get a quote" or "calculate the cost"). Ideally, the button text should partially duplicate the eyeliner.

Get extra attention

Use graphic guides... The easiest option is to "free up" space around the form and direct the visitor's eye with a pointer or arrow. This will make the shape more visible and more attracting attention to itself.

Make the image (first screen photo banner) work on CTA

In the case when the form cannot be emphasized with graphic elements or to make the button larger and more contrasting, "draw" the user's attention to it by means of an image. Choose your photo wisely and direct the visitor's gaze in the direction you want.

Fig. 7 The girl's gaze draws your attention to the shape

Examine user interaction with forms

Application form analytics shows which fields are filled / not filled by users. And Webvisor, thanks to its functionality, acts as a "big brother" who monitors the behavior of the visitor. If there was interaction with the form, but the data was not submitted for some reason, it will show you what the problem was. In other words, it will help you understand at what stages of filling out users have difficulties, which fields can be removed, and which ones should be supplemented with a hint for correct filling.

Thank the customer - this is important

Think over the details! A well-designed thank you page Is not only a sign of respect for the client, but also conversion tool... Once again, move away from templates! Be creative - instead of the standard phrase "Your application has been accepted" write something more personal, concerning you and your company. A "thank you" page, if styled correctly, can be a good platform for experimentation.

conclusions

1. Interaction with the form is the peak of communication between the landing page and the client. Before testing the conversion elements of your landing page, analyze your CTA formsreferring to our checklist.
2. Check sending data from different devices and different browsers... Local bugs of individual versions happen much more often than one might think.
3. Without fail do form analytics to identify the fields from which customers leave, in order to understand why they are leaving and how to fix it.
4. Before making changes and testing forms count the number of applications already receivedto get a real picture of the results achieved after the completion of the revisions.

Be fully armed and stay ahead of your competitors. Conversion landing pages for you!

How to create a successful online platform for business promotion? What is the secret and principles of its formation? These and other questions are of concern to those who have decided to get a personal landing page on the global network, waiting for the flow of buyers for their goods. So let's take a look at the details.

Secrets of creating a landing page form

Probably, hardly anyone will argue with the statement that the most important element of a landing page is a web form for receiving orders. In fact, this is what the landing page is created for. The creation of an order form for a landing page is done by professionals who know exactly the secret of developing an interesting and at the same time quite simple option.

A well-designed landing page form should be understandable to the most common user who opens the page. If there are too many fields in the window that opens, this will simply scare off a potential buyer and he will go to competitors. So the development of a high-quality order form for the landing page is a task no less important than the main page of the company. In order to achieve success, that is, high conversion, you just need to follow a few simple rules.

Requirements for creating the perfect order form for the landing page

The landing page must be ready to receive buyers. To do this, several fundamental factors must be taken into account.

1. Laconicism. The web form should allow you to place an order, and not collect a lot of unnecessary information about the client. That is, it should not contain more than 3-5 lines, having issued more items, you risk loading the page with lines that do not have any significance, which will complicate the user to quickly place a purchase.
2. Readability. Correct landing page application form must be visible and easy to read. There is no need to oversaturate the page with a large number of graphs. The best option if the user will gradually move on to filling in the next piece of information about himself. And, of course, you need to think over the design of the form so that it looks pleasing to the eyes.
3. Data saving function. Quite often, the internet connection of consumers is poor. To prevent interruptions in communication from leading to the loss of data already entered in the columns, it is worth considering the autosave function. This will help the user to save time even after the connection is restored, and not to enter their data again.
4. Proven concepts. Landing page form is not the place to be original. There are principles that have been tested by time and bring results. Any mistake by a programmer or designer could cost thousands of lost customers.

These seemingly well-known postulates are very important and neglecting them is tantamount to dooming yourself to failure. This all leads to the loss of customers and their money. After realizing the importance of an order form for a landing page, it's time to ask another question, how and where can you create it?

Sample order form for landing page

Where can I make a landing page application form?

Unless you have sufficient knowledge and skills, and such a minority, you are unlikely to get a working form for a landing page that will flawlessly perform the functions assigned to it. Some people are looking for the source code in the public domain on the web, although this method can bring much more problems than good. First, it is not known how the form will work; testing will take a long time, and this does not guarantee 100% performance. Emails from the form may end up in spam or not sent at all or come in an incomprehensible encoding. As a consequence, it turns out that some orders were lost, or another failure occurred, and all this is unlikely to have a beneficial effect on the seller's image. Secondly, what if you need to make some changes? Dig into the code yourself or invite a specialist, whose services can also cost a pretty penny.

The second option is to involve a freelancer in this task. But this way of solving the problem is not without pitfalls. Top freelancers can certainly make the perfect landing page capture form, but where can you find one? The search can take a long time. You can, of course, try competitive selection, but it’s all the time and money. Again, the issue of making changes to the form remains relevant. It's good if the coordinates of the author of the form are preserved, but if not? And even then, if the connection is preserved, he may simply be busy with other orders and will not be able to help you. And other freelancers are not always ready to fix the work of other fellow workers.

The most effective solution to this problem is the online web form designer Formdesigner. This service does not require any special skills, it has a clear interface. The built-in form designer helps you create the perfect capture form that neatly fits into your website. Thought out and protection in the form of a password, HTTPS protocol, and Captcha. Online payments are affordable and easy, allowing you to accept money in minutes. Unique scenarios are created using dynamic forms.

Principle of operation

The designer appeared in 2013 and has already won the trust of beginners and professional webmasters. It allows site owners in a matter of minutes to create an application form, feedback, subscription, order form and many others that fit perfectly into the interface of any site. No special skills or knowledge is needed, the capture form for the landing page, thanks to the Formdesigner service, will be ready within 5 minutes. In addition, if you need to change something, you just need to visit the site again and make the necessary changes. In addition, all this can be done completely free of charge, which is also important.

Speaking about the main advantages of the Formdesigner web form designer, we can note:

• The constructor works online in real time;
• The whole process of creating a web form is transparent and takes place before your eyes;
• All data from the form is stored on the server and is available 24 hours a day;
• The ability to upload files and use custom CSS allows you to create a unique web form for your landing page.

The constructor is light and simple. The web form you need can be created in just a few clicks. To add a new element, just click on it or drag it to the planned location, and it will be immediately added to the web form. You can also edit an element with ease, simply by clicking on it in the form and in the window that opens, make changes to its properties.

In the same way, it is easy to customize the appearance, set validation rules and other necessary changes, which are immediately displayed in the demo sample form, without reloading the page. After finishing the work, it remains to copy the finished code. It will need to be inserted into your site. Next, we will receive long-awaited applications. When using this constructor, all loaded forms are instantly displayed, and no painful page reloads are required.

You can create a website from scratch and correct the existing one. With a great assistant in the world of web content creation, you won't have to wait long for clients.

You need to understand that you will need to pay for such jewelry work, but the fee is worth it. It is necessary to discuss all issues related to creation, this will affect the cost of work and the landing page as a whole. When creating, you need to take into account all possible little things that can attract people's attention: from beauty to ease of use. In addition, we must not forget about psychology and the subconscious. Many decisions are made subconsciously. And buying a product is no exception. If you build the correct logical chain that will contain the solution to a person's problem, a description of this solution, the belief that this solution is correct and will help him, concentration on this goal, pushing for action and the action itself, then it will turn out to turn most of the visitors into customers. Moreover, it does not matter what the target action of the page will be - sale, subscription to a newsletter, purchase of visitor's contact information, and so on.

Special attention should be paid to the customer feedback form. Since this is communication with the client, albeit not direct. Communication with the client is extremely important, as the site alone cannot fully satisfy the needs of the client. It can only handle standard queries, of which there are very few, since people rarely take a standard approach to solving a problem. By contacting the client through feedback, you can increase not only the turnover of sales / deals / subscriptions, but also the company's reputation.

Because personal communication and customer satisfaction is very important for developing a good reputation. Special attention has always been paid to the creation of such a form. The use of a template on which a feedback is installed severely limits the functionality of the page, therefore this form was always entered into the main code manually, in compliance with all SEO requirements. There is also a special approach to such a form: it should be located in a conspicuous place, it should be intuitive and easy to use, it should not ask a lot of unnecessary information from the client, just an email and a name. Location affects the category of people who are used to quickly finding the information they need and using it. For some, a couple of seconds of staying on the page is enough to assess whether they will use its services or not. Therefore, the location should be such that even such users have time to become interested in the offer and leave contacts.

It is very important that the page is easy to understand, because not all Internet users are experienced in this matter. To reach an audience of experienced and not so, you need to have an intuitive understanding of the sequence of actions for the operation. And no less important is the amount of information. This affects the subconscious level of trust. If the page asks for a lot of contacts: phone number, email, card number, address, and so on. You may get the feeling that this page was made by scammers. And this is a strong blow to the reputation of the site as a whole. Therefore, you need to ask for information only as much as it will be enough to communicate with the client and clarify his wishes and fulfill the terms of the transaction. Landing page as a whole is a simple site created in a complex way. It is simple for users, but difficult for developers to create. However, the work is well worth the effort!

There are special blocks containing an application form. Such blocks are located in the "Form-lead" group in the left side column. When the form is submitted, the execution of the target action on the landing page is registered.

You can customize the form to suit your needs.

You can change the text on the button on the form, as well as customize the URL that the user will be redirected to after submitting the form.

You can customize the fields for data entry.

To move the mouse over the field and in the menu that appears, click "Configure Field".

In the pop-up window that appears, you can configure the "name" parameter (the name of the field in the form). Only Latin characters can be entered.

You can also customize the placeholder parameter. This is the title that is displayed to the field when it is not active and does not contain user-entered data. For example, to enter your e-mail, you should write "Enter your e-mail".

The application sent through the form will be sent to your mail, through which you log in to the service.

You can set a different e-mail. To do this, in the general settings of the landing page, specify the desired e-mail.

You can integrate the landing page with any external service, for example, a third-party CRM system.

To do this, in the general settings of the landing in the field "Send form from the landing page by URL" set the required URL. And also specify which method the data should be sent: GET or POST.

In this case, in addition to sending data from the form to e-mail, they will also be sent to the specified URL using the specified method.