Форма обратной связи в WordPress может быть создана благодаря известному и популярному плагинe – Contact Form 7. Такую известность он обрёл за то, что обладает поразительной гибкостью и многофункциональностью. А кроме того, он по большей части переведён на русский язык и бесплатный.

В этой статье я дам вам полный обзор Contact Form 7 и инструкцию по работе с ним. Вы узнаете всё, что умеет этот плагин.

Форма обратной связи в WordPress и другие элементы взаимодействия с аудиторией

Форма связи позволяет посетителям отправлять личные сообщения для администратора сайта. Если вы хотите, например, сделать страницу, на которой каждый смог бы высказать вам своё предложение, мнение, задать вопрос, то вам нужна форма обратной связи.

Плагин Contact Form 7 — это лучшее решение для того, чтобы сделать форму обратной связи в WordPress. К его особенностям следует отнести гибкость настройки. Кроме обычной контактной формы, с этим дополнением можно реализовать форму заказа, форму заявки и любые другие элементы, где требуется получить какие-либо данные от посетителя. Плагин позволяет создавать формы с любыми полями.

Рассмотрим Contact Form 7 подробнее. Скачайте его по ссылке ниже, установите на свой сайт и активируйте.

После активации в вашей консоли образуется новый пункт «Contact Form 7». Перейдите в подпункт «Формы». И здесь вы увидите готовую форму, которую уже можно опубликовать, даже не настраивая. Чтобы поместить её на сайте, скопируйте шорткод, и вставьте его в нужное место на странице или в записи. Опубликуйте, и можно тестировать.

Шорткод формы, созданной по умолчанию

Также можно создать собственную форму обратной связи в WordPress. Для этого нужно в пункте «Contact Form 7» перейти в подпункт «Добавить новую». Для начала можно дать форме название. Здесь также имеется конструктор форм с несколькими вкладками.

• Шаблон формы. Здесь можно создать форму, добавлять и удалять поля в ней, подписывать их.
• Письмо. Здесь можно настроить шаблон письма, приходящего администратору и отправителю.
• Уведомления при отправке формы. Настраиваются надписи, которые появляются в случае удачной отправки, в случае ошибки и других событиях.
• Дополнительные настройки. Можно вообще не трогать эту вкладку.

Основными вкладками, где приходится чаще всего работать при создании формы обратной связи в WordPress, являются первые две.

Рассмотрим сначала вкладку «Шаблон формы». Она представляет собой редактор с кнопками сверху. Каждая кнопка добавляет то или иное поле в форму.

Вкладка «Шаблон формы»

Вот какие поля есть:

• text – однострочное текстовое поле;
• email – электронная почта;
• URL – адрес в интернете;
• tel – телефон;
• number – поле для ввода цифр;
• date – поле для написания даты с выпадающим календарём;
• text area – текстовое многострочное поле;
• drop- down menu — список;
• checkboxes – чекбоксы, то есть галочки;
• acceptance – тоже чекбокс, только больше подходит для установки опции согласия с определёнными условиями;
• quiz – задаёт простой вопрос (например, 1+1=?), можно использовать в качестве капчи.
• reCAPTCHA – устанавливает капчу Google рекапча (где нужно просто поставить галочку в поле «Я не робот»), но для работы требуется сначала получить ключи;
• file – кнопка «Обзор», чтобы вложить файл;
• submit – кнопка отправить.

Чтобы установить тот или иной элемент в форму, нужно поставить курсор мышки в нужном месте, и кликнуть на соответствующую кнопку.

Как видно, функций много, и благодаря этому есть возможность создать не только форму обратной связи WordPress, но и любую другую, с любыми возможностями.

Давайте рассмотрим пример. Допустим, нужно установить в форму текстовое поле. Ставим курсор мышки в нужном месте формы и нажимаем кнопку text. Открывается окно настройки поля.

Окно настройки поля

Здесь есть следующие опции:

• Field type – если нужно, чтобы это поле было обязательным, то поставьте здесь галочку.
• Имя – имя поля. Можно поставить по умолчанию.
• Значение по умолчанию – здесь можно записать, что будет в поле, если пользователь ничего не ввёл, то есть, что будет написано по умолчанию. Заполнять не обязательно.
• Akismet – можно подключить к полю .
• Id attribute – дополнительный атрибут поля, можно не заполнять.
• Class attribute – атрибут стиля поля, тоже не обязательное поле.

Когда всё, что нужно заполнено и настроено, нажмите кнопку «Insert tag», чтобы установить поле в форму. Это базовые опции, у других полей есть дополнительные, индивидуальные опции.

После этого в форме появляется созданный нами тег, поле.

Добавленный тег

Теперь нужно дать ему пояснения, присвоить надпись. Форма обратной связи в WordPress, созданная плагином Contact Form 7, поддерживает в своём редакторе HTML. Поэтому можно использовать теги для выделения текста, создания отступов или переводов на новую строку. Например, созданное нами поле можно оформить так:

Перейдём во вкладку «Письмо». Здесь у нас настраивается шаблон письма. Вот, что мы имеем:

• T o. В этом поле указывается, на какую электронную почту будут отправляться письма.
• From. Здесь указывается, какой адрес будет фигурировать в качестве адреса отправителя.
• Тема. Заполняется тема письма.
• Additional Headers. Дополнительные заголовки – можно написать информацию об отправителе, например.
• Message Body. Само тело письма.
• Исключить вывод строк с пустыми тегами сообщения. Если включить это, то в пришедшем письме не будет полей, которые в форме были не заполнены.
• Использовать HTML-формат письма. Все HTML теги будут видны, визуального оформления не будет, если включить эту галочку.
• File Attachments. Если в форме обратной связи WordPress предусмотрены вложения файлов, то, чтобы они пришли, здесь нужно указать их теги.

Чтобы в письме, которое придёт после отправки формы, было содержание тех или иных полей, необходимо поместить в шаблоне тот или иной тег. Так, допустим, если мы добавили поле text «text-439» в форму, то, чтобы его содержание пришло в письме, следует в нужном месте написать его.

Тег из формы в шаблоне письма

В этой же вкладке есть раздел «Письмо 2» Если поставить галочку на «Use Mail (2)», то можно сделать, чтобы отправлялось ещё одно письмо. Открывается такой же редактор, как и для первого письма.

Включение второго письма

По умолчанию, это письмо будет уходить отправителю формы (в строке «To» установлен тег , то есть отправляться будет на ту почту, которую укажет отправитель в форме). Например, там можно написать уведомление о том, что письмо до вас дошло или что-нибудь ещё. При необходимости можно сделать, чтобы письмо отправлялось какому-то другому, конкретному адресату, например второму администратору.

От автора: приветствую вас, уважаемые читатели. Если вам понадобилась форма обратной связи на сайт WordPress, тогда эта статья именно для вас. После прочтения статьи вы узнаете, как сделать форму обратной связи на WordPress, при этом сделать легко, быстро и качественно.

Итак, для решения поставленной задачи мы будем использовать плагин формы обратной связи, который называется Contact Form 7. Не знаю, почему автор выбрал именно такое название, точнее порядковый номер в названии, возможно, это его счастливое число

Как бы то ни было, плагин Contact Form 7 для WordPress — это один из популярнейших плагинов как среди плагинов для создания формы обратной связи WordPress, так среди любых других. И действительно, более миллиона установок — цифра говорит сама за себя. Оценка плагина достаточно высока — 4,5 звезды, что отметает все сомнения по его использованию. К тому же плагин уже русифицирован, поэтому вам не придется переводить поля формы и сообщения на русский язык.

УСТАНОВКА ПЛАГИНА CONTACT FORM 7 ДЛЯ WORDPRESS

Ну что же, давайте пройдем стандартный процесс установки. Кстати, если вы никогда еще не устанавливали плагины, тогда обязательно ознакомьтесь со статьей «WordPress. Установка плагинов», в которой найдете все возможные способы установки плагинов.

В админке сайта переходим в раздел Плагины — Добавить новый и в строку поиска вводим название плагина — «contact form 7″. Первый найденный плагин формы обратной связи — нужный нам вариант.

Жмем кнопку Установить и активируем плагин. После установки в меню появится новый раздел Contact Form 7 с несколькими пунктами.

Первый пункт Формы содержит список текущих форм на вашем сайте и позволяет управлять ими: редактировать или удалить. Готовая форма представляет из себя ни что иное, как шорткод (короткий код), который можно вставить в запись, страницу или даже виджет. Этот шорткод будет развернут на странице в полноценный код формы. В плагине уже предустановлен пример формы обратной связи, давайте скопируем ее шорткод и вставим его, к примеру, на страницу контактов. После этого перейдем на страницу и увидим на ней уже готовую рабочую форму обратной связи WordPress.

Можем попробовать заполнить форму и отправить ее, письмо будет доставлено на адрес email, указанный в настройках профиля администратора. Обратите внимание, плагин Contact Form 7 не просто предлагает обычную стандартную форму обратной связи. Нет, плагин позволяет гибко ее настраивать. К тому же, форма отправляется без перезагрузки страницы, что является дополнительным плюсом. Ну и, конечно же, валидация полей формы, возможность указать обязательные для заполнения поля — это еще один огромный плюс.

НАСТРОЙКА ФОРМЫ ОБРАТНОЙ СВЯЗИ ДЛЯ WORDPRESS

Ну что же, мы использовали уже готовую форму. А как насчет ее изменения? Возможно ли это и легко ли сделать это? Ответ — да — на оба вопроса. К примеру, я хочу убрать из формы поле Тема, как это сделать? Перейдем к редактированию формы в меню плагина Формы и увидим следующую картину.

Для того, чтобы убрать тему, достаточно убрать 2 соответствующие строки, обведенные рамкой на скриншоте. Здесь интересна вторая строка: . Как вы уже догадались, это ни что иное, как шорткод, который и разворачивается в поле формы. В данном случае это поле типа text со значение атрибута name — your-subject.

Если, к примеру, речь идет о текстовой области ниже, то ее шорткод выглядит так: . Здесь textarea — это тег textarea формы, а your-message — имя данного элемента формы. Все просто.

Здесь вы можете задать вполне логичный вопрос: а что делать с прочими элементами формы? Как узнать, какой шорткод отвечает, скажем за выпадающий список? Здесь тоже ничего сложного нет. Над полем шаблона редактируемой формы есть кнопки, кликнув по которым мы добавим необходимые элементы в форму.

Ну а если все же возникнут сложности, тогда вам поможет документация к плагину , где можно найти множество примеров.

