Create a capture form on the site in 3 minutes.

Hello.

In the last post we told you about the form for landing page. Today we will show you in detail how to quickly and efficiently create form a capture for a website or lead form using the web form designer FormDesigner.ru.

If you don't have an account in our form constructor yet, now is the time to register. After registration, log in to your personal cabinet and open the list of forms.

The main page of your personal account in FormDesigner web forms builder

Creating a capture form for a website based on a ready-made template

On the form list page, click the "Create form" button and select a ready-made template "Application form":

template selection

After that a pop-up window will open in front of you, where you should enter the name of your future form lead:

Create a capture form for your site

This name will be displayed as a header in the form of a capture, if necessary, the header can be hidden. After you have invented the name, you need to click "Create" and you will go to the "Elements" page in the web form.

List of elements in the form of captures for the site

In fact, that's it! We have created a conversion form of capture to the site. If you now open the lid form by a direct link, it will look like this:

Example of a ready-made capture form on the site

Adjustment of form lid elements

Now our form consists of the following elements:

  1. A field for entering a name. Obligatory to fill in.
  2. A special field for entering an e-mail address, with automatic verification of the correctness of the entry. Required to be filled in.
  3. Required to be filled in.
  4. Status of request - this field is not displayed in the form and is available only for administrator, which is displayed when editing the request in the "Statistics" section.

By default, the "Numbers" form element is used to enter the phone, i.e. you can only enter numbers in this field. If necessary, you can replace it with a special element of the form "Phone", which allows you to enter the number by input mask.

Adding the

For all these fields (except for the request status), the "Do not display the name in the form" option is enabled in the settings and the default value is specified to display the title inside the input field.

Main Parameters of the elements in the form of capturing to the site

If necessary, you can always delete unnecessary fields or add new ones, edit existing ones - change names, display and validation parameters, etc. E-mail notifications in the capture form

E-mail notifications in the capture form

After we have sorted out the fields of our capture form, we need to configure e-mail notifications. To do this you need to go to the form link settings in the "E-mail notifications" section:

E-mail notifications for the capture form

Here you can configure e-mail notifications for the form administrator and, if necessary, e-mail notification for the user (answering machine). In order to activate the required type of e-mail notifications, click on the special switch.

Let us set up a notification for the administrator of our capture form:

Here you specify to which e-mail addresses the notifications will be sent (you can specify several e-mail addresses), set up the necessary subject of the letter, the sender's name and e-mail address, as well as the text of the letter itself. For the sender's name and e-mail address, you can select the values from our capture form, so that in an incoming email to our mailbox, automatically substituted values from the form, as the sender.

Similarly, you can also activate e-mail notifications for the user who sent the form - the auto-responder. There you can write that your order has been received and our manager will contact you. But we will not do it now.

Besides e-mail notifications, you can also activate sms notifications. But this is a paid service.

In order to monitor the effectiveness of the form and read the conversion, you can go to the section "Analytics" and there you can connect the counter Google Analytics and/or Yandex.Metrics, as well as prescribe the desired goals that will work if the web form is successfully completed.

Customize the contact grip shape design

Once you've finished with the contact capture form settings, you can go to the «Design Theme» tab:

Here you can choose another ready-made design theme. To do this, click on the "Select theme" button:

design choice

In addition, you can change any theme to suit your needs, as you prefer. To do this, you will need to copy the design theme and then you can edit it:

Editing a design theme for a website capture form

You can change parameters such as: background, frame, shadow, font, indents, alignment and dimensions. All these parameters are grouped in such sections: page, form, title, elements, buttons, hints, errors, block of successful completion. And for those who are familiar with CSS, you can prescribe your own styles for the form.

After selecting and configuring the design theme, you can go to the tab "Get the code" and copy the finished code to paste the form guide to your site:

Code for inserting the capture form on your site

As you can see, you don't have to be a programmer and know all the subtleties of creating and layout of the site in order to create a form of a capture for landing page and adjust the appearance. Everything can be set up in a simple and convenient web form builder in a few minutes.

Video lesson on creating a capture form on the site

Good luck and high conversion rates for you!

Comments
Ready-made templates of web forms
Basic

Brand Awareness Research Template

This template will help to find out the level of customer awareness of your brand Details
Platinum

Order a food package

Order a product kit with this template Details
Gold

Rent a car

Find out the cost of renting a car and get a discount for passing the survey. You can edit the template and add/remove fields. Details
Platinum

Making a staircase structure

After answering a few questions, applicants calculate the cost of making a similar structure for the required parameters Details

Order turnkey form development

No time to figure out all the settings yourself? No problem!
Order web form development from us