A beautiful WordPress feedback form. An overview of free and beautiful WordPress contact forms with captcha. Why do I need a feedback form

Almost every time a webmaster develops a new website, he has to choose the best (for specific needs) WordPress plugin for contact forms and feedback forms. This usually happens because the client does not always like a simple contact form, and sometimes there is a need for several forms at once on one site.

A feedback form is one of the most important elements of a WordPress site, because without it, you are deprived of an excellent chance to always keep in touch with your readers, partners, customers. Plus, you're missing out on many opportunities to attract new customers. A WordPress Contact Form Plugin makes it easy to add a contact form to your website. I'm not even talking about various corporate and selling sites, where sometimes very specific forms are required, not only for simple contacts.

In this article, I will list the most popular plugins in a completely random order. The article will certainly be supplemented with the best solutions over time.

Contact Form 7 is the most popular WordPress contact form plugin with over 12,000 downloads now and the number continues to grow. The plugin boasts AJAX submission, built-in Akismet spam filter, and the ability to upload files. The plugin is completely free and can be easily customized with simple HTML

Pros: If you want a simple contact form, this plugin is what you're looking for as it just needs to be installed and configured using a simple settings page. With one-line code, you can insert a contact form into any post or page.

Cons: Technically this plugin needs no work, but it would be nice to have several to choose from. If you want to change the appearance of the form, you have to play with CSS.

Fast Secure Contact From is another popular plugin that has already been downloaded over 3.5 million times. It allows blog owners to easily create and add contact forms to WordPress sites. You can also use the form to send invitations to a regular or video call.

The plugin has an admin interface with which you can create an unlimited number of forms and view their preview. Using captcha and Akismet Fast Secure form, it blocks attacks based on the most popular spam tactics.

Pros: Unlike other similar plugins, Fast Secure form does not allow users to register a profile, but it can offer other great features, such as the ability to create a schedule, online meetings, support for multiple email addresses, etc.

Cons: The current version of the plugin lacks a simple interface, but the author of the plugin recently released a beta version in which things are much better with the interface. Thus, the problem of the interface is not so acute.

Contact Form by Contact ME

Contact Form is a free plugin in its basic functionality, but it obliges you to register at contactme.com. Registration is completely free and requires no effort on your part. Plugin developers claim that it is an order of magnitude better than many popular contact form plugins, including contact form 7!

Pros: the plugin pleases with some useful functionality - an option for sending notifications to your mailbox and smartphone, the ability to add arbitrary code or scripts to the form, as well as the fact that it puts a logo for the card, company contact information, and even links into the form on social media profiles and more.

Cons: In order to use the plugin you have to create a profile on the Contact Me website. Even though registration is simple and free, it still doesn't make you happy when you are forced to do something.

Initially, the FormCraft plugin was created and developed only in a premium version. Recently, the authors have made a separate, free version - FormCraft - Form Builder.

As in the premium version, FormCraft - Form Builder allows you to quickly and easily design different forms in a special and very convenient drag & drop editor. Naturally, there are fewer opportunities here, but for ordinary users it is quite enough.

The premium version of FormCraft boasts customizable scripting logic, autosave, more than 20+ additional custom fields, popup and fly-in forms, CSV export and more.

One of the best plugins available today, both premium and free.

The Visual Form Builder interface will pleasantly surprise you as the plugin allows you to create and manage all kinds of forms on your site from one place. In one click, you can add new fields, reorganize existing ones, apply an anti-spam solution. In order to change the order of the fields, you can use the drag & drop technology.

Pros: While the Visual Form Builder is similar to the other contact form plugins listed here, it has its own interesting features - the ability to reorder items with a simple drag and drop, export of input to a CSV file, customizable confirmation messages, a submission form that supports input of many emails.

Cons: If your WordPress site is very large, you are better off using a different plugin, as this one stores the form input in your WordPress database.

nForms - WordPress Form Builder

Drag and Drop Builder provides you with a simple multi-column contact form template with Ajax submission and validation. You can even display the form using the popup plugin. It is possible to display a form using a shortcode, a regular PHP function, or a widget.

If you need more than just a contact form, then nForms is a plugin you can use.