Итак, давайте в качестве примера удалим тему сообщения и добавим список с вариантами выбора темы сообщения. Для создания выпадающего списка кликнем по кнопке drop-down menu. В открывшемся модальном окне заполняем форму. Ключевым является поле Options, в которое мы вводим варианты для выпадающего списка. Каждый вариант с новой строки. Прочие поля формы должны быть интуитивно понятны. Например, если мы отметим чекбокс в поле Field type (Required field), то тем самым сделаем создаваемое поле формы обязательным для заполнения. Чекбокс Allow multiple selections позволяет создать список с возможностью выбора нескольких вариантов, а чекбокс Insert a blank item as the first option создаст первым пустой вариант в списке. Поля Id и Class говорят сами за себя — это поля для добавления атрибутов id и class, позволяющих в дальнейшем оформить поле.

После создания списка с необходимыми вариантами в шаблоне формы появится новое поле.

Сохраняем шаблон и пробуем протестировать новую форму обратной связи. На сайте форма действительно изменилась, вместо текстового поля темы появился выпадающий список с вариантами выбора темы.

Давайте попробуем заполнить и отправить форму. Форма отправляется, но oops… в полученном письме нет выбранного варианта темы. Как так? Как исправить это недоразумение? Не волнуйтесь, исправляется это просто. Идем в редактирование формы и переключаемся на вкладку Письмо.

В этой вкладке настраивается формат письма, который приходит на email из формы обратной связи. На скриншоте в первой обведенной области мы видим список шорткодов (имен полей формы), которые используются в нашей форме обратной связи. Именно значения этих полей и подставляются в шаблон письма. Мы видим на второй отмеченной области, что для поля Тема осталось имя из прежнего поля. Также в поле Message Body указан прежний шорткод. Давайте заменим их соответствующим тегом из списка выше — . К слову, здесь же можем изменить и email получателя, он записан в поле To. Также можем изменить и прочие настройки ниже, все они подписаны и понятны.

Сохраняем изменения и пробуем отправить повторно письмо. Теперь форма обратной связи работает, как и положено, — на email приходит письмо с выбранной темой.

В следующей вкладке Уведомления при отправке формы мы можем настраивать сообщения об успехе или ошибках, возникающих при отправке формы.

ЗАЩИТА ФОРМЫ ОБРАТНОЙ СВЯЗИ

А что насчет спама, можете задать вы вполне резонный вопрос? Автор плагина позаботился и об этом. В разделе настроек плагина есть пункт Integration.

Здесь мы можем настроить сервис reCAPTCHA от Google. Для этого вам нужно будет перейти по указанной ссылке на соответствующий сервис Гугла и далее следовать инструкциям, чтобы получить необходимый ключ и интегрировать каптчу с вашим сайтом.

Для тех же, кто не хочет использовать сервис reCAPTCHA, плагин предлагает защиту от роботов в виде поля вопрос/ответ. Для добавления этого поля в шаблоне формы кликаем по кнопке quiz и заполняем форму точно так же, как мы это делали для выпадающего списка. Вопрос и ответ вводим через вертикальную линию.

После этого в форме обратной связи появится новое поле с одним из вариантов вопросов, которые вы набрали. Теперь, чтобы форма отправилась, необходимо дать верный ответ на вопрос.

Как видим, сделать форму обратной связи на WordPress — проще простого. Плагин Contact Form 7 позволяет построить форму практически для любых целей. Это может быть и форма обратной связи, и форма какой-нибудь заявки и т.д. Да, как я и говорил выше, форму можно вставить не только в запись или страницу, но и в виджет сайдбара. Для этого достаточно создать виджет Текст и вставить в него шорткод нужной формы. Ну а новые формы, как вы догадались, можно создавать в меню плагина Добавить новую.

На этом у меня все. Поиграйтесь с плагином Contact Form 7 для WordPress, попробуйте создавать различные формы, поверьте, там есть еще масса возможностей для исследования. Если же у вас возникнут вопросы, тогда я, как всегда, жду их в комментариях. Удачи!

Тем, кто хоть как-то желает иметь связь с посетителями часто задаются вопросом: как сделать форму обратной связи на сайте? которая выводится обычно на странице контактов, чтобы посетители имели возможность написать вам по какому-либо поводу. Такую форму обратной связи не нужно делать самому, её уже придумали и вам достаточно лишь установить плагин обратной связи, который поможет без труда установить нужную форму и настроить под ваши нужды. в этом обзоре вы ознакомитесь со списком лучших плагинов форм обратной связи, которые имеют различные возможности и направления и с их помощью них можно организовать любые формы на своем сайте без привлечения программиста, а это будет гораздо дешевле, иначе говоря тот же результат за меньшие деньги. Найти их можно будет в репозитории ru.wordpress.org/plugins/ поиском, вписав соответствующее наименование плагина форм в строку поиска.

Зачем нужна форма обратной связи?

1. Этот вопрос многих интересует, ведь можно просто написать в контактах свой электронный ящик и этого будет достаточно, но, во-первых есть некоторые нюансы, дело в том, что если вы пропишите просто название эл. ящика, то им могут воспользоваться спамеры, которые потом будут постоянно пополнять ваш ящик мусором, т.е. это своего рода защита от спама.
2. Во-вторых, это конечно же удобство, если уж человек зашел на ваш сайт, то конечно же он захочет без заморочек быстро написать вам прямо отсюда, а в форме укажет свой ящик, куда и придет ему ответ от вас.
3. В третьих, это бывает необходимо, для отправки каких-то шаблонных данных, по типу заполнения какого-то бланка. То есть полей в обратной связи может быть много, которые могут называться как угодно, в зависимости от тематики и уже эти данные будут отправлены шаблоном владельцу сайта. Получается, что вы заполняете некий формуляр и отправляете его.

Таким образом, если вы установите себе плагин обратной связи для WordPress, вы решите часть вопросов связанных с быстрым реагированием посетителей, что будет удобно и им и вам. Так что давайте рассмотрим самые выдающиеся плагины обратной связи в Вордпресс:

Список плагинов обратной связи в Вордпресс

1. Сontact Form 7

Будет правильным, если мы начнем с самого популярного плагина формы обратной связи в WordPress Сontact Form 7(БЕСПЛАТНЫЙ) — которым воспользовались уже более 5 миллионов человек. Он достиг такой популярности за счет длительного периода использования, на протяжении которого он постоянно менялся только в лучшую сторону, поэтому он признан лучшим плагином обратной связи. Он очень простой в использовании и с минимальными настройками, с которыми справляются даже дилетанты, но навыки работы с html должны быть, потому, что форму нужно будет подредактировать и сменить надписи на русский язык.

Он поддерживает порядка 46 языков, поэтому он охватил почти весь мир.Он способен использовать CAPTCHA, и фильтровать спам с помощью Akismet. Он часто обновляется, очень хорошо работает тех.поддержка и настраивается достаточно быстро. Его основная задача — сделать форму обратной связи с отправкой на почту. Делает он это отлично, поэтому его смело можно рекомендовать всем.

2. Contact Form by BestWebSoft

— так же удобный и простой плагин форм для вордпресс, с помощью которого можно так же легко установить контактную форму на сайт используя шорткод. Этот плагин тоже достоин особого внимания, т.к. он в бесплатном варианте имеет достаточно богатые функции, среди которых есть определение IP-адреса отправителя, дата и время отправки, возможность перевести на другой язык всю форму, защита от спама, возможность расширения контактной формы с помощью плагина Contact Form Multi… и множество других. Тем, кто хочет увидеть незаурядные способности, тот конечно должен приплатить и тогда уже можно увидеть такие функции как: настройка стилей, опция автоответчика, настраиваемые подсказки и множество других, но я бы его назвал плагином автозаполнения форм, за его умение делать это.

Этот плагин от BestWebSoft завоевал славу благодаря своей надежности и отзывчивой техподдержкой. Его рекомендуют многие, кто уже использовал его и остались им довольны.

3. Contact Form Builder WordPress Plugin by vCita

— за вот таким длинным названием плагина кроется скромный работяга, который позволит после установки быстро настроить контактную форму, тут же установить размеры поля, цвет и шрифт в поле. Он без проблем может установить контактную форму, с помощью шорткода, на любую страницу сайта. Он может работать с 7-ью языками, включая русский. Он привлекателен больше своим неповторимым узнаваемым стилем, который хорошо умеет привлечь посетителей сайта к себе и с ним можно легко отправить уведомление через форму обратной связи, собственно зачем он и нужен. Буквально за минуту вы установите контактную форму в любом месте вашего сайта или на каждой странице. Если вам недостаточно бесплатных опции, то вы всегда можете посмотреть список из платного варианта и сделать выбор, купив плагин.

4. Jetpack

— этот многофункциональный плагин-конструктор, который имеет целый набор разных разносторонних принадлежностей, которые могут: показать аналитику сайта, автоматически публиковать посты в социальные сети заблаговременно, предоставить инструменты SEO, рекламную программу с лидирующими поисковиками, платежные кнопки PayPal и даже резервное копирование всего сайта и ещё много всего интересного, причем бесплатного, но есть и платная версия с расширенными возможностями.

Так вот среди этого многообразия есть возможность использовать интерфейс с формами, которые можно добавить куда угодно. Получается, что помимо всего этот плагин можно использовать и в виде формы обратной связи и с установкой этого плагина вы приобретете множество интересных и непознанных ранее плюсов. Так что дерзайте.

5. Ninja Forms

— в отличие от предшественника данный плагин узконаправленный и то, что он может быстро создать любую форму за считанные минуты без ограничений, является его основной задачей. Форма создается методом перетаскивания играючи, что позволит даже новичку быстро сориентироваться и сделать любую по сложности форму. Он поддерживает такие опции как: защиту от спама Google reCaptcha, экспорт и импорт форм, использование пользовательских масок ввода, редирект на другую страницу после завершения заполнения формы и т.д.

6. Visual Form Builder

— это плагин формы обратной связи в wordpress, который может вас порадовать в случае его выбора. Ведь он имеет ряд полезняшек: антиспам система, сохранение в базе данных записей, вставка формы с помощью шорткода, экспорт записей в CSV и другие прелести. Он очень удобный, так как поля добавляются обычным перетаскиванием, но больше он полезен тем, что можно создать любые поля, ведь он нацелен не только на обратную связь, а на установку различных веб-форм. Мне он не понравился тем, что когда вставляешь форму в виджет, то первые буквы надписей полей закрыты каким-то значком, исправить самому не удалось. А в других местах было всё хорошо.

Вообще, нужно сказать, что если вам нужна какая-нибудь необычная веб-форма, то с этим плагином можно будет реализовать её, ну а если не хватит возможностей бесплатной версии, то можно перейти на платную, где возможно развернуться более шире и при этом тех. поддержка адекватно помогает решать проблемы, даже дает консультации.

7. Contact Form by Supsystic

— это плагин обратной связи с recaptcha, простой и удобный тем, что он предназначен только для обратной связи, причем настройка занимает считанные секунды и нет ничего лишнего. Более того очень хорошо встраивается в вашу тему. По функционалу он похож на Сontact Form 7, т.е. те же возможности, ну а чем он понравится вам, можете сказать после его опробования.

8. Formidable Forms - Form Builder for WordPress

— он поможет вам добавить форму обратной связи на сайт, так и форму опросов, формы покупок и формы заказов, форм регистрации пользователей, календарей событий, а также любые другие формы, которые будут хорошо смотреться на экране любого размера, будь то планшет или смартфон. Более того можно добавлять свои поля, а можно использовать уже готовые формы, которые предлагает использовать разработчики данного плагина. Можно настроить стиль вашей веб-формы, правда если вы будете выводить эту форму, то она будет везде одинаковая, а вот если вы захотите, чтобы она различалась, то вам необходимо переходить на платную версию PRO. А вот платная версия уже может реализовать многостраничную форму, применить условную логику, сделать интеграцию платформ, можно управлять данными и др. Платная часть позволяет делать ввод, отображение, редактирование и фильтрацию данных в интерфейсе вашего сайта без каких-либо дополнительных плагинов. Честно сказать, от возможностей данного плагина голова пухнет, конечно опробовать все возможности просто не хватит времени. Часто подобные плагины используют в магазинах и на сайтах сбора информации, опросниках и прочих.

9. FormCraft – Form Builder for WordPress

— как утвердждают разработчики, что это прямой конкурент плагину Contact Form 7, который он с легкостью заменит и будет выглядеть не хуже и функциональностью даже превосходит его. В бесплатной версии предоставлено минимум полей, отчего форма конечно скудноватая, но для создания формы обратной связи на сайте этого будет достаточно. Ещё нужно отметить, что плагин был создан в платном варианте, а уже позже сделали бесплатный вариант, видно для рекламы и для затравочки. Команда разработчика nCrafts очень кропотливо работает на разработкой своего продукта и озабочена его качеством, так что те, кто хочет щепетильного разработчика, то он перед вами.

10. FormGet Contact Form

— это плагин обратной формы и более того очень эффективный инструмент для создания контактной формы, который позволяет вам внедрять любую форму на вашем веб-сайте за несколько кликов. Выберите поля формы, настройте свои параметры и легко вставьте форму контакта на свой сайт. Он без особого напряга поможет быстро сделать форму обратной связи, форму для справки, форму бронирования, форму консультационной службы, контактную форму, форму списка рассылки, форму опроса, заявку на участие в работе, регистрационную форму для семинара, форму для составления блогов, форму для подписки на новостную рассылку, форму для планировщика свадьбы, форму заявки на недвижимое имущество, приглашение на демонстрационную форму продукта, форму онлайн-заказов и т.д. Описание возможностей более чем подробное, но есть одно НО, он с русским языком не везде адекватно работает, поэтому вместо букв может отображать иероглифы.

11. Very Simple Contact Form

— судя по названию, это самый простой плагин в создании обратной связи на сайте. Форма содержит только поля для имени, электронной почты, темы и сообщения. И простая captcha (случайное число), а также поддерживает короткий код. Даже добавить то нечего, а что еще нужно? Если вы ограничитесь этой простейшей формой, то установив её вам хватит её на долго, по крайней мере чем проще, тем надежнее.

12. Quick Contact Form

— такой же простой плагин форм, имеет несколько форм, есть автоответчик, есть набор встроенных стилей. Опять же для простой формы обратной связи вам его будет достаточно, можно смело ставить.

13. RegistrationMagic-Custom Registration Forms

— этот плагин для создания форм, а также для регистрации пользователей WordPress, который дает вам общий контроль регистрации, пользователей на вашем веб-сайте. Вы можете создавать различные формы для регистрации пользователей, каждая из которых имеет разные предопределенные поля. Вы также можете настроить платежи для платных пользовательских регистраций. Область регистрации пользователя Front-End позволяет вашим пользователям входить в систему, восстанавливать пароль, проверять транзакции, загружать материалы и т.д.

RegistrationMagic отслеживает все входящие формы и действия, которые вы можете отслеживать с панели инструментов. Ещё он может принимать вложения и просматривать/загружать их из одной области на панели управления. Расширенные фильтры позволяют просматривать данные для конкретной формы и по времени. А самое смачное для этого плагина считается возможность добавление несуществующих функции. Выглядит это просто: если вам нужна та или иная опция, то вам достаточно написать в техподдержку и они реализуют её и в следующем обновлении вы увидите свое воплощенное в жизнь желание.

14. Контактная форма от WPForms

— позволяет создавать красивые контактные формы, формы подписки, формы оплаты и другие типы форм для вашего сайта за считанные минуты. Прекрасно подходит для мобильных версии. Основной упор этого плагина направлен на качественную и быструю работу, чтобы у пользователя не возникало вопросов на создание и настройку любых форм. SEO параметры продуманы и отрегулированы.

Кстати, его использование удобно тем, что при создании формы вы тут же видите результат ваших изменений, то есть окно превью. По функциональности не многие бесплатные плагины смогут конкурировать с ним и еще нужно добавить про подробное описание работы плагина. Зачастую вы не знаете как реализовать то ли опрос, то ли форму для пожертвовании и почитав и посмотрев описание на сайте разработчика — вы буквально можете представить как это можно реализовать, причем даже не зная азов программирования. Можно смело рекомендовать.

15. Caldera Forms

— имеет визуальный редактор и упрощает создание формы для WordPress. Можно настроить свою форму с помощью нескольких столбцов, добавить дополнительные страницы и собрать ответы пользователей, чтобы анализировать соответствующую информацию от ваших клиентов и посетителей сайта. Анти-спам, AJAX, уведомления по электронной почте и отслеживание записей в базе данных включены по умолчанию. Мне он понравился своей условной логикой для полей форм, в то время как остальные предлагают это в платных версиях, но у этого плагина тоже есть платное расширение. Ещё мне понравился очень большой список часто задаваемых вопросов FAQ, где описываются различные варианты, которыми можете воспользоваться вы, если почитаете.

16. Smart Forms

Адаптивные формы, шорткод, пользовательские поля форм, условная логика, редактор стиля и даже есть Редактор JavaScript, если вы конечно умеете кодить на этом языке. Ну а если рассматривать платную версию ПРО, то там уже есть многоступенчатые формы. Вообщем, есть чем привлечь, так как всё самое необходимое вы найдете, а особенно форму для обратной связи создать с помощью этого плагина получится без проблем. Меня он привлек готовыми общепринятыми формами, если вам нужны стандартные формы, то вы просто выбираете и готово и у меня осталось положительные эмоции от него, так как формы сделаны не просто рамками, а уже стилизованные, причем адаптируются под выделенный под них размер, к тому же есть готовые значки, которыми можно украсить вашу форму. После создания формы подгонять почти ничего не пришлось. Я про него скажу, что тоже зачетный продукт.

ПЛАТНЫЕ ВЕРСИИ плагинов форм обратной связи

— для особых и сложных ситуации, когда нужно проявить чудеса реализации сложных форм, лучше воспользоваться профессиональными версиями, потому как если не платные версии, то остается только нанять программиста, который напишет под вас свою форму, но это порой дороже, чем поставить платный плагин. Для того, чтобы уяснить для себя какой продукт вам подойдет лучше, то нужно заранее представить визуально как будет выглядеть форма. Далее нужно обратиться в поддержку и узнать о возможности реализации вашей задумки, а тех поддержка зачастую подсказывает и помогает с решением.

17. Ninja Kick: WordPress Contact Form

— стоит $19. Он поставляется с 3 потрясающими темами, социальным баром, интеграцией Mailchimp и обширной настройкой дизайна. Этот легкий плагин использует современные переходы CSS3, имеет макет, реагирующий на изменения размера экрана, хорошо работает на мобильных устройствах и реагирует на жесты. Форма отправляется через AJAX, поэтому не перезагружает вашу страницу. Красота этого плагина заключается в скрытой форме или плавающей кнопке, при нажатии на которую форма обратной связи мгновенно вылетает и уже готова к работе, более того красивая анимация делает это изящно. Наверно ради этого люди соглашаются платить, ну а стоит он этого или нет, решать вам.

18. Gravity Forms (gravityforms.com)

— стоит $59. Я бы сказал, что это мастадонт своего дела, потому, что с его помощью можно реализовать очень сложные комбинации логических переходов и вычислений. Для себя я не представляю что нужно замутить, чтобы полноценно загрузить эту детину, но то, что можно делать очень сложные формы без программиста — это факт. Тем, кто нацелен усложняться в этом направлении, пусть сразу выясняют про возможности именно профессиональных плагинов, потому, как бесплатные вам помогут только на первых порах.

19. Quform

— стоит $29. Этот платник сдается по возможностям перед Грейвити, но зато и стоит он в половину дешевле. Так что всё зависит от поставленной задачи. Но в надежности ему можно поставить смелую 5-ку из 5, потому как отзывы у него прекрасные. Я так полагаю техподдержка старается и уважает своих клиентов.

Практически каждый раз, когда вебмастер разрабатывает новый сайт, ему приходится выбирать наилучший (под конкретные нужды) WordPress плагин для контактных форм и форм обратной связи. Обычно так происходит, потому что клиенту не всегда нравится простая контактная форма, а иногда появляется необходимость и сразу в нескольких формах на одном сайте.

Форма обратной связи – это один из важнейших элементов WordPress сайта, ведь без нее вы лишаетесь прекрасного шанса всегда держать связь со своими читателями, партнерами, покупателями. Кроме того, вы упускаете множество возможностей привлечь новых клиентов. WordPress плагин формы обратной связи упрощает добавление контактной формы на ваш сайт. Я уж не говорю о различных корпоративных и продающих сайтах где иной раз требуются весьма специфические формы не только для простых контактов.

В этой статье я перечислю наиболее популярные плагины в абсолютно случайном порядке. Статья обязательно будет дополняться со временем самыми наилучшими решениями.

Contact Form 7 – это наиболее популярный (сейчас насчитывается более чем 12 тысяч скачиваний, и эта цифра продолжает расти) WordPress-плагин контактной формы. Плагин может похвастаться AJAX-отправкой, встроенной , Akismet-спам-фильтром и возможностью загружать файлы. Плагин совершенно бесплатный и легко кастомизируется с помощью простого HTML

Плюсы: Если вам нужна простая контактная форма, этот плагин то, что вы ищите, так как его нужно просто установить и настроить с помощью простой страницы настроек. С помощью кода, состоящего из одной строчки, можно вставить контактную форму в любую запись или страницу.

Минусы: Технически этот плагин не нуждается в доработке, но было бы неплохо иметь несколько на выбор. Если вы захотите изменить оформление формы, вам придется поиграть с CSS.

Fast Secure Contact From – это еще один популярный плагин, который уже был скачан более 3.5 миллионов раз. Он позволяет владельцам блогов легко создавать и добавлять контактные формы на WordPress-сайты. Вы так же можете использовать форму, чтоб посылать запросы-приглашения к обычному или видео-звонку.

У плагина есть админ-интерфейс, с помощью которого вы можете создать неограниченное количество форм и посматривать их привью. Используя капчу и Akismet Fast Secure form, блокирует атаки, основанные на наиболее популярных спамерских тактиках.

Плюсы: В отличие от других подобных плагинов Fast Secure form не дает пользователям возможности зарегистрировать профиль, но он может предложить другие великолепные функции, среди которых возможность создания графика, онлайн-встречи, поддержка нескольких email-адресов и т. п.

Минусы: В текущей версии плагина отсутствует простой интерфейс, но автор плагина недавно выпустил бета-версию, в которой дела с интерфейсом обстоят гораздо лучше. Таким образом, проблема интерфейса стоит не столь остро.

Contact Form by Contact ME

Contact Form – это бесплатный в базовом функционале плагин, но он обязывает вас зарегистрироваться на сайте contactme.com. Регистрация совершенно бесплатная и не требует от вас никаких усилий. Разработчики плагина заявляют, что он на порядок лучше многих популярных плагинов контактной формы, включая contact form 7!

Плюсы: плагин радует некоторой полезной функциональностью – опцией для посылки уведомлений на ваш почтовый ящик и смартфон, возможностью добавлять произвольный код или скрипты в форму, а так же тем, что он помещает в форму логотип для карты, контактную информацию компании, и даже, ссылки на профили в социальных сетях и многое другое.

Минусы: Для того, чтоб использовать плагин вам придется создать профиль на сайте Contact Me. Даже не смотря на то, что регистрация простая и бесплатная, все-таки это не радует, когда вас к чему-то принуждают.

Изначально плагин FormCraft был создан и развивался только в премиум варианте. Относительно недавно авторы сделали отдельную, бесплатную версию — FormCraft — Form Builder .

Как и в премиум варианте, FormCraft — Form Builder позволяет легко и быстро конструировать разные формы в специальном и очень удобном drag & drop редакторе. Возможностей тут естественно поменьше, но для обычных пользователей вполне хватит.

Премиум версия FormCraft может похвастать настройкой скриптовой логики, авто сохранением, более чем 20+ дополнительными, настраиваемыми полями, popup и fly-in формами, експортом в CSV и прочими радостями.

Один из лучших плагинов на сегодняшний день как в премиум, так и в бесплатном варианте.

Интерфейс Visual Form Builder приятно удивит вас, так как плагин позволяет создавать и управлять всем видами форм на вашем сайте из одного места. В один клик вы можете добавлять новые поля, реорганизовывать уже существующие, применить антиспам решение. Для того, чтоб изменить порядок полей вы можете воспользоваться технологией drag & drop.

Плюсы: Хоть Visual Form Builder и схож с другими плагинами контактной формы, перечисленными здесь, у него есть свои интересные «фишки» — возможность изменить порядок элементов простым перетаскиванием, экспорт вводимых данных в файле CSV, настраиваемые сообщения с подтверждением, форма отправки, которая поддерживает ввод множества email’ов.

Минусы: Если ваш WordPress-сайт – очень крупный, вам лучше использовать другой плагин, так как этот хранит вводные данные формы в базе данных вашего WordPress.

nForms – WordPress Form Builder

Drag and Drop Builder предоставляет вам простой многоколоночный шаблон контактной формы, с Ajax отправкой и валидацией. Вы даже можете показывать форму, используя плагин, выводящий popup-окна. Есть возможность отобразить форму с помощью шорткода, обычной функции PHP или виджета.

Если вам нужно нечто большее, чем просто контактная форма, то nForms – это плагин, который вы можете использовать.

Gravity Forms – наиболее полное решение для добавления контактной формы на ваш сайт. Благодаря набору классных функций этот плагин можно назвать самым прогрессивным и продвинутым премиум-плагинов для WordPress из всех ныне доступных. Вы можете использовать визуальный редактор, чтоб создавать сложные формы обратной связи для вашего сайта. Так же присутствует удобная функция, которая облегчает использование длинных форм, позволяя встраивать их в многочисленные страницы, притом, то, насколько заполнена форма, показано посредством индикатора заполнения.

Плюсы: Gravity Forms может предложить вам совершенно эксклюзивную функциональность, которая недоступна в других подобных плагинах, например, опцию для создания форм заказов (включая калькуляцию в режиме реального времени), зависимые поля для того, чтоб срыть или показать поля, секции, страницы или даже кнопку отправки по выбору пользователей.

