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


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

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

Представляю вашему вниманию ТОП 5 WordPress плагинов для создания обратной связи.

1. WPForms

WP Forms

WPForms — это молодой WordPress плагин по созданию форм обратной связи.

Плюсы

Используется визуальный редактор Drag&Drop, который делает этот плагин еще более «user-friendly» (удобный для использования).

Лайт версия не ограничивает установку плагина на безграничное кол-во доменов.


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

Минусы

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

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

2. Gravity Forms

Gravity Forms — это премиум плагин, который предоставляет огромное кол-во функционала (какое вы только можете пожелать).

Gravity Forms

Плюсы

Мощный плагин, с неограниченным количеством функционала.

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

Минусы

У Gravity forms отсутствует бесплатная версии и вероятнее  всего это будет дорогостоящий продукт для одного сайта. В случае, если у вас несколько сайтов (мультисайтовость), то стоимость не должна быть проблемой для вас.

3. Ninja Forms


Ninja forms — это идеальное решение для создания бесплатных форм в WordPress. Может так же использоваться для формирования высоко интерактивных форм.

Ninja Forms

Плюсы

Плагин доступен бесплатно с официального сайта WordPress. Установку можно на неограниченное кол-во сайтов.

К дополнению к бесплатной версии есть премиальная, которая имеет еще больше функций (такие как: SMS уведомления, Freshbooks, Campaign Monitor и Salesforce).

Отличная поддержка со стороны сообщества, подробная документация, а так же поддержка по почте.

Минусы

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

4. Pirate Forms

Pirate — это бесплатный WordPress плагин написанный командой Themeisle. Легко настраивается и удобный для создания простых форм.

Pirate Forms

Плюсы 

Абсолютно бесплатный для скачивания и последующих обновлений.

У этой плагине есть все многие функции, например такие как: CAPTCHA для проверка от ботов и SMTP, чтобы убрать вероятность попадания письма в папку «Спам».

Минусы

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

Недостаток дополнений (других плагинов), которые совместно работают.

5. Contact Form 7


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

Факт! У этого плагина больше всего загрузок из всех плагинов связанных с построением форм.

Contact Form 7

Плюсы

Основной плюс — это бесплатность и возможность установить на неограниченное количество сайтов.

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

Является отличным дополнение для создания простой формы обратной связи для блога.

Минусы

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

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

Всплывающие формы


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

Официальная документация сайта WordPress, пишет, что «Shortcode» — это набор функций для создания специальных элементов на странице используемых в содержимом записей или страниц.

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

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

bologer.ru

Contact Form 7

Весьма продвинутый и популярный плагин, позволяющий создавать и использовать одновременно большое количество разных форм. Настройки плагина расположены в пункте меню под названием «Contact». Список уже созданных форм можно просмотреть, нажав на ссылку «Contact Forms». Здесь указано имя формы, код вставки (шорткод) и дата создания. Каждую форму можно отредактировать, удалить или переместить. При добавлении новой формы можно выбрать язык, указать заголовок. Добавление полей осуществляется на основании большого количества имеющихся шаблонов (текст, email, radio buttons, checkbox, captcha и т.д.).

contact form 7 wordpress

Ссылка на скачивание — http://wordpress.org/plugins/contact-form-7/

ContactMe


Также довольно сложный плагин, обладающий большим количеством настроек. Стоит заметить, что данная версия является бесплатной, однако есть и платные версии, которые обладают расширенным функционалом и большими возможностями. К примеру, там можно добавлять больше одной формы на блог, прикреплять файлы к сообщениям и т.д. Что касается настроек Contact Me, то здесь необходимо указать свой email для того, чтобы зарегистрироваться в одноименном сервисе (именно через него осуществляется доставка сообщений). Также в бесплатной версии можно настроить тему формы, title, текст сообщения с благодарностью.

формы обратной связи вордпресс

Ссылка на скачивание — http://wordpress.org/plugins/contactme

Contact Coldform


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

обратная связь wordpress

Ссылка на скачивание — http://wordpress.org/plugins/contact-coldform/

