Блог о SEO оптимизация и поисковое продвижение
4 Июн
Пожалуй, не стоит долго объяснять, почему сайту нужна форма обратной связи. Чем больше способов связи предложено на странице «Контакты» владельца сайта, тем выше вероятность общения с посетителем. А ведь каждый посетитель может быть потенциальным клиентом. Идеальным, на мой взгляд, способом связи можно считать форму обратной связи, где посетителю лишь требуется заполнить поля: имя, почта, текст сообщения — чтобы передать вам какую-то информацию или задать вопрос.
Для своих разработок я использую разные движки, в некоторых из них форма обратной связи является стандартным модулем. Но у WP такого встроенного функционала нет. Да и зачем? Ведь WordPress имеет неограниченные возможности к расширению функционала за счёт использования плагинов.
Для создания такой формы на одном коммерческом проекте я использовал плагин Fast Secure Contact Form (быстрая и безопасная форма обратной связи). Функционал плагина впечатляет — можно создавать абсолютно любые формы, совсем не обладая знаниями технологий веб-программирования.
Для установки плагина идём в меню WP «Плагины» → «Добавить новый» и в форме поиска пишем Fast Secure Contact Form. Первый в списке найденных плагинов должен называться именно так, жмём «Установить». По окончании процесса установки не забываем нажать ссылку «Активировать плагин». Вверху экрана с результатом видим красную надпись:
Fast Secure Contact Form — vCita Meeting Scheduler is active but some settings are missing. Click here to SETUP the use of vCita, or Disable vCita.
Это функционал (наверное, платный), позволяющий посетителям сайта вместо отправки сообщения заказывать онлайн-конференцию или что-то типа того. Короче, возможно, будет полезно для бизнеса, но нам с вами будет проще отключить эту функцию. Жмём ссылку «Disable vCita» в этом красном сообщении.
После активации плагина в меню «Плагины» добавляется пункт «Параметры формы контакта FS» — здесь можно как угодно менять внешний вид и функционал формы для обратной связи. Но, вообще-то, всё уже изначально готово к тому, чтобы разместить форму на странице контактов вашего сайта. Для этого открываем в редакторе админки WP нужную страницу или запись, где вы планируете разметить форму для связи, и вставляем туда вот такой код:
[si-contact-form form='1']
Результат при просмотре сайта у вас будет такой же, как на вот этой картинке справа.
Но, на всякий случай, посетим настройки («Плагины» → «Параметры формы контакта FS»). Там убедимся, что письма будут приходить на нужный e-mail. Для этого находим в блоке «E-mail: (форма 1)» поле «E-mail получателя:». По умолчанию там указан e-mail вашей учётной записи в WP. Затем, мне, например, не нравятся английские названия полей: «Name», «Subject», «Message». Для исправления находим блок настроек «Поля: (форма 1)» (рекомендую использовать поиск по странице: Ctrl+F — потому что настроек тут целая гора). Прописываем нужные тексты:
После любых правок не забываем нажать любую из кнопок «Обновить настройки», которые для удобства есть под каждым блоком настроек. Далее вы можете, например, изменить дизайн формы. Для настройки стилей оформления есть специальный блок «Стили: (форма 1)», но я бы предпочёл воспользоваться тем, что форма создаётся в слое с идентификатором FSContact1 и обратился бы к файлу шаблона дизайна style.css — этот вариант более универсальный.
Также вы можете добавлять или убирать поля формы. Вы можете использовать дополнительные поля в форме обратной связи для номера телефона, наименования компании и т.п. Это могут быть флажки, переключатели или списки с возможностью мультивыбора. Чтобы включить дополнительное поле, просто введите к нему метку в настройках «Форма: (форма 1)» → «Дополнительные поля». Затем установите, хотите ли вы, чтобы поле было обязательным для ввода или нет. Чтобы отключить поле, очистите его метку. Также в вашем распоряжении есть ещё 4 формы (до сих пор мы работали только с формой 1) для создания разных форм.
Немного лирики напоследок. Рано или поздно в жизни блогера бывает момент, когда приходит сознание того, что нужен дорогой диван. Но где взять дорогие диваны, когда вокруг один ширпотреб и убожество? На этот вопрос отвечает магазин элитной мебели kaluste.ru. Если вам нужны качество и стиль, вы наверняка ищете Pohjanmaan — ведь это элитная финская мебель с максимальным использованием природных материалов. Отдых на таком диване не сравнится ни с чем.
Запись опубликована 4 июня 2013 года. Не так давно в рубрике «Web-кодинг» были опубликованы следующие посты:
RSS подписка (как это?) поможет вам не пропустить ничего интересного на этом блоге.
На «Форма обратной связи Fast Secure Contact Form (плагин для WP)» получено 7 отзывов
Здравствуйте! Что то у меня никакие формы не работают, раньше стоял плагин контакт форм 7 и всё работало, потом я упустила момент когда формы перестали работать, но мне кажется что это случилось после обновления вордпресс или хостинг такой, в общем 4 плагина перепробовала все при отправки сообщения выдавали ошибку. Сейчас поставила Fast Secure Contact Form и вроде все ок, выдавал ошибку по заполнению капчи, капчу убрала ошибки не стало вроде как все отправляется, но письма на почту не приходят. емейл проверяла стоит в поле Email To: как положено. Может подскажите как быть? На хостинг писала к стате мне ставили калькулятор на сайт у него тоже была функция отправки результата мне на почту, и функция не работала! Я писала на хостинг сразу и про формы и про калькулятор , после этого калькулятор заработал, а формы нет. Может подскажете в чем дело, или может есть какая то возможность получать письма с формы куда нибудь на сам сайт как комментарии...
Ольга, ваш случай весьма уникален. Скорее всего, дело действительно в настройке хостинга. Самый простой вариант для вас — использовать стандартную форму комментариев WP в качестве формы для связи. Только вместо «Оставить свой комментарий» на странице «Контакты» лучше написать «Форма обратной связи» или типа того. Т.к. сайт у вас коммерческий, можно без проблем поставить предварительную модерацию всех комментариев
Ой спасибо! Я бы сама никогда не додумалась! Было бы замечательно и никаких проблем! А подпись к коментариям вместо комментарии это же гдето в шаблоне темы нужно менять или есть какой то более простой способ? Кстате да проблема из за хостинга но когда делают чтоб формы работали весь сайт на перекосяк становится, но ведь калькулятор спокойно всё отправляет думаю должен найтись плагин с формами который будет работать на этом хостинге, но что то пока не нашла, а перепробовала шт.5... всё равно в виджет нужно подписку делать. А за идею с коментариями спасибо! Будет круто если под каждой записью будет форма обратной связи)!
Да, надо посмотреть шаблоны темы оформления — где-то там заменить надпись
В теме я переделала, и настроила что коментарии можно не выводить на тех страницах где не нужно, всё бы прям идеально было, но вот когда начинаешь отправлять сообщение выходит надпись : ваш комментарий отправлен на модерацию и само сообщение видно. С разработчиком шаблона поговорила он не знает как это убрать я думаю что это сам вордпресс генерирует... Не подскажите как это все таки убрать? Если получится то это будет новшество) потому что искала в яндексе и ничего не нашла, а для коммерческих сайтов это был бы самый лучший вариант ни плагинов не надо сайт не перегружается, формы выводятся просто проставлением галочки в нужном месте...
Ольга, тут решение задачи в лоб — не самый оптимальный вариант. Если не нравится, что пишет WP после комментария, давайте после комментария отправим комментатора на такую страницу, где сами напишем, что захотим: например, «Спасибо за обращение и т.п.»
Сам не проверял, но в Интернете пишут, что помогает такой код (в functions.php):
add_filter('comment_post_redirect', 'redirect_after_comment'); function redirect_after_comment(){ wp_redirect('/page/'); exit(); }
Где вместо '/page/' подставляется созданная вами страница.
Также часто на блогах вижу использование плагина «Comment Redirect», который делает то же самое, правда, только после первого комментария. Можно в его исходном коде реализацию подсмотреть.
Спасибо буду пробовать!
Ваше SEO-мнение
Я прошу высказать своё мнение, а не оставить ссылку на раскручиваемый сайт. В любом случае, ссылки в комментариях у меня закрыты от индексации, если интересует качественный обмен ссылками -обращайтесь