Gravity Forms is the most complete solution for adding a contact form to your website. With a bunch of cool features, this plugin is arguably the most advanced and advanced premium WordPress plugin available. You can use the visual editor to create complex feedback forms for your site. There is also a convenient function that facilitates the use of long forms, allowing them to be embedded in multiple pages, moreover, how filled the form is is shown by the fill indicator.

Pros: Gravity Forms can offer you completely exclusive functionality that is not available in other similar plugins, for example, an option to create order forms (including real-time costing), dependent fields to hide or show fields, sections, pages or even a submit button of the user's choice.

Pros: Compared to the other plugins featured here, this one is pricey, but again Gravity Forms offers much more than just a contact form. If you are looking for a simple contact form, then there is no point in spending money on this plugin.

Mapped Contact Form Pro WordPress uses a different algorithm to display the form on your website. This is a great solution for a business or a company, as it can be used to mark branches or offices on the ground. The plugin is also ideal for those who use maps on their sites.

You can provide your address for each location that is present in the contact form. The plugin is easy to use and can be placed on any post or page with a simple shortcode.

Another popular form builder lately. Quite powerful, with a great, intuitive editor (like in paid plugins) in which you can build your form by simply dragging and dropping the blocks you want and adjusting them. Has a whole set of pre-prepared fields and blocks. All fields are right there, when they are created, they are edited in the language you need. By default, it only has a standard, contact form for feedback and a corresponding shortcode.

Pros: Excellent functionality. When creating a new form, you can use a handy switch to quickly preview and test your "designs".

Cons: Lots of block settings can scare off newbies. In addition to the main functionality, it has a lot of premium plugins for working with various payment acceptance services, mailing lists and others. Although, this can be attributed to the pluses of course.

Ninja Kick: WordPress Contact Form

The most original contact form of the entire collection. It differs in that it is displayed as a separate panel - a slider on the left or right side of the site. It looks very impressive. It has many settings, but mostly regarding its appearance. Setting up the fields themselves is minimal here. However, you can put a shortcode from the popular Contact Form 7 and it will work.

An interesting plugin and the form itself. You can read more in.

Summing up

Now is the time to choose the right extension for your website. Contact Form 7 or FormCraft - Form Builder is probably the best solution for a regular blog, and for large sites offering different services and services, I would recommend using Gravity Forms or Ninja Forms. Lovers of "stand out" are perfect - Ninja Kick: Contact Form.

A feedback form is present on every site; it is something like an integral part of a web resource. Since it serves as an appeal to the administrator with any proposal or claim in the field of their interests. And such cases happen often, especially if you are a company, organization or just a private enterprise that produces a product.

To create a feedback form on WordPress, you don't have to write the code yourself or order it from a specialist to write it. This has already been implemented, and even more than once, all you need to do is choose a plugin that meets your requirements. The article discusses 5 more popular plugins that are in demand at the proper level.

One of the most widely used plugins for creating feedback forms is Contact form 7. It quickly gained popularity due to its ease of customization with form content. Plus, it supports spam filtering and allows you to set CAPTCHAs using the optional Really Simple CAPTCHA plugin. The plugin also supports Ajax technology, so that the web page is not reloaded while processing the request.

After installing and activating Contact form 7, a new tab for managing forms will appear in the control panel. To find a common language with him, you won't have to mess around for a long time, the plugin is multilingual and Russian is also available. The contact form is styled depending on the theme you set, but with CSS knowledge it is possible to edit it to your liking.

Sample form.

2. Form Maker

Form Maker is a modern and advanced tool for quickly creating contact forms. It offers many types of fields, captcha installation, ready-made form templates, open source code for editing styles and the result can be immediately seen in the preview. When purchasing the commercial version, integration with Google Maps will be available, as well as a file upload field. The plugin supports a wide variety of languages.

Sample form.

3. Fast Secure Contact Form

A simple yet powerful feedback form has a number of positive features and settings. You don't have to worry about a flood of spam because the plugin supports Akismet and allows you to install CAPTCHAs. It is also possible to export and import settings, redirect the user after sending a letter to any address, send files, edit styles and much more. Partial Russian translation.

Sample form.

4. Visual Form Builder

A very convenient and simple feedback form. All settings and functions are available on one page, which creates ease of management. Has a lot of fields that can be easily added with one click of the mouse. There is also the possibility of forwarding after sending the letter, anti-spam, responsiveness of the form and much more.

