Как создать контактную форму обратной связи на WordPress? Форма обратной связи WordPress: пять лучших плагинов.

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

Кнопку вы увидите в правом верхнем углу. Уж точно не промахнетесь. 🙂

Часть работ мы сделали, теперь переходим к следующему этапу.

Настройка почтового адреса для приема заявок

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

Нам необходимо нажать на большую вкладку «Письмо». Она будет второй после Шаблона формы.

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

Теперь по полям:

• To (Куда будет отправляться заявка, в моем случае, это мой адрес почты, можно указывать несколько адресов, куда присылать заявки)
• From (Поле Откуда, т.е будет подставляться значение, что заявка идет с моего студийного сайта)
• Тема (Служит для определения, с какой формы приходит заявка, в нашем случае это заявка с формы продвижения сайта).
• Additional Headers (Дополнительные заголовки, их не трогаем, они нужны для корректности отправки формы)
• Message Body (Тело сообщения, здесь вы указываете, От кого пришло письмо и с какого адреса, например: «От: Ивана» «Адрес почты: vasya @ mail . ru »)
• File Attachments (Приложения к файлу, не трогаю)

Теперь нам необходимо настроить уведомления об успешной или неуспешной отправки письма с контактной формы WordPress.

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

• При успешной отправки сообщения: «Ваше сообщение было отправлено успешно. Спасибо.»
• При некорректной отправке сообщения с формы: «Ошибка при отправке сообщения. Пожалуйста, попробуйте позже или обратитесь к администратору сайта.»
• Ошибка заполнения: «Ошибки заполнения. Пожалуйста, проверьте все поля и отправьте снова.»
• Отправленные данные определены как спам: «Ошибка при отправке сообщения. Пожалуйста, попробуйте позже или обратитесь к администратору сайта.»
• Некоторые условия должны быть приняты: «Пожалуйста, примите условия для продолжения.»
• Некоторые поля должны быть заполнены: «Пожалуйста, заполните обязательное поле.»
• Превышена длина символов в поле: «Указано слишком много данных.»
• Недостаточная длина символов в поле: «Указано слишком мало данных.»
• Неверный формат даты: «Формат даты некорректен.»
• Ранняя дата в минимальном пределе: «Указана слишком ранняя дата.»
• Поздняя дата в максимальном пределе: «Указана слишком поздняя дата.»
• Неудачная загрузка файла: «Не удалось загрузить файл.»
• Неразрешенный тип файлов: «Этот тип файла не разрешен.»
• Загрузка слишком большого файла: «Этот файл слишком большой.»
• Загрузка файла не удалась из-за ошибки PHP: «Отправка файла не удалась. Возникла ошибка.»
• Числовой формат, введенный отправителем, неверен: «Числовой формат некорректен.»
• Число меньше минимального предела: «Это число слишком мало.»
• Число больше максимального предела: «Это число слишком велико.»
• Отправитель не ввел корректный ответ на вопрос: «Вы ввели некорректный ответ.»
• Адрес e-mail, введенный отправителем, неверен: «Некорректный e-mail.»
• URL, введенный отправителем, неверен: «Некорректный URL.»
• Номер телефона, введенный отправителем, неверен: «Некорректный номер телефона.»

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

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

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

Копируем и вставляем в нашу страницу, предварительно перейдя в текстовый редактор (не визуальный). Представлено на скриншоте ниже:

Сохраним нашу страницу и посмотрим, что получилось в итоге в браузере:

Супер! Теперь давайте попробуем отправить форму ничего в нее не заполнив. И вот, что мы увидим.

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

Нажимаем отправить и вот, что пишет наша форма:

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

Зайдем внутрь, чтобы убедиться в корректности кодировки и всех данных.

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

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

Делаем всплывающую адаптивную контактную форму обратной связи на WordPress

Для того, чтобы наша форма стала адаптивной, т.е «резиновой», нам необходимо подключить еще один плагин, а точнее его дополнение к Contact Form 7 – называется он Bootstrap Contact Form 7. Устанавливаем и просто активируем и все – он работает. С ним никаких настроек делать не нужно. Установили и забыли.

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

Наша всплывающая форма будет отображаться в модальном диалоговом окне примерно так:

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

Заказать

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

Для чего нужна всплывающая форма обратной связи для wordpress

Причины использования

