WordPress форма обратной связи – Форма обратной связи для сайта WordPress без плагинов | Создание сайтов и заработок в сети

Как добавить форму обратной связи в WordPress

Когда вы запускаете продукт или новый сайт, возможность получать отзывы непосредственно от пользователей может иметь для вас неоценимое значение:


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

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

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

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

Но есть ряд сайтов, которые могут извлечь пользу из простой формы обратной связи:

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

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

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

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

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

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

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

Если вы используете тему от Elegant Themes, то настроить страницу обратной связи будет для вас довольно просто. Мы будем использовать Page Builder из Elegant Themes, что позволит добавить форму всего за несколько шагов.

Для начала перейдите к пункту Страницы -> Добавить страницу панели администрирования WordPress. В результате будет создана новая страница. Назовите эту страницу «Обратная связь«. Сразу под заголовком вы увидите кнопку «Использовать Page Builder«.

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

Первое, что мы хотим добавить, это текст, описывающий страницу. Нажмите кнопку «Вставить столбец«, а затем выберите первый вариант для блока на всю ширину страницы. Затем внутри созданного столбца нажмите «Вставить модуль» и выберите «Текст«.

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

«Пожалуйста, используйте расположенную ниже форму, чтобы внести свои предложения относительно улучшений на нашем сайте или указать нам на имеющиеся проблемы!»

Ниже снова нажмите кнопку «Вставить модуль«. На этот раз перейдите в самый низ списка и выберите пункт «Контактная форма«. Опять же, вам будет выведена новая панель с несколькими опциями настройки формы. Во-первых, «Показать Captcha«, которая добавляет в конце контактной формы простой вопрос, чтобы блокировать спам-ботов.

Я хотел бы пока оставить это опцию отключенной, так как еще не получаю слишком много спама. В текстовое поле “Email” введите адрес электронной почты, на который вы хотите получать сообщения обратной связи. Остальные настройки не являются обязательными. Вы можете добавить для полей заголовок, CSS-класс или ID:

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

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

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

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

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

Usernoise — это один из самых простых плагинов формы обратной связи. Плагин работает через добавление кнопки «Обратная связь» в боковой панели или нижней части вашего сайта.

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

Эта форма затем отправляет на указанный адрес электронной почты администратора сайта уведомление о том, что было получено сообщение от пользователя:


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

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

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

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

Ninja Kick Contact Form — это премиум плагин, очень похожий на Usernoise, но он добавляет несколько дополнительных функций и стилей.

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

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

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

Ninja Kick Contact Form является платным плагином в основном из-за уровня настройки, который он позволяет. Вы можете выбрать одну из трех различных тем, и изменить цвета и стиль каждого аспекта представления.

Он также имеет встроенную защиту от спама, и является полностью адаптивным и мобильно-дружелюбным. Ninja Kick Contact Form стабильно работает, довольно прост и использует качественную анимацию.

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

За использование сервиса взимается определенная плата, в зависимости от того, на скольких ваших сайтах он реализован:

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

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

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

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

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

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

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

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

Данная публикация представляет собой перевод статьи «How To Add A Feedback Form To WordPress» , подготовленной дружной командой проекта Интернет-технологии.ру

10 плагинов всплывающих окон и форм обратной связи для WordPress

Wordpress шаблоны: 10 плагинов всплывающих окон и форм обратной связи для WordPress

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

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

Wordpress шаблоны: 10 плагинов всплывающих окон и форм обратной связи для WordPress
Ninja Popups
Следующий предложенный к ознакомлению плагин является удобным конструктором всплывающих форм обратной связи в WordPress. С данным инструментом можно разрабатывать собственную форму или использовать более 73-х готовых шаблонов и более 74-х анимационных эффектов. Для оптимизации предусмотрена интеграция с сервисом статистики Google Analytics.

Wordpress шаблоны: 10 плагинов всплывающих окон и форм обратной связи для WordPress

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

Wordpress шаблоны: 10 плагинов всплывающих окон и форм обратной связи для WordPress

