Form feedback what you need. Web design and search engine optimization

From the author: Greetings to you, friends. This article will be a continuation in which we implemented sending form data to the server without rebooting the page. Here we will continue this topic and learn how to take data on the server and implement the sending of the form to email (email). So, let's configure the feedback form and add the possibility of sending it to email.

Source files of the current article you can download software.

In this lesson we will do everything as simple as possible and on their own. In particular, to send letters, we will use the special PHP function called Mail (), which used to be used before to send letters.

Let's start with the Mail function syntax. This function has three mandatory parameters and two optional (not required). Required parameters:

to - email recipient (you can also specify several addresses, transfer them through the comma);

subject - the subject of the letter;

message - Letter text.

From optional parameters, only the first is almost always used, which is responsible for the headers of the letter: encoding, sender, letter type, etc.

Let's try to send a letter using this feature. Make it in the mail.php file in which we accept data from the form. The new code of this file will be:

Your message Posted

Error!

This is the minimum code that will already allow you to form a message to send. Let's check how it works:

As you can see, the code works, in response, we receive a message that the letter sent. Since we work on a local server, here letters are really not sent to the mail () function, they are saved as a text file in a special folder. In Open Server, this is a folder \\ userdata \\ temp \\ email \\. Let's open this folder and make sure that the letter is there, it will look like this:

Excellent! There are several points left, which will not prevent the JS script. For example, you need to display a message not by simple text, namely the HTML code, as well as clear the form fields after sending the message. The final JS code will be:

$ (Function (). Submit (E.PreventDefault (E); VAR Data \u003d $ (this) .serialize (); $ .ajax ((URL: "Mail.php ", Type:" POST ", DATA: Data, Beforesert: Function () ($ (" # submit "). Next (). Text (I" send ... ");), Success: Function (RES) ($ ("INPUT"). Find ("Input"). Val (""); $ ("# submit"). Next (). HTML (RES);), Error: Function () (Alert ("Error! ");)));));));

It is difficult to submit a site without a feedback form.

Therefore, if there is no contact partition on your resource - it is worth installing it. Tell how to do it.

Solutions for the organization of feedback

Naturally, there are several ways to organize feedback on the site: from universal scripts to PHP to plugins and modules for CMS. That is, the need to write the code manually, as you can see, no.

You can take advantage of the following universal solutions:

• resort to free online services that automatically generate HTML communication code. But the PHP processing file will need to write and put on its own. Here is one of the resources for these purposes.
• Contact the help of free online services generating HTML code and providing data handlers to PHPs that are often placed on servers of these services. One of the examples of such resources
• Find on the Internet free scripts to set the feedback form. This option is applicable for people who know at a certain level of HTML and PHP, because the script in any case will have to adapt specifically to your site.

Nevertheless, extended knowledge on site-employment from users is often not required - universality and a wide selection of solutions allow you to establish the desired feedback form by any of the above methods.

Simple installation of feedback for HTML

Consider one of the most popular programs for writing and installing HTML feedback forms. Wide their choice is presented, for example, on this site. The site is Russian-language, it will be easy to determine the choice, and the installation itself will take no more than three minutes.

But first, you should not forget to make amendments to the standard config.php file - you need to change the encoding and write the correct email address of the recipient.

The folder with corrected files must be copied to the root directory of the site, but before that, limiting its indexing in the Robots.txt file ( Disallow: / Sendmail-Zakaz).

In essence, it's all - if actions are performed correctly, the finished form will look like this:

There are constructors of feedback forms that do not require support for PHR. Consider one of them. After the link on the link you will see the window, bringing the settings to which you can create the desired form.

After all the necessary parameters are made, you should enter a checkpoint and click on the "Generate" button, and then "get the code".

The resulting code you need to simply copy to the selected page of the site.

You can make a simple contact shape personally. To do this, create a Form.php file and save the following code in it:

For forming a form, you need a processing file. Let's call it Mail.php and save it to such a code:

Feedback form in Joomla

In this pretty universal control system, the feedback form can be configured using the "Contacts" component. It is quite simple, but nevertheless its functionality is quite enough for normal operation.