SimpleModal Contact Form

Достаточно простая форма, но при этом очень красивая и удобная для использования. Ключевая особенность SMCF заключается в том, что данная форма появляется во всплывающем AJAX-окне, то есть для нее не нужна отдельная страница. Вполне достаточно обычной ссылки с классом class=»smcf-link», к примеру, в сайдбаре или футере. При нажатии на ссылку появляется сама форма. Настроек здесь совсем немного – можно лишь указать email-адрес, имя отправителя, добавить или удалить поле с темой письма и т.д. Максимальное количество полей в форме – 4, три из которых (name, email, message) являются обязательными.


плагины вордпресс обратная связь

Ссылка на скачивание — https://wordpress.org/plugins/simplemodal-contact-form-smcf/

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

cho-cho.ru

Плагин обратной связи для WordPress

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

После скачивания распакуйте архив и скопируйте файлы на сервер в папку /wp-content/plugins/. После активации плагина переходите к его настройкам в панели администратора. Справа в меню появится пункт «Contact». Значит, плагин обратной связи WordPress установлен и запущен. Для установки стандартной формы CF7 на сайт достаточно скопировать код «форма для контакта», который вы увидите в меню Contact. Если вы хотите настроить форму по своему усмотрению, перейдите по ссылке «Добавить новую».

В результате появится несколько полей:

  1. Название формы;
  2. Форма обратной связи;
  3. Почтовые настройки;
  4. Дополнительная форма обратной связи;
  5. Сервисные сообщения;
  6. Дополнительные настройки.

Пункты 2 и 4 позволяют воспользоваться конструктором для разных видов форм. Например, так вы можете создать всплывающую форму обратной связи WordPress. После заполнения всех полей, можно получить готовый код для страницы контактов. Настройка доп. формы (№4) помогает получать не только письма на почту, но и, например, смс-сообщения на указанный телефон.

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

Как вариант, можете еще испробовать плагин Cforms, он более сложен, но и функций у него больше.

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

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


Для начала нужно создать отдельный файл *.php (например, contact.php или mail.php). После создания лучше поместить его в папку с темой шаблона, тогда можно будет его редактировать из админки.

Вот код, который нужно вставить в созданный вами файл php:

Для своего блога вам нужно будет изменить url в первой строке и в строке address, и по желанию название полей Имя, Тема, Текст. Также по своему усмотрению вы можете изменить текстовые сообщения, которые будет видеть пользователь после отправки, либо если сообщение не отправлено.

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

Для этого можно использовать такой код:

Здесь самое важное указать правильный путь к тому файлу php, который вы создали (в нашем случае, это contact.php). В данном коде по своему желанию и вкусу можете менять названия полей, и их ширину.

Если вы захотите придать форме без плагина особый вид, можете использовать разные стили оформления с помощью файла style.css.

pro-wordpress.ru

Что необходимо для создания обратной связи на WordPress?

Обратная связь может быть создана различными способами. Лучшее решение – с помощью плагина. Самыми востребованными являются:

  • Contact Form 7;
  • Usernoise;
  • SimpleModal Contact Form;
  • Custom Contact Forms;
  • Slick Contact Forms.

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

Contact Form 7 – быстрая контактная связь и простота настроек

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

Usernoise – всплывающая и красивая форма обратной связи

Usernoise имеет весьма широкий функционал, позволяя сделать красивую и простую в понимании всплывающую форму в окне. Но есть некоторый минус – полная часть его возможностей представлена в платной версии. Однако многим достаточно функций, которые представлены в бесплатном варианте. По умолчанию Usernoise для WordPress уже настроен как нужно, все что нужно – просто его включить. Дальнейшие настройки, по желанию владельца сайта, осуществляются тоже незатруднительно. Можно изменять расположение кнопки, изменить ее цвет и фон текста, добавить иконку к кнопке, поменять шрифт и поменять стандартные надписи. Все это легко настраивается из админки. С его помощью кнопка станет уникальной. Плагин полностью русифицирован, что максимально облегчает работу с ним. Идеально подходит для блогов. Usernoise поддерживается практически всеми знаменитыми браузерами – Opera, Firefox, Safari, IE7 (от 7 версии). Главным преимуществом данного плагина является его высокая производительность, он не оказывает влияния на скорость загрузки.

SimpleModal Contact Form – быстрая всплывающая форма в модальном окне

SimpleModal Contact Form (SMCF) представляет собой обратную связь, которая интегрирована в модальное всплывающее окно. Работает на WordPress при помощи jQuery. Плагин русскоязычный, благодаря Николаю Мясникову и другим «народным умельцам», принимающим участие в его русификации. Перевод на русский язык выполнен максимально грамотно, учитываются все малейшие детали. Всплывающее окно, которое выводит SMCF внешне напоминает окно плагина Lightbox. Это очень удобная вещь для всех, кто хочет дать возможность пользователям написать письмо, просто во всплывающем окне где угодно – в конце поста, на отдельной странице либо в Сайдбаре. Все работает очень быстро и удобно. Установка осуществляется самым традиционным способом. Также обратная форма проверяет правильность заполнения полей ввода. В опциях есть возможность сделать автоматическую подстановку заголовка страницы в теме письма, что является довольно весомым достоинством, когда он используется для заказа к описанию товаров. Тема письма позволит сразу увидеть какой товар заказан.
SimpleModal-Contact-Form-wp-plugin

Custom Contact Forms – обратные формы любой сложности

Плагин Custom Contact Forms (CCF) очень популярен на сегодня. С его помощью можно сделать формы любой сложности на WordPress. Но, стоит отметить, что CCF не имеет русской локализации. Хотя это не играет особой роли, поскольку разобраться в нем проще простого, даже тем, кто не знает английский язык. Созданные формы вставляются в любые страницы, материалы и отдельные записи. Для создания простой формы не нужно копаться в настройках, все, что потребуется – вписать код [customcontactform=1] в любую статью, а дальше уже все делается автоматически. Есть также специальный виджет, который можно вставить в боковую панель, либо же в любые иные места на сайте, отведенные под виджеты. Никаких особых знаний CSS для настройки при этом не требуется, а настраивается практически любой аспект: цвета, размеры, границы, отступы. Управление стилями осуществляется прямо в админке WordPress, там же, где настраиваются все поля ввода значений. Работает на современных технологиях Ajax и jQuery.

Slick Contact Forms – простое добавление нескольких обратных связей

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

Все плагины, перечисленные выше, заслуживают внимания и имеют свои достоинства. Однако выбор будет зависеть от личных предпочтений. Например, если необходимо встроить обратную связь в страницу, то лучше выбирать первые плагины, в частности Contact Form 7. Если же всплывающие окна больше нравятся – лучше остановить выбор на SMCF и Usernoise.

slick-contact-forms-plugin

Похожие статьи

wordpresslib.ru

Wordpress. Форма обратной связи

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

webformyself.com

Обратная связь WordPress с плагином

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

Обзор плагинов контактных форм обратной связи wordpress

Contact Form 7

обратная связь WordPress - Contact Form 7

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

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

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

к менюСсылка на плагин: Получить ссылку на (CF7)

 

Custom Contact Forms

форма обратной связи wordpress - Custom Contact Forms

Довольно функциональный плагин, позволяет создавать сложные формы. Благодаря ему обратная связь wordpress приобретает новый окрас. Имеет более 75 000 активных инсталов, а также умеет делать:

  • неограниченное число произвольных форм;
  • обязательные / необязательные поля;
  • редиректы на другие страницы после отправки данных;
  • капчу и простую проверку на спам.

к менюСсылка на плагин: Получить ссылку на (Custom Contact Forms)

 

Contact Form Plugin by vCita

обратная связь wordpress на Contact Form Plugin by vCita

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

Форма обратной связи wordpress на этом плагине делается легко и рассчитанная на пользователей без знаний ПХП.

На сегодняшний день плагин имеет около 10 000 активных установок.

Ссылка на плагин: Получить ссылку на (Contact Form Plugin by vCita)

 

help-wp.ru

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

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

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