Settings window.

Sample form.

5. Slick contact forms

A very simple form, it does not have a bunch of settings, huge functionality, only 4 fields and nothing more. The plugin differs from the others in that the form is displayed through a widget and creates the effect of a floating or sliding form across the page. When pressed, it appears smoothly from the side, top, etc. depends on the settings you choose.

Sample form.

When you are launching a product or a new website, being able to get feedback directly from users can be invaluable to you:

A great way to do this is to add a form through which visitors can inform you about the problems they are experiencing or certain additional features they need. The main thing for a good feedback form is to keep it as simple as possible.

Users don't want to spend a lot of time filling out the form, and you must ensure that they do so. There are several different ways to add a contact form in WordPress, and it's very fast.

What is the feedback form for?

Not every site needs the ability to request feedback from users. Some sites are already mature enough, others may offer various alternative communication options.

Still others may be either too large or too branched out for user information to give them anything useful.

But there are a number of sites that can benefit from a simple contact form:

• A new site that is still working on identifying bugs or adding new functionality;
• The product is sold or distributed through a website and feedback can help develop the product;
• Publishing the site with the identification of original errors or additions;
• A simple blog that wants to give its users more options.

Naturally, this is not a complete list, but it demonstrates a number of scenarios in which a feedback form can be useful. Aside from the fact that it is actually practical to get fresh ideas from users, it also helps to ensure that the user is comfortable with your site.

Any visitor knows that he can go somewhere if he has a problem. If you're at a crossroads and you're not sure if a feedback form will give you anything, the best thing you can do is add one and see what happens:

ManageWP Feedback Panel

If you do decide to add a contact form, there are a few things to keep in mind. First, it should be as simple as possible. Ask users for nothing more than an email address, name, short message, and possibly a subject.

In some cases, you can even do without a name, although this will help you keep track of information. Don't burden the feedback form with unnecessary drop-down menus or additional information.

There are several ways to add a contact form in WordPress. This can be done manually with some code, but in this case it will be quite difficult for you to manage, data validation and actions with email. It's better to use one of the proven tools that will do the bulk of the work for you if you don't have this experience.

Adding a Feedback Page Using Page Builder

If you're using the Elegant Themes theme, setting up a feedback page should be pretty easy for you. We'll be using the Page Builder from Elegant Themes, which will add a form in just a few steps.

To get started, go to Pages -\u003e Add a page in your WordPress admin panel. This will create a new page. Name this page "Feedback". Right under the heading you will see the button “ Use Page Builder«.

Click this button to start adding page content. You will see a new structure in the post editor that visually displays the content of the page so that you can create the page using blocks known as Modules:

Page Builder structure

The first thing we want to add is some text describing the page. Click the " Insert Column", And then select the first option for the full-width block. Then, inside the created column, click Insert Module and select Text.

A simple text editor will open where you can add a short description of the page. I'll add something very basic, but you can create a description to match your site.

« Please use the form below to make suggestions for improvements to our site or to point out problems to us!»

Below, click the "Insert Module" button again. This time, go to the very bottom of the list and select " contact form". Again, you will be presented with a new panel with several form customization options. The first is "Show Captcha", which adds a simple question at the end of the contact form to block spambots.

I would like to leave this option disabled for now, as I am not getting too much spam yet. In the “Email” text box, enter the email address to which you want to receive feedback messages. The rest of the settings are optional. You can add a header, CSS class, or ID for the fields:

Setting up a contact form

When you're done, just click the Save button to add the form and then Publish to display the form on the page. Fortunately, the default Elegant Themes contact form is very simple and only asks for an email address, name and message. This is perfect for a contact form.

To ensure that users can actually find your form, you can add a link to the page you created in the main menu of your site. This can be done automatically. To do this, go to the WordPress admin panel, in the "Menu" section.

Here, you will see a list of pages that can be included or excluded from the navigation menu. Make sure there is a green checkmark next to the Feedback page. If you see a red cross, just click on it to bring up the page with the form in the menu and save the changes.

This way, users can easily access the form from the main menu and fill it out if they have any problems.

Contact form plugins

Of course, adding a separate page isn't the only way to add a feedback form to your site. If you are not using the Elegant Themes theme, or if you need something a little more sophisticated, there are several plugins that can be used to do this.

Usernoise

Usernoise is one of the simplest contact form plugins out there. The plugin works by adding a "Feedback" button in the sidebar or at the bottom of your site.

When users click on it, a small pop-up window opens with a short form where users can indicate what problems they are having and write a short message.

This form then sends a notification to the specified email address of the site administrator that a message has been received from the user:

Each part of the form is customizable via plugin settings. You can add or remove categories, choose which fields the form will include, what text will be displayed, and edit the colors and styles of the form and button that will be displayed on each page.

You can also enable and disable the form itself through a simple checkbox. Usernoise takes a “just works” approach. After you connect it via the checkbox, the form starts working on your site.

You can tweak it a little to fit the style of your theme, but it doesn't contain overly complex features. Instead, everything is made as simple and user-friendly as possible. The plugin also uses a responsive popup and inherits most of the styles right from your theme.

If you're looking for a really easy way to add a contact form button to all pages on your site, Usernoise is the way to go.

Ninja kick contact form

Ninja Kick Contact Form is a premium plugin very similar to Usernoise, but it adds a few extra features and styles.

The plugin adds a button to the sidebar of the page that opens up a fairly simple feedback form. It uses basic animation to render the form on the page without having to leave the page itself:

Outgoing form

The plugin also allows you to customize the form according to your brand by customizing its color and adding your own logo at the top. Below you can add some social media links if you want users to be able to reach you through alternative channels. Then you can add a short message.

The form itself is very simple and requires users only to enter a name, email address, and message. The message is sent to any email address you want, so you can easily arrange for feedback tracking.

Ninja Kick Contact Form is a paid plugin mainly due to the level of customization it allows. You can choose from three different themes, and change the colors and style of each aspect of the presentation.

It also has built-in spam protection, and is fully responsive and mobile-friendly. Ninja Kick Contact Form is stable, fairly simple and uses high-quality animation.

Usersnap

Usersnap takes a slightly different approach to the feedback form. It is essentially a third party service that allows users to take a screenshot of the page they are currently on and then comment on it and send you the screenshot along with the comments.

You will be charged a certain fee for using the service, depending on how many of your sites have it implemented.

Contact Form 7 can manage numerous contact forms, where you can flexibly customize the content of the forms and mails with fairly simple markup. Forms have built-in support for Ajax submissions, CAPTCHAs, Akismet spam filter and more.

Documentation and support

Screenshots

Installation

1. Upload the entire contact-form-7 folder to the / wp-content / plugins / directory.
2. Activate the plugin through the Plugins screen ( Plugins\u003e Installed Plugins).

You will find Contact menu in your WordPress admin screen.

Reviews

1) Do not use 2) Do not use 3) Do not use The forms seem nice and straightforward, but are riddled with glitches. There are more than 1000 support requests; most are unanswered. File uploads fail without an explanation. Forms also fail with no explanation. There aren "t useful solution or error messages, just lots of frustration. If you don" t want to spend many hours of frustration only to later uninstall this plugin, don "t install it in the first place. Try something that actually works, like Everest.

Contributors and Developers

Contact Form 7 is open source software. The following contributors have contributed to the development of the plugin:

Participants

Change log

See Releases for more information.

5.1.7

• CSS: Adds an explicit LTR direction style rule for code inputs.
• Accessibility: Uses Error instead of ERROR in warnings.

5.1.6

• CSS: removes a style rule from the stylesheet that was unnecessary and conflicting with Twenty Twenty's rules.
• REST API: retrieves the contact form ID explicitly from the route parameters.

5.1.5

• Config Validator: New test item for the unavailable_html_elements error.
• Config Validator: New test item for the attachments_overweight error.

5.1.4

• reCAPTCHA: Introducing the WPCF7_RECAPTCHA_SITEKEY and WPCF7_RECAPTCHA_SECRET constants.
• reCAPTCHA: Introducing the wpcf7_recaptcha_sitekey and wpcf7_recaptcha_secret filter interceptors.
• Adding the $ status parameter to the wpcf7_form_response_output filter.
• Generates a random code when the user is a registered user.
• Introducing WPCF7_ContactForm :: unit_tag (), a public method that returns a unit tag.
• reCAPTCHA: sends a different message to the spam log in cases where the response token is empty.
• Consent flag: support for the label_first option in the consent tag of a form.