Плюсы: В сравнении с другими представленными здесь плагинами этот дороговат, но опять же Gravity Forms предлагает гораздо большее, чем просто контактная форма. Если вы ищете простую форму обратной связи, то нет смысла тратить деньги на этот плагин.

Mapped Contact Form Pro WordPress использует другой алгоритм для показа формы на вашем веб-сайте. Это великолепное решение для бизнеса или компании, так как он может быть использован для обозначения на местности филиалов или офисов. Так же плагин идеален для тех, кто использует на своих сайтах карты .

Вы можете указать свой адрес для каждого места, которое присутствует в контактной форме. Плагин легко использовать, и он может быть помещен в любую запись или на страницу с помощью простого шорткода.

Еще один популярный в последнее время конструктор форм. Весьма мощный, с отличным, интуитивным редактором (как в платных плагинах), в котором вы можете строить свою форму просто перетаскивая нужные блоки и настраивая их. Имеет целый набор заранее заготовленных полей и блоков. Все поля тут же, при создании редактируются на нужном вам языке. По умолчанию имеет только стандартную, контактную форму для обратной связи и соответствующий шорткод.

Плюсы: Отличный функционал. Во время создания новой формы можно использовать удобный переключатель для быстрого предпросмотра и тестирования своих «конструкций».

Минусы: Множество настроек для блоков могут отпугнуть новичков. Кроме основного функционала имеет массу подключаемых премиум модулей для работы с разными сервисами приема платежей, почтовых рассылок и прочего. Хотя, это можно отнести и к плюсам конечно.

Ninja Kick: WordPress Contact Form

Самая оригинальная контактная форма из всей подборки. Отличается тем, что выводится в виде отдельной панели — слайдера в левой или правой стороне сайта. Выглядит крайне эффектно. Имеет множество настроек, но по большей части — относительно своего внешнего вида. Настройка самих полей тут минимальна. Впрочем можно ставить шорткод от популярной Contact Form 7 и это будет работать.

Интересный плагин и сама форма. Подробнее можете прочитать в .

Подводим итог

Теперь самое время выбрать правильное расширение для вашего сайта. Contact Form 7 или FormCraft — Form Builder – это вероятно наилучшие решения для обычного блога, а для больших сайтов предлагающих разные сервисы и услуги, я бы посоветовал использовать — Gravity Forms или Ninja Forms. Любителям «выделится» великолепно подойдет — Ninja Kick: Contact Form.

Форма обратной связи присутствует на каждом сайте, это что-то вроде неотъёмная часть веб-ресурса. Поскольку она служит обращением к администратору с каким-либо предложением или претензией в области своих интересов. А такие случаи бывают часто, тем более, если вы являетесь фирмой, организацией или просто частным предприятиям выпускающий какой-то продукт.

Для создания формы обратной связи на WordPress вам не придется самому писать код или заказывать у специалиста его написание. Это уже реализовано и даже неоднократно, все что нужно сделать лишь подобрать плагин, отвечающий вашим требованиям. В статье рассматривается 5 более популярных плагинов, которые пользуются спросом на должном уровне.

Одним из наиболее широко используемых плагинов для создания форм обратной связи является Contact form 7. Он быстро набрал популярность благодаря своей простоте в настраивание содержимым формы. Плюс поддерживает фильтрацию спама и позволяет установить CAPTCHA с помощью дополнительного плагина Really Simple CAPTCHA. Также плагин поддерживает технологию Ajax, что в обработке выполнения запроса веб-страница не перезагружается.

После установки и активации Contact form 7 в панели управления появиться новая вкладка для управления форм. Чтобы найти с ним общий язык долго возиться не придётся, плагин мультиязычный и русский имеется в том числе. Контактная форма стилизуется в зависимости от установленной вами темы, но со знаниями CSS возможно отредактировать на свой вкус.

Пример формы.

2. Form Maker

Form Maker является современным и продвинутым инструментом для быстрого создания форм связи. Он предлагает множество типов полей, установка капчи, шаблоны готовых форм, открытый код для правки стилей и результат можно сразу увидеть в предварительном просмотре. При обретении коммерческой версии будет доступна интеграция с Google Maps, а также поле загрузки файлов. Плагин поддерживает большое количество языков.

Пример формы.

3. Fast Secure Contact Form

Простая и в то же время мощная форма обратной связи имеет ряд положительных функций и настроек. Вам не придется беспокоиться о наводнении спама, потому что плагин поддерживает Akismet и позволяет установить CAPTCHA. Также есть возможность экспорта и импорта настроек, переадресация пользователя после отправки письма на любой адрес, отправка файлов, редактирование стилей и многое другое. Частичный русский перевод.

Пример формы.

4. Visual Form Builder

Очень удобная и простая форма обратной связи. Все настройки и функции доступны на одной странице что и создает удобство в управлении. Имеет множество полей, которые с легкостью добавляются при одном нажатие мыши. Также есть возможность переадресации после отправки письма, анти-спам, адаптивность формы и многое другое.

Окно настроек.

Пример формы.

5. Slick contact forms

Очень простая форма в ней нет кучи настроек, огромной функциональности, только 4 поля и ничего лишнего. Плагин отличается от остальных тем, что форма выводится через виджет и создает эффект плавающей или скользящей формы по странице. При нажатии она плавная появляется сбоку, сверху и т.д. зависит от выбранных вами настроек.

Пример формы.