OptinMonster
С таким универсальным инструментом легко можно создавать всплывающее окно на сайте WordPress со своим дизайном или же прибегнуть к использованию предложенных разработчиками готовых шаблонов. С использованием технологии Exit-intent можно показать pop-up окно в момент, когда посетитель уже собирается покинуть ресурс. При желании используется планировщик окон для их запуска в строго запланированное время.

Wordpress шаблоны: 10 плагинов всплывающих окон и форм обратной связи для WordPress

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

Wordpress шаблоны: 10 плагинов всплывающих окон и форм обратной связи для WordPress

Layered Popups
Помимо стандартного набора параметров Layered Popups обладает и собственной уникальной изюминкой в виде огромной библиотеки из более 200 шаблонов pop-up окон. Плагин разрешает интегрировать форму входа во всплывающем окне. Разработчикам понравятся такие фишки, как планировка запуска окон в заданное время, сервис встроенной аналитики. Особенностью Layered Popups является прорисовка всплывающих «слоистых» окон по аналогии с многослойным слайдером или слоями в Photoshop. Можно создавать отдельные настраиваемые слои для кнопок «отправить» или «закрыть», для поля формы электронной почты, для фона и др.

Wordpress шаблоны: 10 плагинов всплывающих окон и форм обратной связи для WordPress

Icegram
Плагин Icegram поставляется как в бесплатной, так и в premium-версии. Free версия отлично подходит для типичных всплывающих окон, в ней pop-up окна можно создавать исключительно из предложенных разработчиками шаблонов. Pro-версия включает в себя побольше триггеров, аналитику и др., позволит отобразить pop-up окно в таких случаях:
  • распознавание намерения выйти;
  • двухступенчатая подписка;
  • отображения окна по пролистыванию.

Wordpress шаблоны: 10 плагинов всплывающих окон и форм обратной связи для WordPress
Popup Maker
Плагин Popup Maker для WordPress превосходит конкурентов в области таргетинга и запуска окна по определенному действию. Благодаря простому интерфейсу не возникает проблем в настройке показа pop-up окон. Кроме того Popup Maker в WordPress разрешает создавать собственные уникальные cookie-файлы, настраивая всплывающие окна для групп посетителей. Это позволит проявить творческий подход к показу — например, настроить таргетинг на всплывающие окна для постоянных посетителей, которые уже что-то заказывали ранее.

Wordpress шаблоны: 10 плагинов всплывающих окон и форм обратной связи для WordPress

WP Subscribe Pro
С помощью WP Subscribe Pro вы сумеете отображать во всплывающих окнах собственный HTML-код, формы подписки, стандартные сообщения. Этот плагин пусть и не славится гибкостью, но он удобен для тех, кто не любят возиться со сложными настройками. Встроенные в WP Subscribe Pro триггеры разрешают выводить окна в следующем случае:
  • с задержкой;
  • немедленно;
  • после скрола до конца страницы;
  • в момент выхода.

Wordpress шаблоны: 10 плагинов всплывающих окон и форм обратной связи для WordPress
PopUp Domination
Это дополнение является больше SaaS инструментом, чем полноценным плагином. Управление окнами здесь осуществляется непосредственно из панели PopUp Domination. При его использовании вы столкнетесь с особенным ценообразованием! Плата взимается от количества просмотров pop-up окон, поэтому она может варьироваться от 9 до 29 долларов в месяц. PopUp Domination предоставляет отличный набор функций – подборку шаблонов, доступ к тестированию и аналитике, расширенные настройки таргетинга, работа практически со всеми типами всплывающих окон.

Wordpress шаблоны: 10 плагинов всплывающих окон и форм обратной связи для WordPress

Форма обратной связи wordpress с примерами и кодом

форма обратной связи wordpress

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

Навигация по странице:

Если вы не готовы читать пост полностью, то можно сразу перейти к пошаговым настройкам форм:

Форма обратной связи WordPress без плагина

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

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

  1. Для самописных форм обратной связи нужно самостоятельно писать защиту от спама или подключать левые капчи (что практически равноценно подключению плагина).
  2. Не качественные самописки проще взломать, ведь тест на уязвимость разработчики делают очень маленькие, в отличии от распространенных плагинов с инсталами по одном милиону. Здесь тестерами являются все пользователи.
  3. Формы связи без плагина нельзя обновить в один клик при обновлении ВП (когда разработчики перестают поддерживать устаревшие функцию и создают новые).
  4. Для создания формы обратной связи без плагина самостоятельно вам нужны знания пхп и яваскрипт и хотя бы минимальный опыт программирования.

В этом блоге я описывал создание формы обратной связи WP без плагина на базе функции wp_mail и отправке данных с помощью технологии программирования Ajax. Благодаря ей мы можем вставить свой дизайн на формы от самого простого до довольно привлекательных.

Смотрите скриншоты ниже:

форма обратной связи wordpressформа обратной связи wordpress

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

 

Contact Form 7 для обратной связи WordPress

Contact Form 7 для обратной связи WordPress

к менюОдним из самых популярных плагинов для форм обратной связи есть WordPress Contact Form 7. На его базе созданная не одна красивая форма обратной связи wordpress. Вот несколько скриншотов примеров таких форм:

Contact Form 7 для обратной связи WordPress CF7 форма обратной связи wordpress форма обратной связи wordpress Contact Form 7

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

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

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

Работает на основе шорткодов, по этому проблем со вставкой в нужное место у вас не должно возникнуть. Более подробно я описал вот здесь как делается пошаговая настройка Contact Form 7.

Создание выпадающих popap контактных форм на этом плагине не проблема. Также, он имеет дополнительные настройки, которые позволяют делать функции обратного вызова, так званные "Callback функции" на javascript. Можно очень легко прикрутить яндекс метрику или гугл аналитикс к любой форме. Более подробно читайте в посте Contact Form 7 дополнительные настройки.

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

 

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

До новых встреч.

Комментарии к записи «Форма обратной связи WordPress»:

Форма обратной связи для WordPress

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

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

1. Contact form 7


Одним из наиболее широко используемых плагинов для создания форм обратной связи является 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 поля и ничего лишнего. Плагин отличается от остальных тем, что форма выводится через виджет и создает эффект плавающей или скользящей формы по странице. При нажатии она плавная появляется сбоку, сверху и т.д. зависит от выбранных вами настроек.

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

Вот и все.

Форма обратной связи - восемь лучших WP плагинов

Практически каждый раз, когда вебмастер разрабатывает новый сайт, ему приходится выбирать наилучший (под конкретные нужды) 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 – это бесплатный в базовом функционале плагин, но он обязывает вас зарегистрироваться на сайте 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Форма обратной связи wordpress – отличный способ коммуникации с посетителями сайта

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

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

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

Однако данные способы коммуникации связаны с неудобствами, как для посетителей сайта, так и для администратора, поэтому оптимальным решением является именно форма обратной связи wordpress.

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

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

Вот некоторые:

  • Contact Form 7, на примере которого далее будет разобран процесс создания формы обратной связи;
  • Ещё один популярный плагин — Contact Form Plugin — он также чрезвычайно прост, легко настраивается и имеет русский язык интерфейса. Его функционал включает возможность выбора получателя сообщения, которым может стать любой пользователь сайта, а также возможность отправления файла в форме;
  • SimpleModal Contact Form – ещё одна простая форма обратной связи. Реализована она как всплывающая форма обратной связи wordpress, появляющаяся в модальном окне. Плагин также русифицирован, реализована проверка правильности заполнения полей ввода;
  • Usernoise – очень лёгкий плагин, не влияющий на скорость загрузки страницы, при этом ещё и очень красивый. После того, как Usernoise будет установлен, на блоге появится плавающая кнопка, нажатие которой вызывает появление формы для ввода текста. Причём предусматривается выбор типа формы, будь — то вопрос, пожелание или сообщение.