Где найти готовые шаблоны или заготовки

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

Форма для возможности обратной связи представляется одной из важных частей wordpress сайта. Без нее упускается возможность всегда быть на связи с посетителями и клиентами. Помимо этого без этой примочки возрастает вероятность потери потенциальных покупателей.

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

В этой статье я хочу познакомить вас с наиболее популярными приложениями и современными новинками:

  1. Contact form 7
  2. Fast Secure Contact From.
  3. Contact Form by Contact ME
  4. FormCraft
  5. Visual Form Builder
  6. NForms
  7. Gravity Forms
  8. Mapped Contact Form Pro WordPress
  9. Ninja Forms
  10. Ninja Kick

 

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

Contact form 7

Cf7 сегодня это самый востребованный плагин для вордпресс.

Wordpress форма обратной связиПреимуществами у него являются:

  1. AJAX-отправка сообщений.
  2. Встроенная капча.
  3. Специальный спам-фильтр.
  4. Позволяет загружать файлы.

 

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

Этот плагин хоть и популярен, но не лишен недостатков. Одним из таковы является недостаток готовых шаблонов. Если вам понадобится поменять оформление, то придется это делать, используя CSS.

Fast Secure Contact From

Fast Secure Contact From это нестандартная разработка, имеющая высокую популярность. В основном он используется владельцами блогов для создания и добавления контактной формы на сайты.

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

Wordpress форма обратной связиПоложительными сторонами плагина являются:

  1. Не дает регистрировать профиль простым пользователям.
  2. Предоставляет возможность формирования графика, онлайн-встреч.
  3. Поддерживает несколько адресов электронной почты.

 

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

Contact Form by Contact ME

Contact Form by Contact ME – это доступный конструктор, имеющий в своем арсенале стандартный набор основных функций. Он работает только после прохождения регистрации на сайте. Эта процедура проста и бесплатна. Разработчики считают, что он лучше других раскрученных плагинов, даже CF7.

Этот конструктор имеет множество нужных функций:

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

 

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

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

FormCraft

Плагин FormCraft изначально создавался и поддерживался только как премиум приложение. Не так давно его создатели сделали и бесплатную версию – FromBuilder, доступную каждому интернет-пользователю.

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

Visual Form Builder

Еще один конструктор Visual Form Builder – разработка, которая позволяет создавать и осуществлять контроль над всеми формами из одного места. При помощи всего одного клика вы сможете управлять полями, антиспамом и реорганизовывать ранее созданные формы. Звучит заманчиво, правда?

Плюсами этого плагина являются:

  • Возможность смены порядка элементов обычным перетаскиванием.
  • Способность экспортировать данные в файл CSV.
  • Отправка контролируемых сообщений с подтверждением.
  • Возможность указания множества url адресов.

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

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

nForms

nForms напоминает достаточно простой шаблон, с Ajax отправкой. Созданная форма будет отображаться с помощью специального шорткода или виджета. Это довольно интересный вариант, но подходит не для любого сайта (нужно сопоставлять результат с вашим макетом). Это приложение предоставляет вам больше, чем просто контактная форма. Заинтересовались? Тогда проведите эксперимент, быть может, такая форма станет своеобразной фишкой вашего сайта.

Gravity Forms

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

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

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

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

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

Mapped Contact Form Pro WordPress

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

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

Ninja Forms

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

Положительными сторонами такой разработки можно назвать:

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

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

Отрицательными сторонами будут:

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

 

Ninja Kick

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

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

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

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

Теперь давайте посмотрим, как именно создаются эти формы на примере приложения CF7:

  1. Для начала необходимо скачать и установить нужный плагин, активировать его в разделе администрирования. Перейти на новую вкладку и нажать «Добавить новую форму».
    Wordpress форма обратной связи
  2. Следующим шагом будет создание имени для продукта. Главное, не забывайте сохранять все свои изменения. После этого перед вами появиться шорткод (вот пример «[contact-form-7 id=»1252″ title=»Форма номер 1]»).
  3. После установки кода можно настроить поля, которые будут выводиться на сайте. Специальная область, которая называется «Шаблон формы», содержит в себе шаблоны полей. Если их не трогать, то по умолчанию, они будут следующие: Имя, адрес электронной почты, Тема сообщения и само сообщение, а также кнопка «Отправить».

 

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

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

 

