Как сделать форму обратной связи? Плагины для wordpress.
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Форма обратной связи на сайте – это механизм для общения между посетителем ресурса и его администраторами.
Больше видео на нашем канале - изучайте интернет-маркетинг с SEMANTICA
Для чего нужна обратная связь
- Ответы на вопросы посетителей.
- Анкетирование.
- Прием заказов посредством сайта.
- Прием заявок на обратные звонки.
Два вида коммуникации с посетителем
- Отправка на email. После заполнения предложенных полей форма отправляется на e-mail администратора сайта. Все дальнейшее общение происходит посредством обмена электронными письмами или выходом в офф-лайн (телефон и т.п.).
- Отправка в систему управления сайтом. После заполнения администратор сайта видит запрос в списке заполненных данных в CMS, и там же может его обработать. К примеру, таким образом может быть реализована гостевая книга или система «Вопрос-ответ». Покупка товаров в интернет-магазине работает подобным образом.
В дальнейшем мы не будем подробно рассматривать работу интернет-магазина, так как это тема для отдельной статьи, а остановимся на обратной связи как одном из видов коммуникации с посетителем сайта.
Для эффективной и быстрой обработки заявок рекомендуется комбинировать оба вида отправки.
Как сделать форму обратной связи на сайте
Для разработки необходимы знания php, html и javascript. На CMS существуют разные конструкторы, позволяющие сделать сервис обратной связи, также можно воспользоваться сервисами в интернете. Но все же предпочтительнее первый способ. Вы, как администратор сайта, должны точно знать, какие механизмы применяются для отправки сообщений.
Механизм отправки вопроса на email работает через почтовый сервер, установленный на хостинге. Если письма к вам не приходят, возможно, требуется пересмотреть настройки веб-сервера или проверить ваш почтовый ящик на присутствие в спам-листе.
Структура
Страница обратной связи может состоять из нескольких полей, которые предлагается заполнить посетителю. Поля, отмеченные звездочкой, заполняются обязательно. Если человек пытается отправить форму, не заполнив поля со звездочкой, у него высвечивается сообщение, что форма не может быть отправлена.
Как правило, обязательными к заполнению являются поля: ФИО, телефон, e-mail, ваш вопрос. Самая простая страница коммуникации должна содержать эти поля.
Помимо текстовых полей, страница может содержать элементы выбора.
Пример сервиса обратного звонка
Можно предусмотреть возможность прикрепления документов различных форматов. Для эффективной работы указывайте форматы и вес файлов, которые посетитель может прикрепить к сообщению.
Пример усложненной формы обратной связи для заказа
Последним полем должна быть каптча – защитный код, формирующийся при каждом обновлении страницы, который служит для предотвращения спама. Если вы не установите каптчу, то вскоре устанете очищать базу данных сайта и почтовый ящик от спам-сообщений, рассылаемых различными ботами. В настоящее время боты могут распознавать коды, поэтому устанавливайте надежные каптчи и периодически обновляйте формирующий скрипт.
Где размещать
Обычно применяют два вида размещения формы:
- На отдельной странице в случае, если форма содержит много полей.
- На странице «Контакты» под заголовком «Напишите нам».
Не рекомендуется размещать саму форму на главной странице, и тем более – дублировать ее сквозным способом на всех страницах сайта. Исключение составляет сервис обратного звонка, который только по способу коммуникации можно отнести к вышеуказанному. Плохо работает форма в . Исключение составляет лэндинг, цель которого – удержать внимание посетителя и довести его до конца страницы.
Правила хорошего тона
После заполнения полей и отправки сообщения посетитель должен получить на экране ответ типа «Спасибо за ваш вопрос. Мы ответим вам в течение 1 часа». Если посетитель не получает ответ в течение установленного времени, его расположение к вам резко падает. Факт игнорирования очень неприятен и говорит о том, что сайт не ценит своих клиентов. Обратная связь должна работать, а не собирать мертвые грузы из неотвеченных вопросов посетителей.
Связь через формы – самый быстрый метод коммуникации с клиентами, дающий возможность подготовить детальные ответы и собрать уникальную базу e-mail адресов и телефонных номеров. Помните: вы не имеете право пользоваться этой базой для массовой рассылки и передавать ее сторонней организации. По статистике ваше предложение будет работать, если человек в данный момент ищет именно вашу услугу или товар. Если потенциальный клиент к вам уже обратился, в ваших силах предложить ему сейчас именно то, в чем он заинтересован.
Форма обратной связи уже давно является наиболее приемлемым способом общения между владельцем ресурса и пользователем.
Причин этому немало. В первую очередь, использование контактной формы в значительной мере облегчает отправку писем, благодаря специальным полям, отведенным для написания текста. Подобный шаблон делает заказ конкретных услуг более удобным. Также плюсом является и то, что пользователям нет необходимости вводить адрес электронной почты владельца сайта, так как в форме обратной связи этот момент уже предусмотрен. Более того посетитель площадки даже не узнает вашего электронного адреса, что будет потенциальной защитой от спама.
Среди огромного количества плюсов, которые имеет форма обратной связи , тяжело было бы разглядеть недостатки, даже если бы они были. Помимо удобства для владельца ресурса и пользователя, она еще и существенно экономит время. Это происходит благодаря тому, что человеку, который хочет задать вопрос, не нужно тратить драгоценные минуты на запуск почтового клиента, чтобы отправить письмо. Все что требуется - это перейти на страницу с формой обратной связи, ввести в предназначенных для этого полях имя, адрес электронной почты, нужный текст и кнопку отправки. Что касается больших компаний, то здесь при выборе адресата многие пользователи просто теряются, так как часто указано множество различных электронных ящиков. И тут в который раз выручит форма обратной связи! Более того, при ее правильном использовании можно в значительной мере повысить конверсию.
Также в данной форме может присутствовать еще одна строка, установить которую крайне рекомендуется всем владельцам сайтов, использующих такой вид обратной связи. Речь идет о Captcha - коде, который представляет собой дополнительное поле, куда необходимо ввести определенные цифры с картинки либо набор символов. Без этого письмо отправлено не будет. Необходимость в подобной защите присутствует из-за того, что в наше время существуют роботы, способные отправлять с форм обратной связи спам, а благодаря защитному коду на ваш ящик будут приходить только письма, написанные реальными людьми.
Для того, чтобы создать форму обратной связи самостоятельно, необходимы специальные навыки, среди которых знание html, javascript и php. Однако, существует и альтернатива, используя которую каждый владелец сайта может без труда сгенерировать нужную регистрационную форму, бланк заказа либо форму обратной связи. А именно
Начать работу с нашим сервисом очень просто. Для этого нужно пройти не сложную регистрацию , после чего можно сразу переходить к созданию формы. Также есть возможность регистрации в один клик, через социалные сети.
В первом разделе у вас будет возможность настроить внешний вид писем, установить защиту, выбрать действие, которое последует при успешной отправке и т.д.
В разделе «Элементы» можно добавить, удалить либо отредактировать поля для заполнения. Они могут быть текстовыми, цифровыми, с изображением и т.д. Помимо этого, у вас будет возможность установить кнопки социальных сетей.
Особенностью онлайн конструктора форм сайт является то, что при помощи нашего онлайн-сервиса можно создать форму обратной связи всего в несколько кликов. После чего вы получите специальный код, который следует вставить на сайт.
Помимо стандартных преимуществ в виде защиты от спама, настройки подходящего внешнего вида и т.д., при помощи нашего сервиса можно быстро отредактировать либо добавить новые поля, создать мультистраничные формы либо собственные сообщения об ошибке. Что касается дизайна, то для продвинутых пользователей здесь имеются свои преимущества, так как они могут настроить CSS-свойства формы на свой вкус и сделать ее более подходящей по стилю для собственного ресурса.
Дополнительное положительное качество сайт - это то, что кроме рассылки писем на ваши адреса, они сохраняются и в самой системе, поэтому можно в любой момент прочитать даже то, что попало под фильтр спама. Помимо этого, в разделе «Статистика» вам будет предоставлен подробный отчет за определенный период времени.
Подводя итоги, можно отметить еще одно неоспоримое достоинство форм обратный связи, а именно то, что отправленные таким образом письма будут приходить на ваш электронный ящик в удобной и аккуратной форме. Благодаря этому можно без труда понять, кем оно было отправлено, и что от вас требуется!
Форма обратной связи служит для отправки сообщений посетителями непосредственно со страницы вашего сайта. Можно, конечно, оставить свой E-mail, чтобы люди могли написать вам письмо, но, согласитесь, что иметь на сайте специальную форму обратной связи (ФОС) гораздо солиднее и ваши гости и посетители скорее согласятся связаться с вами по такой форме, нежели просто отправить письмо на оставленный адрес электронной почты. Такой метод общения удобен ещё по одной причине - возможно, не у всех пользователей компьютера и Интернета есть настроенный почтовый клиент и адрес электронной почты.
Да и Вам, как владельцу сайта не стоит особенно выставлять на всеобщее обозрение свой адрес электронной почты, потому, что он может попасть в руки спамеров и тогда «выгребай лопатой» ненужную корреспонденцию из почтового ящика.
Не думайте, что ваш E-mail, опубликованный всего-то на одной-двух страницах, останется незамеченным спамерами. В арсенале серьёзного спамера есть специальные программы с помощью которых собираются все корректно отображенные адреса с разных сайтов, форумов, страниц объявлений и т.д. А если Вы уж твердо решили оставить свой E-mail адрес в Интернете, то пишите его некорректно, хотя бы так: vasja_pupkinsobakamail.ru. Посетителям вашего сайта будет понятно, а для спамерских программ - это ненужная информация. Но, это уже другая тема для разговора.
Таким образом, ФОС поможет Вам связаться с посетителями сайта не открывая своего адреса электронной почты. В этом и есть её главное предназначение. Используя такую форму, Вы можете быть уверены, что письмо, отправленное Вам, обязательно дойдёт, конечно, при условии правильного заполнения полей формы. Потому, что сообщение будет отправлено в пределах того же домена сразу в почтовый ящик админа сайта. То есть у сообщения не будет возможности потеряться.
Как сделать форму обратной связи?
Существует несколько эффективных способов организации ОС на сайте. Это могут быть:
- универсальные скрипты на PHP и jQuery;
- плагины и модули для CMS;
- web-формы не требующие наличия почтового клиента;
- онлайн-сервисы и конструкторы форм.
Например, ФОС на PHP реализуется с помощью скрипта .
Для работы такого скрипта на вашем хостинге должна быть включена поддержка PHP и файл страницы вашего сайта, на которой располагается форма обратной связи, должен иметь php формат.
А у Вас, к примеру, все файлы в html формате. Как можно эту ситуацию исправить? Как сделать так, чтобы файл.html превратился в файл.php ?
|
Предположим, что Вы переименовали файл index.html в index.php. Для веб-сервера Apache, который установлен на большинстве хостингов, необходимо создать файл .htaccess в корневой папке сайта, где лежит файл главной страницы сайта, и добавить в него следующий текст: DirectoryIndex index.php RewriteEngine on RewriteBase / RewriteRule ^index\.html?$ index.php Если файл .htaccess уже есть нужно открыть его с помощью текстового редактора, к примеру, блокнота и вставить вышеотмеченный текст строкой ниже. Для других web-серверов можно использовать решение на основе редиректа. Убедитесь, что по умолчанию загружается файл index.php . После этого создайте файл index.html и добавьте в него следующий код:
|
Согласитесь, это не очень сложно. После совершения такой малой операции, вы можете смело переименовывать нужные файлы из html в php . Естественно, при условии, что файл .htaccess находится в той же директории, что и все переименованные вами файлы.
Немного об онлайн-сервисах
Вариантов формы обратной связи великое множество. При желании можно воспользоваться таким авторским вариантом
//www.wr-script.ru/sendmail/README.html
Внешний вид формы скрипта выглядит так
//www.wr-script.ru/sendmail/sendmail.php
Хорошие результаты можно получить используя сервис
//ip-whois.net/forma-obratnoj-svyazi/
Вот один из вариантов внешнего вида обратной связи, генерируемый этим сервисом:
Этот сервис несомненно хорош и предоставляет прекрасную возможность без особых усилий организовать обратную связь с посетителями, но, на мой взгляд, лишает возможности работы с кодом напрямую и получения удовольствия от собственноручно выполненной работы. Если Вы решили ограничиться статическим сайтом, то такая форма связи - просто находка для Вас. А в противном случае, когда у Вас сайт с поддержкой услуг PHP, MySQL и, возможно, других функций, предоставляемых вашим Хостингом, то мне кажется, Вы имеете право большого выбора из множества вариантов, который мы рассмотрим далее. Эти варианты смотрите .
Спасибо за внимание. Удачи в изучении материала и развитии вашего сайта! Всегда ваш L.M.
Возможно, вы собираетесь установить себе на сайт форму обратной связи, возможно, она уже стоит, а быть может вы уже опробовали этот канал и жутко в нем разочаровались. Так или иначе, сегодня на рынке можно выделить 4 разновидности формы обратной связи, представленные несколькими игроками. Мы постараемся, по мере возможностей, максимально объективно рассказать об их минусах и плюсах.
Плюсы: настройка вида кнопки и окна, отсутствие навязчивости, голосовая связь, удобный личный кабинет, не требует наличие телефона или ввода номера.
Плюсы: Дешево и сердито. Брендирование под дизайн сайта, возможность сделать форму так, как желает заказчик – звонок, текст или и то и другое. Отсутствие платы сторонним компаниям.
Минусы: Не очень надежны и не всегда работают, зачастую представляют собой бутафорию.
Callback-виджеты
Rocket Callback , Callback Hunter и многие другие. Тысячи их. Представляют собой всплывающее окно с 1 полем для ввода номера телефона. От Zingaya отличается тем, что общение происходит по телефону, а не через компьютер, хотя используется тот же самый VoIP. Различаются между собой дополнительными функциями - у Perezvoni это мультивиджет, у Rocket Callback настройка навязчивости, у RedConnect совместный браузер и так далее. По цене сильный разброс, но самая низкая цена у Rocket Callback (около 6 рублей за минуту), самая высокая у Callback Hunter (около 60 рублей за минуту).
Плюсы: Нет привязки к компьютеру, цена не зависит от количества операторов, настройка навязчивости и внешнего вида виджета, моментальная связь (от 20 секунд).
Минусы: При агрессивной настройке может сильно мешать посетителям, раздражая своим появлением в самый неподходящий момент.
Каждый из 4 видов фидбека отличается как минусом, так и плюсом. У онлайн-звонка все хорошо, да вот только без микрофона не поговоришь. Онлайн-консультанты очень удобны, да вот только высокая цена за несколько операторов. Самописные формы позволяют никому не платить, но зато требуют постоянного внимания. Сallback-виджеты позволяют моментально связаться, да вот могут быть невероятно навязчивыми. Есть мнение, что каждая из разновидностей может заменить другую, но это маловероятно, так как у каждой свои слабые и сильные стороны. Оптимальным решением будет протестировать все 4 и остановиться на том, что дало лучший результат.