So, to configure the component go into an administrative panel and select the "Components / Contacts / Contact Categories" tab.

A page will open on which no category will not be. To create it, click on the "New" button.

The system will offer to fill in the "Title" and "pseudonym" fields. Having done this, you need to put a tick "Yes" in the line "Published".

Settings need to be saved by pressing the button of the same name in the upper right corner of the window. The category is, it remains to create a page with a contact form. To do this, go to the "Contacts" tab and click on the "New" button in the upper right corner.

Fill out the open dialog box. Be sure to fill the "name" string, the pseudonym string,. We put the tick "Yes" in the line "Published" and specify the category of this contact. Going slightly below, you will find the "User Communications" window, where you want to specify the contact receipter's contact person.

The "Information" field is also completed, where you need to specify the position of the form on the site and the email address of the recipient. The remaining menu items can be filling at wishes.

The feedback form is configured, it remains to be located on the site. For these purposes, you need to go to the administrative panel and by selecting the "Menu" tab, decide on the point of reflection.

In this menu, create a new item. To do this, click the "Create" button and select "Contacts / Page Contact" in the menu that opens.

A page on which you want to specify the name of the menu item, to register it with a pseudonym, turn it on and in the field of the basic parameters "Select Contact" specify the contact details to which this menu item will be tied. Save settings.

Go to the site, we find the item "Contacts" and click on it. The following page should be opened:

Feedback for WordPress

In this system, the feedback form can be created, also resorting to the help of plug-ins. The most popular and functional - plugin CONTACT FORM 7.

After that, you need to proceed to the "Pages / Add new" tab, and, turning on the HTML mode, insert the previously copied feedback form code

Do you know that up to 80% of users leave your site without filling out the application because the feedback form on your site is far from ideal? Or are you sure that your form of applications is ideal and has a maximum conversion?

Increasingly, our new clients who add to our studio, when discussing the creation and promotion of the site, are asked about conversion. This is an absolutely right question when it comes to internet marketing, because if the site does not bring customers, then it makes no sense to invest in it and there is no money. In today's blog we will tell about one of the factors that greatly affect the number of customers from the company's website. This factor is the forms of feedback, or as they are also called - "Capture Forms". What it is the perfect feedback form.

Immediately, we note that, depending on the business segment, this form may differ, because each business has its own tasks, their customer interaction formats. It is the form "communicates" with the client while your manager calls other contacts and is waiting for new applications.

The feedback form on the site is important. You are leading a buyer to buying a purchase or order service unobtrusively and carefully. Use everything you can, starting with a convenient interface and ending with excellent sales conditions. But when the client gets to the order form - he leaves. All the work of the Nammark. It is unlikely that he will ever come back to you again. This can be avoided by simply changing the feedback form.

What do you need feedback form

Not only for ordering / shopping. With the help of the feedback form, you find out from users what they like / do not like, what are the "shoals" in the company's work and even get ready-made advice to improve it. Conversation with users is:

a) raising loyalty to your company;

b) the ability to quickly respond to the request, reduce the negative and save the client;

c) the ability to improve product or service;

d) way to increase sales.

The main mistake that inexperienced site owners is committing is an overloaded feedback form. Users scares a large set of fields that need to be filled to make a request to your company. They do not want to provide excess information about themselves, even if you promise them confidentiality. We have gathered for you several rules for registration of an ideal form.

Rule number 1. Simplify the form as much as possible

What of these forms will you fill out more?

Or such

Leave only the most important fields. Visitors of most sites do not like to fill a large number of fields

If the form simplification rule was performed, then it is worth expecting an increase in conversion by 30-60%.

Council. Remove everything too much, leave 2-3 fields or even 1. Usually it is a "name", "phone number or e-mail". If you have an online store and you make an order form, the fields will be a little more: "Name", "phone number or e-mail", "delivery option", "Number of goods", "Address". See for what purposes you make the feedback form, and simplify it as much as possible.

Rule number 2. The form must be noticeable.

The feedback form or application from the site should be noticeable, otherwise the visitor can simply not notice it and do not fill. You can even put a certain animated element that will allow even more accentuate attention.

Rule number 3. Minimum "Required Fields"

One mandatory field - phone

Often on the websites of companies, it is possible to observe not only the form-overloaded uniforms, but also the obligation to fill these fields. The formulation "Mandatory Field" is present at 99% of sites. Want to increase the conversion? Remove the mandatory fill in all fields except the phone. If a person wants, he will fill in those fields that finds fit, but the main field is a phone number that will allow call the client and clarify the rest of the information. The main thing is not forget to make the right scripts for managers.

In what cases conversion with forms falls:

• Falling conversion by 3% if you ask for a fill the field indicating age
• Falling conversion by10% if you need to enter the name
• Falling conversion by2%, if you are interested in what kind of landing the visitor lives
• Falling conversion by4% if you need to fill in the address of residence

If the fields about delivery, addresses and phoe are present in the online store, then the user of course fills them and does not affect the conversion. But if you want him to complete the data to send you an application, then the conversion will definitely fall.

Rule number 4. References in the form (conversion conditions)

If you have the need to send a visitor to read the conditions for circulation, processing applications, orders, etc., then make these links directly in the form block. When clicking on such a link, it is better to show a pop-up window with information that is easy to close and proceed to filling out the shape.

An example of such a form:

Try to minimize the number of text and conditions in the form, because the user will be too lazy to reread everything and it will simply close the form without sending you his data. Also errors in this form are too many required fields.

Rule number 5. Consent to data processing

Even despite the fact that the data in the form can be filled not true and not to wear the nature of personal data, this checkbox must be supplied. There were already judicial applicants for which the defendants had to pay a penalty for non-compliance with this requirement of legislation.

Rule number 6. There should be no drop-down lists

If your form is a calculator, then the drop-down list is acceptable. But if you make a person choose in which department of your company he wants to contact, it will reduce the conversion, because users want to quickly make a form without thinking about excess information.

Rule number 7. Remove the capping from the form

Catching can reduce the conversion to 40%. This is explained by the fact that the captcha is often not read at all, or when entering data, reports the incorrectness of the input of characters. If the captcha was rejuvenated before, a lot of spam could come without it, then there are technologies that protect the form from entering the data to spam robots and without the input of capping.

In the studio artcell, we just use such technology. As you can notice captches in our forms there are no and spam we do not get.

Rule number 8. Autoware that form is sent

After the form is filled and sent, a message must appear that the data sent and the manager will call back in the near future. If there is no such notice, the user does not understand the data set or not, it is worth expecting a call from the company or not. This notification will save you from duplication of applications from the same user.

Rule number 9. Notification by SMS.

Send an automatic notification to the visitor's number if your form has a phone input field. This will allow you to personalize your appeal, and the user will once again remind the name of your company.

So what is she - the ideal feedback form?

Highlighted in a frame or color, which allows it more noticeable against the background of the rest of the information on the site

Minimum Field Fields

One or two mandatory fields

No fields with drop-down lists

The presence of Chekbox for the consent to the processing of the data obtained

The presence of references and additional conditions immediately in the form without unnecessary transitions to other page pages

No captcha

Do you have an ideal form of application, but still few customers? Read this blog in our magazine and you will find an answer to your question. If your site is badly moving in search engines, this information will be useful.

If you can't make the form of communication perfect and you want to ask for help to professionals, then fill in the application below and our manager will call back soon.

Feedback form for the siteI will show you - based on the use of AJAX technology. But do not worry, you don't need to know this, everything is already ready, it will only have to install this form and set up for yourself!

Guys - the script is completely outdated. Someone works, someone has no. And I understand and all the more update - laziness. Therefore, test at your discretion.

PHP feedback form with sending to mail

This form feedback on site Very functional in itself, several plug-ins are connected to it, which create an attractive appearance and check the validity (read correctness) of the data you entered. These plugins work on great and mighty! And called this:

1. Jqtransform - Plugin that allows you to make our feedback form beautiful!

2. formvalidator - And this plugin checks the form of contacts on the correctness of the information entered and, in which case the pop-up tips displays!

For the full work of this form will be used class - phpmailer. Considered one of the best!

Note for the smartest:

The feedback form for the site can be made on HTML! But it will start working only with PHP! And in no way!

