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

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

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

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

— Защита своего емайл адреса. Если вы когда-то вели свою рассылку, то вам наверняка приходили письма следующего содержания: «Продам емайл адреса недорого» и т.д.  Данные емайлы собирают со всего интернета специальные боты (роботы), на которые впоследствии будет посылаться спам письма. Если не хотите оказаться в их числе, то вам нужно нигде не светить (показывать) свой адрес от почты. В моем случае это уже не имеет никакого смысла, так как мое мыло (почта) гуляет по интернету более 3 лет и зарегистрировано более чем на 1000 сайтов.

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

 

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

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

1) Итак, представляю вам плагин Usernoise.

плагин Usernoise

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

Установка и настройка плагина Usernoise.

Скачиваем плагин здесь и закачиваем его на блог, активируем, переходим в новую появившуюся вкладку «Usernoise» «настройки». Тут ставим галочку возле «включить Usernoise» и «показывать в модальном окне Powered by Usernoise. Включите, пожалуйста». Затем сохраняем настройки, нажав на «Save options». Во вкладке «кнопка» вы можете настроить ее вид (цвет), расположение, что на ней будет написано, и даже прикрепить к ней красивую иконку, которых там целая куча. Во вкладке «форма» вы настраиваете сам текст, который будет отображаться в форме обратной связи.

Во вкладке «оповещения» вы можете настроить, чтобы вам на почту приходили сообщения, о том что вам кто-то написал на сайте. Вся фишка этого плагина в том, что сами сообщения от пользователей он хранит в админке WordPress а не отправляет вам на почту. На мой взгляд, это классная идея, так как ни одно сообщение от пользователей не потеряется и не пропадет, как это иногда бывает на почте, где письма иногда по ошибке помечаются как спам. Кстати, если что, все сообщения сохраняются во вкладке «Usernoise». На всякий случай, если вдруг вам не хватит функционала этого плагина, то можете купить расширенную версию Pro за 10$.

 плагин SimpleModal Contact Form (SMCF).

2) Установка и настройка плагина SimpleModal Contact Form (SMCF).

Данный плагин также делает появление формы обратной связи в попап-окне. Скачиваем плагин здесь и закачиваем его на блог, активируем, переходим в новую появившуюся вкладку «SimpleModal Contact Form Configuration». Тут все настройки переведены на русский язык и их достаточно мало, так что описывать я их не буду. Теперь чтобы создать форму обратной связи зайдите в «страницы» «добавить новую» озаглавьте ее как-нибудь и во вкладке «текст» вставьте этот код.

<a href="#" class="smcf-link">Форма обратной связи</a>

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

плагин Contact Form Plugin

3) Установка и настройка плагина Contact Form Plugin.

Скачиваем плагин здесь и закачиваем его на блог, активируем, переходим в новую появившуюся вкладку «BWS Plugins» «Contact Form». Тут настройки очень простые и все они переведены на русский язык так, что у вас с ними проблем недолжно возникнуть. Просто укажите в них ваш емайл адрес, на который надо отсылать уведомления.

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

 плагин Responsive Contact Form

4) Установка и настройка плагина Responsive Contact Form.

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

плагин Responsive Contact Form

Email Address:   — тут указываете email-адрес, на который будут отправляться письма.

Subject Text:  - тут вписываете название темы . Эта строка будет отображаться в заголовке письма, которое придет к тому, кто вам его написал.
Reply Message for User:
 
— в это поле вписываете ответ, который получит посетитель после отправки письма. Тут можете написать:«Спасибо, мы скоро с вами свяжемся».

Теперь сохраняем настройки, нажав на «Save All Changes» и переходим к созданию страницы обратной связи, и вставляем в нее этот код [ai_contact_form]. Также, если вы хотите вывести форму не на странице, а в шаблоне самого сайта, то вам надо вставить этот код в нужный вам файл темы WordPress.

<!--?php do_shortcode ([ai_contact_form]""); ?--><!--?php echo do_shortcode ([ai_contact_form]"«); ?-->

плагин Contact Form 7

5) Установка и настройка плагина Contact Form 7.

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

плагин Contact Form 7

 

Также заметьте, что плагин полностью на русском, и если вы хотите создать свою форму, то просто перейдите в «Contact Form 7» «добавить новую» тут выберите язык. Как ни странно, более чем из 20 вариантов языков — русского почему-то не оказалось, или я слепой? Но это не страшно, просто выберите любой язык, потом в появившиеся формы переведите текст на свой родной язык. Переводчик Dicter вам в помощь. Кстати, чтобы форма появилась, вместе с капчей вам надо будет установить еще один дополнительный плагин Really Simple CAPTCHA, взять от него код и добавить к уже имеющемуся коду обратной связи на странице.

 

Как сделать форму обратной связи для 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>

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

 

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

Вы можете удивиться, но я описал только самую малую часть, как можно сделать форму обратной связи для WordPress. Как бы я ни пытался объять необъятное, у меня это не вышло. Итак, форму обратной связи можно сделать еще через ряд следующих плагинов:  Fast Secure Contact Form, Contact Form by Contact ME, Visual Form Builder, nForms – WordPress Form Builder, Mapped Contact Form, Ninja Forms. Помимо этого еще есть разнообразные сервисы, такие как main-ip.ru и smartoforms.ru.

На этом все, если будут вопросы, задавайте.

Похожие публикаций:

Новогодний плагин - Let It Snow
Плагин всплывающей формы авторизации - Login box
Как вывести самые популярные записи в WordPress?

Поделиться с друзьями и коллегами.

Система Orphus
  1. Валерий:

    Спасибо, нашёл здесь то, что надо

  2. Владимир:

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

Прокомментировать

Максим Вячеславович – автор блога firstprize.ru, вольный SEO специалист, вебмастер, Web-разработчик на WordPress и человек-оркестр с опытом в некоторых других областях. Личное кредо — хочешь сделать что-нибудь хорошо, сделай это сам. В моменты особого вдохновения создаю видеоклипы и ковыряюсь в кодах. Основные профессиональные инструменты —Dreamweaver, Adobe Photoshop, Site-аuditor. Спасибо за внимание, заходите снова!