Рассмотрим, для чего нужна такая форма

1. Экономия свободного места на сайте. Контактная форма может быть размещена где угодно: в подвале или шапке, в основном контенте страницы, в виде плавающей кнопки и т.д.
2. Эффективное появление. Анимация возникновения нового окна выглядит интересно и необычно
3. Доступность. Оставить записи в этой форме можно с любого места сайта, пользователям не нужно возвращаться на главную страницу.

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

Плагины для установки всплывающей формы

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

Contact Form 7

Данный плагин используется непосредственно для конструирования формы. Для его установки выполните следующие действия:

Easy FancyBox

Данный плагин пригоден для разработки эффекта всплывающего окна. Последовательность установки Easy FancyBox аналогична установке предыдущего плагина.

Настройка плагинов

Настроить параметры дополнения Easy FancyBox можно через медиафайлы. Воспользуйтесь опциями меню «Настройки» -> «Медиафайлы».

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

Но это еще не все. Поставьте галочку напротив пункта «Inline content»

Все желающие могут дополнительно покопаться в настройках плагина и выставить их на свое усмотрение.

Совет: если вы хотите, чтобы форма всегда была открыта, тогда снимите в настройках Easy FancyBox галочку напротив опции «Close FancyBox when overlay is clicked», выполняющей функцию закрытия окна при клике мышкой за его пределами.

Пошаговая инструкция

Ну вот, со «скучной» предварительной подготовкой покончено, теперь перейдем к самой «вкусной» части – как, собственно, разрабатывается всплывающая форма обратной связи wordpress.

Обработка окна формы

С чего начнем? Конечно же, с предварительной настройки самой формы. Выберите в правом меню пункт «Contact Form 7», а потом опцию «Добавить новую».

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

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

Выведение формы

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

Теперь щелкните по кнопке «Добавить виджет»

Вставьте в поле ввода «Содержимое» следующий программный код:

Вот так будет выглядеть получившийся результат:

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

Дополнительно форму можно отредактировать: добавить или убрать поля ввода, ввести начальный и/или конечный текст до и после формы, преобразовать текст в заголовок или вывести его отдельным блоком, использовать различные стили, плэйсхолдеры и т.д. Были бы время и желание!

Стилизация ссылки

Рассмотрим также два способа преобразования ссылки в кнопку для улучшения ее визуального отображения.

1 способ – использование дополнительных стилей темы.

Приведенный ниже программный код можно вставить следующим образом:

Сам программный код выглядит так:

/***Отображение ссылки в кнопочном виде****/ .contact-us a{ margin:auto; /*выстраивание блока в центре*/ display:block; width:199px; /*размер кнопки*/ padding:11px 22px; /*внутренние отступы*/ border:1px solid black; /*оттенок рамки*/ background:#3399ff; /*фоновый узор*/ text-decoration:none; /*преобразование надписи в неподчеркнутую*/ text-align:center; /*центрирование надписи*/ color:#ffffff; /*оттенок надписи*/ -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } /**Изменение цвета ссылки при подведении курсора**/ .contact-us a:hover{ -moz-box-shadow: 0 0 7px #111; -webkit-box-shadow: 0 0 7px #111; box-shadow:0 0 7px #111; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }

Получилась такая кнопка:

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

2 способ – использование изображения в виде кнопки. Сначала загрузите на сайт необходимую картинку (любую по вкусу, не обязательно в виде кнопки, — это не имеет особого значения). Для этого щелкните на «Медиафайлы» -> «Добавить новый» и выберите нужный рисунок. Справа от изображения появится постоянная ссылка на файл (в данном примере http://www.sait.ru/wp-content/uploads/2017/04/depositphotos_2169498-E-mail-internet-icon.jpg), скопируйте ее и добавьте в код (кавычки не удалять):

Полученный код добавьте в основной код вывода формы вместо текста «Написать письмо».

1

На моем сайте отобразилась кнопка, приведенная на скриншоте ниже:

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

Добавление в меню

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

Сначала нужно разобраться, куда именно необходимо вставить этот код. Зайдите в «Редактор» через «Внешний вид» и среди шаблонов выберите «Заголовок (header.php)»

Теперь отыщите то место, где расположен код меню. Найдите следующую информацию:

Ниже вставьте ваш код как раз перед закрывающим тегом.



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

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