Я люблю простые и красивые вещи. Мне понадобилась красивая форма обратной связи для моего WordPres- блога, но те формы (contact forms), которыми я пользовался (это самая популярная Contact Form 7 и Jetpack Contact Form), к сожалению, некрасивы. А тратить время на их дизайн совсем не хочется. Поэтому я решил найти готовую стильную форму обратной связи и чтобы обязательно с капчей, иначе завалят спамом. Таким образом, у меня была очень простая цель — найти форму обратной связи WordPress, которая удовлетворяет следующим требованиям:
- наличие капчи,
- бесплатность,
- стильная, красивая.
Я отбирал все популярные плагины WordPress для создания формы обратной связи, с большим количеством положительных отзывов и активных установок. При этом следил, чтобы они обязательно недавно обновлялись. Должен признаться, что я тратил на установку и изучение одного плагина с контактной формой не более 5 минут и если с ходу не получалось настроить красивую форму обратной связи, то я переходил к следующей контактной форме. Поэтому я допускаю, что мог пропустить хороший плагин с контактной формой, удовлетворяющей всем требованиям, настройка которого не сразу очевидна. Ниже можно посмотреть скриншоты всех рассмотренных мною форм обратной связи.
WpForms Lite
Популярная, бесплатная, понятная, но некрасивая форма обратной связи, слишком простая, а дополнительных готовых дизайнов нет. Есть Recapcha Google. Платная версия, которая стоит от $49, позволяет интегрировать контактную форму в сервисы почтовых рассылок, подобных Aweber, позволяет принимать платежи и многое другое. Эту контактную форму американский , но я бы так не сказал.
Caldera Forms
Сложнее в настройке, чем WpForms, но симпатичнее. Есть капча, но она не отображалась у меня. Дизайн формы обратной связи средний.
Jetpack Contact Form
Форма обратной связи от создателей WordPress, при активации в редакторе появляется кнопка Add Contact Form. Нет капчи, приходит очень много спама! Некрасивая.
Contact Form 7
Самая популярная и навороченная форма обратной связи, богата функциями и настройками, но некрасивая — надо тратить время на дизайн.
Fast Secure Contact Form
Эта форма обратной связи мне не понравилась дизайном — некрасивая!
Form Maker by WD
Бесплатная, есть много красивых шаблонов форм обратной связи. Реальный кандидат! Но у меня не получилось настроить ReCaptcha, поэтому не стал использовать.
Некрасивая форма обратной связи! Очень ограниченный функционал — ничего нет…
Contact Form by BestWebSoft
Некрасивая! Очень ограниченный функционал формы обратной связи — ничего нет…
Ninja Forms
Это обычная форма обратной связи со стандартным дизайном, но что-то в ней меня зацепило, если не найду ничего приличного, то можно попробовать использовать ее. Есть интеграция ReCaptcha Google.
Huge-IT Forms
Можно для одной и той же контактной формы менять темы оформления с разными дизайнами. Дизайны симпатичные, есть капча. Только вот у меня в админке верстка плагина расползалась, если не обращать внимания на это, то достойный претендент.
Formidable Forms
В этой форме обратной связи нет стильных дизайнов, но базовый дизайн более или менее приемлемый, поэтому я стал использовать ее.
Таблица с обзором плагинов форм обратной связи WordPress
Результаты моих поисков формы обратной связи сведены в таблице ниже.
| Плагин | Кол-во активных установок | Кол-во отзывов | Средняя оценка | Мои впечатления |
| WpForms Lite | 200 000 | 600 | 5 | Популярная, бесплатная, понятная, но некрасивая. Recapcha Google. Платная версия, которая стоит от $49, позволяет интегрировать контактную форму в сервисы почтовых рассылок, подобных Aweber, позволяет принимать платежи и многое другое. Эту контактную форму американский wpbeginner.com расхваливает как самую лучшую , но я бы так не сказал. |
| Caldera Forms | 70 000 | 250 | 4.5 | Сложнее в настройке, чем WpForms, но симпатичнее. Есть капча, но она не отображалась у меня. Дизайн средний. |
| 90 000 | 500 | 4.5 | Бесплатная, есть много красивых шаблонов форм. Реальный кандидат! Но у меня не получилось настроить ReCaptcha. | |
| Contact Form & SMTP Plugin by PirateForms | 200 000 | 30 | 4.5 | Некрасивая! Очень ограниченный функционал — ничего нет… |
| Contact Form by BestWebSoft | 200 000 | 300 | 4 | Некрасиво! |
| Ninja Forms | 900 000 | 800 | 4.5 | Это обычная форма со стандартным дизайном, но что-то в ней меня зацепило, если не найду ничего приличного, то можно попробовать использовать ее. Есть интеграция ReCaptcha Google. |
| Huge-IT Forms | 30 000 | 70 | 4.5 | Можно для одной и той же контактной формы менять темы оформления с разными дизайнами. Дизайны симпатичные, есть капча. Только вот у меня в админке верстка плагина расползалась, если не обращать внимания на это, то достойный претендент. |
| Formidable Forms | 300 000 | 200 | 4.5 | В этой форме нет стильных дизайнов, но базовый дизайн более или менее приемлемый, поэтому я стал использовать ее. |
Выводы: лучшая форма обратной связи WordPress
Честно сказать, я не нашел то, то что искал. Из одиннадцати рассмотренных самых популярных форм обратной связи только две контактные формы имеют красивые шаблоны дизайнов: Form Maker by WD и Huge-IT Forms . Но на первом у меня не установилась капча, а на втором расползалась верстка в админке. Похоже, разработчиков не беспокоит дизайн и поэтому все остальные формы обратной связи идут без дизайна, и поэтому некрасивые, и вам придется самостоятельно настраивать дизайн, правя CSS.
Тем не менее я выбрал форму обратной связи Formidable Forms , так как она все-таки имеет хоть базовый (чуть-чуть разработчик подправил!), но стильный дизайн, имеет reCaptcha и бесплатна. У меня все заработало сразу же!
Если вы знаете бесплатную и красивую форму обратной связи для WordPress с капчей, то поделитесь, пожалуйста, в комментариях.
Contact Form 7 может управлять многочисленными контактными формами, где вы можете гибко настраивать содержимое форм и почты с достаточно простой разметкой. Формы имеют встроенную поддержку Ajax отправки, CAPTCHA, спам фильтра Akismet и не только.
Документация и поддержка
Скриншоты
Установка
- Загрузите всю папку contact-form-7 в директорию /wp-content/plugins/ .
- Activate the plugin through the Plugins screen (Plugins > Installed Plugins ).
You will find Contact menu in your WordPress admin screen.
Отзывы
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.
Участники и разработчики
«Contact Form 7» - проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
УчастникиЖурнал изменений
Для получения дополнительной информации смотрите Релизы .
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: Представляем константы WPCF7_RECAPTCHA_SITEKEY и WPCF7_RECAPTCHA_SECRET.
- reCAPTCHA: Представляем перехватчики фильтра wpcf7_recaptcha_sitekey и wpcf7_recaptcha_secret.
- Добавление параметра $status к фильтру wpcf7_form_response_output.
- Создает случайный код, когда пользователь является зарегистрированным пользователем.
- Представляем WPCF7_ContactForm::unit_tag(), публичный метод, возвращающий тэг юнита.
- reCAPTCHA: выдаёт иное сообщение в спам-журнал в случаях, когда маркер ответа пуст.
- Флажок согласия: поддержка опции label_first в согласительном тэге формы.
5.1.3
- Исправлена ошибка, приводившая к невозможности отменить выбор параметра во вкладке Почта.
5.1.2
- Постоянный контакт: Представлен селектор списка контактов.
- Постоянный контакт: Представлена дополнительная настройка constant_contact.
- reCAPTCHA: представлены перехватчики фильтров wpcf7_recaptcha_actions и wpcf7_recaptcha_threshold.
5.1.1
- reCAPTCHA: Изменяет реакцию на пустые токены ответа.
5.1
- Представлен модуль интеграции Постоянный контакт.
- Обновлён модуль reCAPTCHA для поддержки reCAPTCHA v3.
- Добавляет правила стиля Тёмного режима.
5.0.5
- Исправлена проблема несоответствия между get_data_option() и get_default_option() в классе WPCF7_FormTag.
- Глушит ошибки PHP, возникающие при вызовах unlink().
- Представлена wpcf7_is_file_path_in_content_dir() для поддержки константы UPLOADS.
5.0.4
- Явно устанавливает аргумент power_type в вызове register_post_type(), для исправления проблемы, связанной с несанкционированным повышением привилегий.
- Вложение локального файла — запрещено указывать абсолютные пути к файлам, расположенным вне директории wp-content.
- Валидатор конфигурации — добавляет тестовый элемент для обнаружения некорректных настроек файлов вложений.
- Исправлена ошибка в функции обратной совместимости JavaScript для устаревших браузеров, которые не поддерживают атрибут-заполнитель HTML5.
- Чекбокс согласия — отключает функцию do-not-store форм-тэга.
5.0.3
- CSS: Применение стиля курсора «не разрешено» при наведение на кнопки отправки в неактивном состоянии.
- Флажок согласия: ревизия пользовательского интерфейса генератора тегов, для поощрения использования лучших опций защиты личных данных.
- Внедрение функции wpcf7_anonymize_ip_addr().
- Представлена опция consent_for:storage для всех типов форм-тэгов.
5.0.2
- Добавлен раздел «Уведомления о приватности» в файл readme.txt.
- Обновлен контент в мета-блоке Информация.
- Используйте get_user_locale() вместо get_locale(), где это более уместно.
- Флажок согласия: Сброс статуса отключенных кнопок отправки после успешного применения.
5.0.1
- Исправлено некорректное использование _n().
- Проверка конфигурации: исправлено неверное количество предупреждений на вкладке «Дополнительные параметры».
- Проверка конфигурации: исправлена неправильная обработка специального почтового тега [_site_admin_email] в поле заголовка «От».
- Флажок Acceptance: указанные атрибуты class и id были применены к неправильному элементу HTML.
- Проверка конфигурации: если для почтовых ящиков, таких как Cc или Reply-To, существует дополнительный почтовый заголовок, но возможное пустое значение, будет возвращена ошибка «Неверный синтаксис почтового ящика».
- Явно укажите четвертый параметр add_action(), чтобы избежать передачи непреднамеренных значений параметров.
- Проверьте, не является ли целевой каталог пустым, прежде чем удалять его.
5.0
- Дополнительные настройки: on_sent_ok и on_submit были удалены.
- Новая дополнительная настройка: skip_mail.
- Фламинго: заголовок входящего канала изменяется вместе с изменением заголовка соответствующей контактной формы.
- События DOM. Весь объект ответа API доступен через свойство event.detail.apiResponse.
- Почта HTML: добавляет атрибуты, связанные с языком, в заголовок HTML.
- Загрузка файла: Устанавливает атрибут принятия в поле загрузки.
- Представлен новый класс WPCF7_MailTag.
- Позволяет прервать попытку отправки почты, используя перехватчик действия wpcf7_before_send_mail. Кроме того, вы можете установить пользовательский статус и сообщение через перехватчик действия.
- Флажок Acceptance: позволяет указывать условия в части содержимого тега формы.
- Флажок Acceptance: Поддерживает параметр опциональности.
- Новые специальные почтовые теги: [_site_title], [_site_description], [_site_url], [_site_admin_email], [_invalid_fields], [_user_login], [_user_email], [_user_url], [_user_first_name], [_user_last_name], [_user_nickname], and [_user_display_name].
- Новые перехватчики фильтров: wpcf7_upload_file_name, wpcf7_autop_or_not, wpcf7_posted_data_{$type}, and wpcf7_mail_tag_replaced_{$type}
- Новые функции form-tag: zero-controls-container и not-for-mail
От автора:
приветствую вас, уважаемые читатели. Если вам понадобилась форма обратной связи на сайт 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, попробуйте создавать различные формы, поверьте, там есть еще масса возможностей для исследования. Если же у вас возникнут вопросы, тогда я, как всегда, жду их в комментариях. Удачи!
Три самых важных страницы на бизнес-сайте: «Описание сайта », «Услуги » и «Контакты ».
Вы можете этого не знать, но много высокопрофильных фирм имеют на своих сайтах неуклюжую навигацию. Такие факторы не способствуют привлечению клиентов.
Страница «Наши контакты » является единственным средством ваших читателей, посетителей или других заинтересованных сторон, чтобы связаться с вами. Конечно, вы можете просто вставить ваш адрес электронной почты. Вы могли бы, но вы на самом деле пригласили бы тысячи спам-ботов, которые сканируют Интернет в поисках адресов электронной почты. Ваш почтовый ящик будет полон спама. Вот почему не стоит оставлять свой адрес электронной почты.
Если вы думаете, что-то вроде: Pochta (собака) gmail (точка) com смог уклониться от спам-ботов, то вы не правы! Сегодня спам-боты стали намного умнее – они адаптировались и обучились этим маленьким хитростям. Таким образом, важно использовать контакт, не выкладывая ваш контактный адрес электронной почты.
В WordPress нет встроенного контакта. Но, благодаря его универсальности, мы можем легко добавлять интерактивные формы контакта просто с помощью плагина. В этой статье перечислены некоторые плагины, имеющие контактную форму для WordPress – бесплатный, фремиум и премиум варианты.
Лучшие бесплатные плагины с контактной формой для wordpress
CONTACT FORM 7
Наверное, лучший бесплатный плагин с контактной формой для WordPress, скачанный на WordPress.org более 16 миллионов раз. Его основные функции включают в себя флажки, радиокнопки, функции загрузки файлов и анти-спам функции, такие как капча.
Он также имеет специальные поля, в которые можно ввести телефонные номера, адреса электронной почты, данные и др.
JETPACK
Jetpack – это плагин для нового сайта WordPress. Он включает в себя множество функций, в том числе бесплатную CDN интеграцию, проверку орфографии, грамматические модули и контактную форму.
Хотя контактная форма имеет очень простой пользовательский интерфейс, но этого вполне достаточно для работы.
Контактная форма Contact Form для Wordpress
Пусть простое название не вводит вас в заблуждение. Будучи бесплатным плагином, он предлагает вам достаточно уникальный способ для отображения контактной формы с помощью активного вовлечения. В этом модуль контактная форма предварительно загружаются на каждую страницу, располагаясь в нижнем правом углу. Всего один клик, и контактная форма появляется на экране.
Не беспокойтесь, у вас также есть традиционные формы вхождения в записи – на боковой панели с помощью виджетов.
FAST SECURE CONTACT FORM
Fast Secure Contact Form выпускается в двух версиях – как плагин для WordPress и PHP-код для интеграции в другие сайты. Уникальной особенностью этого плагина является возможность автоматически блокировать все спамеры. Это значительно уменьшает спам в комментариях. Имеет обычные инструменты – чекбоксы, радио-кнопки и модули резервного копирования/восстановления.
Также имеет стилизацию приветствия и подтверждения сообщений, Вы можете отправлять каждое сообщение на несколько адресов электронной почты.
NINJA FORMS
Ninja Forms – плагин, имеющий разнообразный функционал и интерфейс с возможностью перетаскивания. Он имеет множество функций, включая необязательный AJAX обработчик, надежные анти-спам модули и возможность импорта/экспорта данных. И это только в бесплатной версии.
Расширения превращают Ninja Forms в игровой модуль. Modal Forms является одним из самых популярных расширений. Другие полезные расширения включают в себя среди прочих PayPal, Stripe, MailChimp, Mad Mimi и Constant Contact integration.
VISUAL FORM BUILDER
Как следует из названия, этот плагин имеет удобный интерфейс с возможностью перетаскивания и имеет более десятка полезных полей. Анти-спам меры включают в себя подтверждение сообщений и использование капчи.
Премиум-версия на $20 включает в себя модуль проектирования электронной почты, аналитики и условной логики. На мой взгляд, однако, вам лучше пользоваться для этого специальным продуктом, таким, как MailChimp.
FORMIDABLE FORMS
Этот плагин использует фремиум вариант оплаты. Для базового использования имеет многочисленные функции. Formidable Forms использует интерфейс с функцией перетаскивания и включает рекапчу и Akismet для борьбы со спамом.
Премиум-версия по цене $47 включает в себя потрясающие дополнительные функции, такие как интеграция с PayPal и управление электронной почтой, а также возможность регистрации для посетителей. К сожалению файл загрузки, который является бесплатным для большинства плагинов, здесь является платным.
CONTACT FORM
Это очень простой и лёгкий в использовании плагин с контактной формой для WordPress, имеющий более 2 миллионов закачек. Он интегрируется с плагином Captcha для борьбы со спамом. Его профессиональная версия, доступная за $15 включает в себя дополнительные функции, такую, например, как валидация ввода – она является бесплатной в Contact Form 7.
Лучшие премиум плагины с контактной формой для WordPress
GRAVITY FORMS
Первое название, которое приходит на ум, когда речь заходит о премиум плагинах с контактной формой для WordPress, это Gravity Forms. Начиная с $39 для одного веб-сайта, существуют две другие модели ценообразования: за $99 для трёх веб-сайтов и $199 за лицензию разработчика.
Он включает в себя множество функций, наиболее значимыми из которых являются Многостраничные формы, Визуальный редактор форм, Условная логика и Формы заказа.
Плагин Gravity Forms – другой источник удивления для этого плагина. Помимо интеграции с сервисом электронной почты, он также интегрируется с платёжными системами, такими, как Authorize.net, Striple, PayPal и бухгалтерским программным обеспечением, таким, как FreshBooks.
QUFORM
Quform имеет красивый интерфейс с возможностью перетаскивания и имеет пятнадцать различных типов полей, необязательные фильтры и параметры проверки. Quform поставляется с тремя предварительно загруженными уникальными темами, настройщиком тем и настраиваемыми уведомлениями по электронной почте. Он стоит $29, это самый дорогой плагин с контактной формой для WordPress в CodeCayon.
FORMCRAFT
Оправдывая своё название («Умелая форма»), этот плагин для WordPress имеет многомерную форму и в розничной торговле стоит $35. С помощью этого плагина можно создать различные типы форм, включая форму информационного бюллетеня, опросов и анкет.
Важные функции включают условную логику, аналитику, авто-сохранение формы, одновременную загрузку нескольких файлов, удобный интерфейс, позволяющий мгновенно переноситься как в пределах одной страницы, так и при переходе на другую страницу.
ЗАКЛЮЧЕНИЕ
Если вы только начинаете работу с вашим веб-сайтом, не обязательно сразу покупать премиум версию. Однако контактная форма является строгой необходимостью. Будь это простой сайт, блог или даже корпоративный сайт, там должна быть возможность обратиться к владельцу сайта.
Я бы лично порекомендовал Contact Form 7, как один из лучших бесплатных плагинов с контактной формой, имеющий множество функций. Некоторые из его функций являются платными в других фремиум плагинах. Однако, если вы хотите приобрести премиум плагин, я рекомендую Gravity Forms. Почти все, кого я знаю используют Gravity Forms.
Какие контактную форму вы предпочитаете? Может быть, мы упустили ваш любимый плагин? Дайте нам знать в комментариях!
Веб-формы могут использоваться по разным причинам, но их главная цель - получить обратную связь и собрать запрашиваемую информацию. Однако, их применение выходит за рамки сбора информации, и они используются для регистрации на сайте, приложений и так далее.
Если ваш сайт на WordPress, и вы в поисках многофункционального конструктора для создания форм любых предназначений, взгляните на плагин Form Maker .
WordPress Form Maker
Это один из самых популярных плагинов для создания форм в каталоге WordPress.org, который идет с удобной админкой, встроенным конструктором форм и множеством вариантов настроек. На момент выхода этого обзора у плагина более 1,5 млн скачиваний, 90 тыс. активных установок и средний рейтинг 4,6 звезд.
Описание Демо Скачать
Давайте тщательно изучим плагин Form Maker и посмотрим, какие функции и возможности в него включены.
Плагин Form Maker можно скачать либо из каталога WordPress , либо с официальной страницы плагина на Web-Dorado.com . Плагин поставляется с подробной документацией и демо версией для админки и самих форм.
Создание формы
Создавать формы с Form Maker очень легко, и это не требует много времени. После установки и активации плагина вы найдете его в боковом меню вашей Консоли, где можно создавать и управлять своими формами.
В отличие от других плагинов, где вам придется создавать формы с нуля, Form Maker поставляется с 12 готовыми шаблонами , которые в дальнейшем можно редактировать и настраивать по своему желанию.
Кроме того, плагин позволяет редактировать и сохранять форму как копию, а это значит, что шаблон не претерпит никаких изменений.
Вот, к примеру, шаблон для стандартной формы обратной связи
. Вы можете перетащить поля вверх/вниз, изменить порядок
и переместить их влево или вправо для создания столбцов в форме:
Однако, если вы хотите создавать свои собственные формы с нуля, просто нажмите на кнопку Add New (Добавить новую), и плагин направит вас на страницу создания формы.
Во-первых, необходимо будет придумать название, выбрать тему формы, а потом можно приступить к добавлению полей. Form Maker имеет интуитивно понятный конструктор форм , который позволяет добавлять нужное количество полей в формах и просматривать сделанные вами изменения:
Существуют различные варианты полей , которые можно добавить в формы. Они предназначены для ввода текста, времени и даты отправки файлов, интеграция с PayPal, защиты Captcha и прочее.
С доступными полями для форм, можно получить любую информацию от ваших посетителей. Полный список параметров полей находится ниже:
Каждый параметр каждого поля можно настроить, что позволяет регулировать свойства полей согласно вашим потребностями и видеть все изменения при предварительном просмотре :
Настройка формы
Теперь давайте поговорим о настройках вашей формы. Вы можете придать форме отличный вид благодаря доступным шаблонам оформления . В настоящее время в плагине насчитывается 37 тем для формы , которые можно редактировать с помощью пользовательских CSS.
Кроме того, плагин позволяет создавать свои собственные темы с нуля.
Чтобы настроить шаблон формы, необходимо зайти в его параметры (иконка с желтым карандашиком Edit).
После того, как вы снимите флажок автоматического создания макета, вы сможете отредактировать HTML код, а также изменять положение, добавлять in-line стили оформления и так далее. Нажмите на соответствующие кнопки, чтобы добавить нужное вам поле.
Параметры формы
Здесь предусмотрен широкий спектр параметров формы, которые позволяет настраивать плагин Form Maker. Например, общие параметры формы, параметры электронной почты, способы оплаты, действия после подачи формы, JavaScript, опции MySQL и условные поля.
Под общими параметрами вы можете найти некоторые основные настройки формы и фронт-энд варианты. Выбирайте тему формы и место, где вы хотите сохранять ваши данные, а также выбирайте пользователей, которые могут иметь доступ к фронт-энд отправке формы.
В разделе параметров электронной почты вы можете найти настройки сообщений, отправляемых пользователям и администратору. Указывайте адрес электронной почты, тему и вставляйте текст в сообщение для администратора.
В разделе отправки можно выбрать, что произойдет, когда ваши посетители заполнят и отправят форму. Вы можете выбрать один из доступных вариантов, таких как остаться в форме, остановиться на конкретной странице или посте, перенаправить их на определенный URL-адрес или добавить собственный текст, который будет отображаться для посетителей после отправки формы.
Form Maker также обеспечивает возможность интеграции с PayPal. В разделе способов оплаты можно регулировать настройки оплаты, как например включение системы PayPal, выбор валюты платежа, налоговой ставки и прочее.
Условные поля - это одна из фишек плагина Form Maker. Эта функция позволяет скрыть или отобразить поля формы в зависимости от конкретных режимов, что вы установили.
Например, можно задать условное поле, чтобы запросить название штата, если пользователь выбрал США, как свою страну. Это будет означать, что поле с названием штата не будет отображаться для других пользователей не из США:
В разделе отправки вы можете найти все представленные формы. Для каждой формы доступна сводка аналитических данных таких как количество записей, количество просмотров формы, показатель переходов и так далее.
Этот раздел также предназначен для поиска, а значит, вы можете искать в базе данных все поля данной формы. Кроме того, вы можете редактировать или удалять любые материалы и упорядочивать поля отправки в том порядке, который соответствует вашим потребностям.
Плагин позволяет экспортировать материалы в CSV или XML -формат для просмотра данных в Microsoft Exсel.
Form Maker позволяет блокировать IP-адреса , если вам отправляют спам через ваши формы. Для этого нужно просто перейти в раздел Blocked IPs, указать IP-адрес, который вы хотите заблокировать в соответствующее поле и нажать кнопку Добавить IP.
Вы также можете блокировать IP-адреса из раздела отправки плагина. Заблокированные IP могут быть разблокированы в любое время.
Add-ons
Form Maker - это многофункциональный плагин, который поставляется с рядом дополнений, которые позволят расширить технические возможности вашей формы.
Вот полный список дополнений Form Maker:
- Import/Export
- Save Progress
- Stripe Integration
- Google PDF Integration
- Mailchimp Integration
- User Registration
- Post Generation
- Conditional Emails
- Dropbox Integration
- Google Drive Integration
- Pushover Integration
- Calculator