Вот и разобрались с тем, как сделать форму через приложение Contact Form 7. Несложно, правда?

Имею желание еще сказать пару слов, о защите вашего почтового ящика от наплыва спамеров: «Чтобы к вам на электронку не приходил спам, нелишним будет добавить в форму обратной связи капчу. Она устанавливается с помощью функции «генерации тега». А для ее функционирования потребуется дополнение Really Simple CAPTCHA. Закончив настраивать дополнение, вы сможете забыть о проблеме со спамом.

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

И в завершение, можно сказать, что форма готова, остается лишь редактировать сообщения по мере необходимости.

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

  1. FL.ru
  2. Weblancer.ru

 

В заключение статьи давайте подведем итоги:

  • сконструировать форму обратной связи на сайт можно через плагин;
  • это самый простой и быстрый способ.

 

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

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

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

Ну все, пока-пока.

С уважением, Елена Изотова.

blogizotovoy.ru

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

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

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

6) Скачиваем этот файл и закачиваем его на блог через программу FTP в  папку вашей темы оформления. Если что, вот ее адрес: httpdocs (или public_html, www, domains) /wp-content/themes/(папка вашей темы). Теперь переходим в админке во «внешний вид» «редактор» в файл mail.php и в строчке $address= „goldbusinessnet@gmail.com“; меняем емайл на свой и сохраняем файл. Теперь просто создаем новую страницу и вставляем в нее этот код и сохраняем запись.

<h2>Форма обратной связи</h2>
<form name=»MyForm» action=»/wp-content/themes/cloudy/mail.php» method=»post»>
<p><input class=»input» name=»name» type=»text» style=»width:25%» /> Ваше имя</p>
<p><input class=»input» name=»email» type=»text» style=»width:25%» /> Электронная почта</p>
<p><input class=»input» name=»sub» type=»text» style=»width:25%» /> Тема сообщения</p>
<p>Текст сообщения:<br /><textarea name=»body» cols=»1″ rows=»5″ style=»width:76%» /></textarea></p>
<p><input value=»Отправить» type=»submit» /></p>
</form>

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

7) Скачиваем этот файл и закачиваем его на блог через программу FTP в вашу папку темы оформления, как и в предыдущем примере. Заходим во «внешний вид» «редактор» в файл mailpost.php в строке $address = «gwsnfe@gmail.com»; меняем емайл на свой и сохраняем файл. Теперь создайте новую страницу и вставьте в нее этот код и сохраните запись.

<form name=»MyForm» action=»/wp-content/themes/lime/mailpost.php» method=»post»>
<p><input class=»input» name=»name» type=»text» style=»width:31%» value=»Ваше имя» onfocus=»if (this.value==this.defaultValue) this.value='';» onblur=»if (this.value=='') this.value=this.defaultValue;» /></p>
<p><input class=»input» name=»email» type=»text» style=»width:31%» value=»Эл. почта» onfocus=»if (this.value==this.defaultValue) this.value='';» onblur=»if (this.value=='') this.value=this.defaultValue;» /></p>
<p><input class=»input» name=»sub» type=»text» style=»width:31%» value=»Тема» onfocus=»if (this.value==this.defaultValue) this.value='';» onblur=»if (this.value=='') this.value=this.defaultValue;» /></p>
<p><textarea name=»body» cols=»1″ rows=»5″ style=»width:98%» onfocus=»if (this.value=='Текст сообщения'){this.value=''};»  onblur=»if (this.value==''){this.value='Текст сообщения'}» >Текст сообщения</textarea></p>
<p><input value=»Отправить сообщение автору блога» type=»submit» /></p>
</form>

Кстати, если вам не нравится внешний вид формы, можете прописать к ней стили оформления.

 

firstprize.ru


You May Also Like

About the Author: admind

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

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

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