5.1.3

• Fixed a bug that made it impossible to deselect an option in the Mail tab.

5.1.2

• Permanent Contact: Introduced a contact list selector.
• Constant contact: An additional setting constant_contact is provided.
• reCAPTCHA: introduced filter interceptors wpcf7_recaptcha_actions and wpcf7_recaptcha_threshold.

5.1.1

• reCAPTCHA: Changes the reaction to empty response tokens.

5.1

• Introduced the Permanent Contact integration module.
• Updated reCAPTCHA module to support reCAPTCHA v3.
• Adds Dark Mode style rules.

5.0.5

• Fixed a mismatch issue between get_data_option () and get_default_option () in the WPCF7_FormTag class.
• Suppresses PHP errors on unlink () calls.
• Introduced wpcf7_is_file_path_in_content_dir () to support the UPLOADS constant.

5.0.4

• Explicitly sets the power_type argument in the register_post_type () call to fix an unauthorized privilege escalation issue.
• Local file attachment - it is forbidden to specify absolute paths to files located outside the wp-content directory.
• Configuration Validator - adds a test item to detect incorrect settings for attachment files.
• Fixed a bug in JavaScript backward compatibility for legacy browsers that do not support the HTML5 placeholder attribute.
• Consent checkbox - disables the do-not-store function of the form tag.

5.0.3

• CSS: Applying a "not allowed" cursor style when hovering over submit buttons in an inactive state.
• Consent flag: Revision of the tag generator user interface to encourage the use of better privacy options.
• Implementation of the wpcf7_anonymize_ip_addr () function.
• Introduced consent_for: storage option for all types of form tags.

5.0.2

• Added "Privacy Notices" section to readme.txt file.
• Updated content in the Information meta-block.
• Use get_user_locale () instead of get_locale () where appropriate.
• Accept checkbox: Resets the status of disabled submit buttons after successful application.

5.0.1

• Fixed incorrect use of _n ().
• Configuration Check: Fixed incorrect number of warnings on the Advanced Options tab.
• Configuration Check: Fixed incorrect handling of the special mail tag [_site_admin_email] in the From header field.
• Acceptance Flag: The specified class and id attributes were applied to an invalid HTML element.
• Configuration Validation: If an optional mail header exists for mailboxes such as Cc or Reply-To, but a possible null value, a "Invalid mailbox syntax" error will be returned.
• Explicitly specify the fourth parameter add_action () to avoid passing in unintended parameter values.
• Check if the target directory is empty before deleting it.

5.0

• Additional settings: on_sent_ok and on_submit have been removed.
• New additional setting: skip_mail.
• Flamingo: The title of the inbound channel changes along with the title of the corresponding contact form.
• DOM events. The entire API response object is available through the event.detail.apiResponse property.
• HTML Mail: Adds language related attributes to the HTML header.
• File Upload: Sets the accept attribute on the upload field.
• Introduced a new class, WPCF7_MailTag.
• Abort an attempt to send mail using the wpcf7_before_send_mail action interceptor. Alternatively, you can set custom status and message through an action interceptor.
• Acceptance Flag: Allows you to specify conditions in part of the content of a form tag.
• Acceptance checkbox: Supports the optionality parameter.
• New custom mail tags: [_site_title], [_site_description], [_site_url], [_site_admin_email], [_invalid_fields], [_user_login], [_user_email], [_user_url], [_user_first_name], [_user_first_name], [_user_first_name], [_user_fields_ [_user_display_name].
• New filter interceptors: wpcf7_upload_file_name, wpcf7_autop_or_not, wpcf7_posted_data _ ($ type), and wpcf7_mail_tag_replaced _ ($ type)
• New form-tag features: zero-controls-container and not-for-mail

Hello, friends! In this tutorial we will talk about creating a feedback form, or as the people say "Contact form".

Today we will analyze with you how you can create in a few minutes easy, beautiful and functional a feedback form using my favorite plugin Contact Form 7 .

I will try to explain in as much detail as possible all the stages of installing the contact form, and in this regard, the lesson will turn out to be quite long 🙂

Creating a contact form in WordPress

At the very beginning, I want to note that the Contact Form 7 plugin is Russified, and you will not have any problems with it. As proof of my words, the fact that this plugin has been downloaded can be MORE THAN 25 MILLION TIMES !!!

And so, let's get started. To create a feedback form you need to do the following:

1. Install and activate the Contact Form 7 plugin. How to install plugins you can.

2. After activation, go to Contact Form 7 -\u003e Forms.

3. In the window that opens copy the line with an embed code.

4. Paste the copied code on the page where we want to add a feedback form. After you have inserted the code, do not forget to save the changes by clicking the button "Refresh".

Here is such result adding a contact form to get:

Done! You installed working form feedback to your site!

As you can see, in total in a few minutes you can easily install a feedback form on the site. You can put an end to this, but for those who are not satisfied with the standard form and who want to create completely new contact form with other fields and possibilities - i recommend read the lesson to the end.

In order to create a new form, you first need to determine what fields we need in it. In this tutorial, as an example, we will create a simple call back order form.

To do this, we need the form to have the following fields for filling:

• Name (Required field)
• Surname
• Phone (Required field)
• Field with the choice of a convenient time for a call

After we have decided on the fields, we proceed to creating the form:

1. Go to Contact Form 7 -\u003e Add New.

2. In the window that opens, click the button "Add new"... If necessary, select a language from the drop-down list below. By the default language will be Russian.

3. After clicking the button, you will be taken to the page on which the form editor.

At the very top of the page is the field in which we write name new form... AT Form template we see standard form fields that are created by default.

Below we see the settings of the letter that comes to your mail after someone has sent an order from the form on the site. In these settings, for example, you can change or add an e-mail to which requests from the form on your site will come. AT letter template the information that will be displayed inside the letter is configured.

4. After we have superficially familiarized ourselves with the structure of the editor, we proceed to create our new form. For this we need DELETE from the form template all lines except the button "Send",and in the email template delete all completely . After deleting, you should get something like this:

5. Now we need to create new fields: Name (required), Surname, Phone(required), Convenient call time.

We start by creating a field to enter a name, which should be required. To do this, press the button "Generate Tag"and choose Text field.

In the settings of the new field, put a check mark, which is necessary only if the field should be required. Next, copy the generated code into the form template on the right, and copy the following code into the email template. See the image below for comments and arrows for better understanding.

6. After we have added a field for entering a name, click "Generate tag" -\u003e Text field and by analogy create a field Surname and Phoneby copying and pasting the code into the form template and the letter template. The only difference is that for the field Surnameyou do not need to check the box for mandatory filling .

After adding the First Name, Last Name and Phone fields, the form editor will look like this:

7. Now we create the field Convenient call time. To do this, click "Generate Tag" and choose "Drop-down menu".

In field Choice we write in a line according to one option, in our case this time is from 8-00 to 18-00 at intervals of two hours. After filling in, copy the corresponding lines of code into the form template and the letter template.

As a result, you should get something like this:

9. Copy the form code and paste it on the page where you need the form... If you did everything correctly, you should get the following form for ordering a call back:

After the user makes a callback order from your site, a letter will be sent to your mail with the following content:

DONE!Here we have created with you callback order form from scratch.

I agree that for some, everything may seem very difficult and scary, but this feeling will only last until the first creation of a contact form from scratch 😉

In most cases, a standard feedback form, which is created by the plugin by default immediately after its installation and activation, is sufficient.

I hope this tutorial was useful to you and you figured out the Contact Form 7 plugin.

If you have any questions during the creation of the form or something will not work - write and ask questions in the comments.

And remember that feedback form on the site - a required attribute on the contact page.

Hello, friends! In this lesson we will talk about creating a feedback form, or as the people say "contact form". Today we will analyze with you how you can create an easy, beautiful and functional feedback form in a few minutes using my favorite Contact Form 7 plugin. I will try to explain in as much detail as possible all the stages of installing a contact form, and in this regard, the lesson will be quite long :) Creating a contact form in WordPress At the very beginning, I want to note that the Contact Form 7 plugin is Russified, and you will not have any problems with it. As proof of my words, the fact that this plugin ...

Overview

Vote for the lesson

100

Assessment

Outcome: Dear Readers! Do not be lazy to vote and leave a comment. This way I can understand the usefulness of the lessons and articles and improve their quality in the future. Thanks in advance!