Create a capture form on the site in 3 minutes.


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

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!

Ready-made templates of web forms

Who kind of an innovator are you?

A playful testing template will help find out your user to what extent he or she is an innovator in the work process Details

House construction calculator

This online calculator calculates the cost of a box house in various configurations and shows the price of erecting a house Details

Make an appointment to see a dentist

Make an online appointment with the dentist Details

Job application form

Accept candidate questionnaires by asking the most necessary questions before the interview. Details

Order turnkey form development

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