This is me for those who are looking for a feedback form only on HTML. Make it, but it will not work!

Therefore, yours must support PHP, and for this form of contacts, PHP should be not lower than the fifth version. Hopefully, it is clear? Moreover, now, any normal hosting supports these conditions!

I dug out this form of feedback on the site www.tutorialzine.com The link leads directly to the original page, i.e. Website of the author of this form!

Everything is in English there, so we had a little tinker with Sasha, to Russify this form of contacts and the plugins that are connected to it.

I confess to be honest, and with this "mold" there were two days, since various shoals began to emerge, and the inverse communication form unfinished to the end, the more beautiful, I did not want to lay out! So if you are an amateur to do everything yourself, and the thought will fit into your light head - myself to Russify this form, I will not limit a couple of tips, since simply the translation of phrases will not be limited to:

1. This form of feedback is sharpened under the bourgeois, from there and has been downloaded, so it will send you instead of normal Russian characters - krakoyablla. Observe the encoding. And in general, all the "seals" will be associated with it!

2. The validation script initially does not understand our letters, so they will need to register them!

3. Even after these actions, if you specify the subject of writing in Russian, the letter comes with the topic - No Subject (I hope it wrote correctly), it is treated if you specify the encoding in the phpmailer class file.

4. In the original form, the text in the input fields pressed to the bottom, and not in the middle. This is a jQTransform plugin glitch.

Well, everything seemed to paint and warned. Let's go further!

Good afternoon, the feedback form must be present on each site. Today I will show an example of a finished form for insertion to any site, including on the WordPress engine. The finished example of HTML and PHP code can be copied to your site. In addition to the finished example, there are many plugins that are also very popular. In many sites, this form is already built into the subject, but sometimes it is necessary to add another to another page or replace the old one.

Before you start writing this article, I walked over the Internet in search of a response to this question. Revising more than the number of sites and blogs, I found very few high-quality answers to insert the feedback form to the site. Most materials are written in working with plugins. In some articles, it is not entirely clear what and how to do, the code does not work, the letters do not come ... and so on.

There are certainly worthy answers, but there are very few of them. I will give a simple example for which a lot of mind is not needed. No special knowledge in PHP is not required, more precisely, they are not needed at all. What and where to change, I will write in detail when it will need. The form works fine, without failures. An example of a form is on me. In a ready-made example, I added some styles for beauty, so that the form did not look at all the "slaughter." If you wish, you can change everything to your discretion.

Ready feedback form for the site on HTML

In this example, the feedback form for the site consists of an HTML code. Such an example of HTML code insert absolutely to any page of the site, it does not matter where and what you use. The same code can be inserted into the WordPress engine page, everything will work correctly and without failures.

At the very beginning of the code, in the first line, you must specify your path to the php file form.php (about it a little later). No need to change anything else. If you are not satisfied with the name of the shape and its fields, you can always add new or change old. You can also add your styles straight trial to the table. If such an option you uncomfortable, ask new classes and already add styles through your STYLE.CSS file

Who does not know how it can be done, go to the administration of the site, go to the editor and open the STYLE.CSS file. To the very end of the style sheet add this code. As a result, the shape code should be inserted on the page and your CSS styles in the style.css table

INP (Padding: 10px; Border: 1px Solid # E5E5E5; Width: 200px; Color: # 999999; Box-Shadow: RGBA (0, 0, 0, 0.1) 0px 0px 8px; -Moz-Box-Shadow: RGBA (0 , 0, 0, 0.1) 0px 0px 8px; -Webkit-Box-Shadow: RGBA (0, 0, 0, 0.1) 0px 0px 8px;)

After the proceeds done, you must have this form of feedback on the page. It is not necessary to get involved in much, your form should be simple and most convenient as possible. No extra extra fields ... Name, mail, topic and message. If desired, even the topic of the message can be removed.

Php form code

With the layout of the form decided, the beauty was convicted, now you need to create a file with the PHP extension and add such code to it. File Add a client to your site via FTP. Most users use CMS, throw this file in the folder with your theme. The address and name of this file, you must initially register in the markup of your form, which I showed above. I prescribed the full path for the example, so that it was clear what and where to insert.

(