Итак, первое, что нужно сделать – зайти в панель администратора сайта, перейти на вкладку «Плагины» и нажать на кнопку «Добавить новый».

В самом верху страницы можно будет увидеть форму поиска, в которую и нужно вбить название плагина «Contact Form 7»:


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

После выполнения данных действий в меню чуть выше вкладки «Плагины» появится новый пункт «Contact Form 7». Перейдём в пункт меню «Добавить новую» во вкладке «Contact Form 7».

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

Сначала нужно будет выбрать заголовок для формы. Назовём её «Связаться с администрацией».

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

Как видим, форма обратной связи wordpress, плагин которой мы устанавливаем, довольно простая, но на большинстве сайтов она выглядит именно так.

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

Далее останется только нажать на кнопку «Сохранить» в правом верхнем углу окна и перейти на вкладку «Формы» в меню «Contact Form 7».

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


Теперь нужно создать новую страницу (меню «Страницы», пункт «Добавить новую»), дать ей название, например, «Связь с администрацией», а в окно редактора вставить скопированный ранее тег для вставки недавно созданной формы.

Заметим, что редактор работает в двух режимах: «Визуально» и «Текст». Для вставки кода нужно выбрать второй режим, нажав на кнопку «Текст» над окном редактора.

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


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

Таким образом, затратив минимум времени, администратор получает для своего сайта чрезвычайно полезный и необходимый инструмент для коммуникации со своими будущими посетителями.

Надеюсь, что статья окажется для вас полезной! Удачи!

Лучшие плагины форм обратной связи для WordPress за 2017 год

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

Contact Form 7

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

Характеристика:

  • Ajax
  • Полное редактирование формы
  • Открытый код
  • Создание мультиформ

Цена: бесплатно

Gravity Forms

Этот плагин называют "Швейцарский нож". Плагин умеет создавать сложные мультиформы, экспортировать записи и файлы SVG, интегрируется с такими сервисами как PayPal, Dropbox, Mailchimp, Trello, Zapier и так далее. 

Характеристика:

  • Визуальный редактор
  • полностью настраиваемые формы
  • Есть поля Standart/Pricing/Post
  • Создание мультиформ

Цена: 59$ / год и выше

Visual Form Builder

Этот плагин хороший визуальный конструктор. Все формируется перетягиванием блоков. Плагин хорошо адаптирован для хранения данных в самой базе данных WordPress. Ну и что неплохо - он бесплатный. 

Характеристика:

  • Интерфейс Drag/Drop
  • Система антиспама
  • Экспорт записей в CSV-файлы
  • Настраиваемые сообщения "спасибо"

Цена: бесплатно

Jetpack Contact Form

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

Характеристика:

  • Простой редактор
  • Интеграция с приложениями на базе IOS, Android и WP
  • Статистика активности пользователей
  • Контроль безопасности данных
  • Социальная интеграция и автоматизация

Цена: бесплатно / 36$ в год

Ninja Forms

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

Характеристика:

  • Есть дополнительные апгрейды другими модулями
  • Прост в интеграции WordPress
  • Быстрые обновления
  • Очень много тонких настроек

Цена: 14 дней бесплатно / 99$ в год и выше

WPForms

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

Характеристика:

  • Визуальный редактор
  • 100% адаптивность
  • Есть готовые шаблоны
  • SEO настройки
  • Быстро работает на сайте

Цена: 39$ в год и выше

Form Maker by WD

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

Характеристика:

  • 100% адаптивность
  • Построение по схеме drag-and-drop
  • Пользовательский редактор CSS
  • Поддержка нескольких страниц

Цена: бесплатно

Напишите какие плагины форм вы используете в WordPress? Какие функции в формах вы считаете наиболее полезными? Существуют ли другие бесплатные или премиальные решения, которые вы хотели бы рекомендовать веб-мастерам? Я буду рад, если вы поделитесь своими мыслями в комментариях.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *