Всем привет! Ни для кого не секрет, что обратная связь в WordPress должна присутствовать на каждом блоге. Тем более, если он авторский. Для чего? Сейчас поясню. Дело в том, что через обратную связь читатели блога могут легко с вами связаться, написать письмо, сделать вам какое-то выгодное предложение, или поблагодарить.

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

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

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

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

  • С помощью плагина Contact Form 7.
  • Через сервис.
  • Без использования плагина.

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

  • Скачиваем плагин.

Скачиваем плагин

  • Выбираем в админ-панели «Плагины» — «Добавить новый» — «Загрузить». После загрузки нажимаем «Установить».

Установить плагин

  • Далее «Активировать плагин».  Слева у вас появится следующее. Выбираем.

Активируем плагин

Плагин

  • Выбираем «Контактная форма 1».  Меняем заголовок на «Обратная связь». Нажимаем «Сохранить».

Редактируем контактную форму

Меняем заголовок

  • Копируем код в буфер обмена.

Копируем код

  • Создаем новую страницу: «Страницы» — «Добавить новую».
  • Вводим заголовок, вставляем скопированный код, нажимаем «Опубликовать».
  • Получим следующее:

Вставляем форму

Это что касается установки формы обратной связи в WordPress с помощью плагина. У меня обратная связь реализована через специализированный сервис под названием Support-Desk.

Пример можете посмотреть на странице «Поддержка». Если вы желаете сделать такую же службу поддержки как и у меня, я расскажу вам, как это сделать.

Реализуем службу поддержки на своем блоге!

  • Отрываем сервис.
  • Нажимаем «Попробовать».

Support-Desk

  • Заполняем «Имя» и «E-mail».
  • Вводим «Логин» и «Пароль».  Логин является адресом вашей обратной связи, поэтому советую подумать над его названием. Нажимаем «Зарегистрироваться». Например:

Пример

  • На почту придет письмо. Открываем его и активируем свой E-mail.

Активация E-mail

  • Теперь нам нужно настроиться нашу службу поддержки. Нажимаем «Начать настройку».

Настройка службы поддержки

  • Заполняете необходимые поля. Нажимаете «Продолжить».
  • Выбираем «Часовой пояс». Вводим «Адрес и название своего блога». Выбираем «Тему». Нажимаем «Продолжить».

Настройки

  • Настраиваем «Успешную отправку вопроса»: Вводим «Заголовок» и «Содержимое». Нажимаем «Продолжить». Мой пример:

Настройка отправки вопросов

  • Настройки базы ответов: здесь я ничего не менял. Вы можете настроить на свое усмотрение. Нажимаем «Продолжить».
  • Управление отделами: здесь вы можете добавить отделы, где пользователи будут задавать свои вопросы. Чтобы добавить отдел, достаточно ввести его название и нажать «Добавить». Получим следующее. Нажимаем «Продолжить».

Добавить отдел

Отделы

  • Управление сотрудниками: мне это не пригодилось, вам возможно понадобится. Тут вы можете назначить нового сотрудника, который также будет являться администратором вашей службы поддержки. Нажимаем «Продолжить».
  • Интерфейс вашего аккаунта: я оставил все поля без изменений. Настройка по вашему усмотрению. Нажимаем «Продолжить».
  • Если вам нужен чат, оставляете все без изменений. Меняете только «Заголовок чата». Если вам чат, как и мне не интересен, нажимаем «Выключить».  Нажимаем «Продолжить».
  • Вы можете настроить шаблонные ответы. Но это скорее пригодится только в будущем, когда от пользователей будет поступать множество однотипных вопросов. В любой момент вы сможете вернуться к настройке этого пункта, поэтому вам не о чем беспокоиться. Нажимаем «Завершить».
  • Настройка вашей службы поддержки завершена. Теперь вы можете перейти в админ-панель и просмотреть, как выглядит ваша служба поддержки.

Теперь если к вам обратятся, зададут вопрос, что-то напишут через службу поддержки, к вам на почтовый ящик придет уведомление об этом. Далее вы уже сможете ответить на заданный вопрос. Очень удобно, и работает без сбоев. Вам дается бесплатно 60 дней, чтобы опробовать данный сервис. Далее придется платить, в зависимости от тарифа. Я использую тариф за 150 рублей в месяц. Но, можно пользоваться и бесплатно, если вам не требуются дополнительные функции. Подробнее в разделе «Цены».

Форма обратной связи в WordPress без использования плагина.

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

  • Создаем пустой файл mail.php

Создать текстовый доумент Mail.php

  • Закачиваем этот файл посредством FTP на хостинг, в папку: wp-content/themes/ваша тема/

Закачка файла

  • Теперь этот файл можно будет редактировать из админ-панели. Пункт «Внешний вид» — «Редактор».  Выбираем mail.php.

Выбираем mail.php

  • Вставляем следующий код. Там, где я указал изменяем адреса почты и блога на свои значения. Это 1, 11 и 15 строки.
<meta http-equiv='refresh' content='5; url=http://bikersky.ru/'>
<meta charset="UTF-8" />
<?php
if (isset($_POST['name'])) {$name = $_POST['name']; if ($name == '') {unset($name);}}
if (isset($_POST['email'])) {$email = $_POST['email']; if ($email == '') {unset($email);}}
if (isset($_POST['sub'])) {$sub = $_POST['sub']; if ($sub == '') {unset($sub);}}
if (isset($_POST['body'])) {$body = $_POST['body']; if ($body == '') {unset($body);}}

if (isset($name) && isset($email) && isset($sub) && isset($body)){

$address = "mifist666@gmail.com";
$mes = "Имя: $name \nE-mail: $email \nТема: $sub \nТекст: $body";
$send = mail ($address,$sub,$mes,"Content-type:text/plain; charset = UTF-8\r\nFrom:$email");
if ($send == 'true')
{echo "Сообщение отправлено, через 5 секунд Вы будете направлены на главную страницу, где сможете продолжить чтение <a href='http://bikersky.ru/'>моего блога</a>";}
else {echo "Ошибка, сообщение не отправлено!";}
}
else
{
echo "Вы заполнили не все поля, необходимо вернуться назад!";
}
?>

Вставляем код

  • Нажимаем «Обновить файл».
  • Теперь займемся созданием формы обратной связи. Нажимаем «Страницы» — «Добавить новую». Вводим заголовок.
  • Нажимаем «Текст». Вставляем код. В 1 строке измените значение action на свое.

Текст

<form name="MyForm" action="/wp-content/themes/bikersky/mail.php" method="post">
<p><input class="input" name="name" type="text" style="width:31%" value="Ваше имя" /> Ваше имя</p>
<p><input class="input" name="email" type="text" style="width:31%" /> E-mail</p>
<p><input class="input" name="sub" type="text" style="width:31%" /> Тема сообщения</p>
<p>Текст сообщения:<br /><textarea name="body" cols="1" rows="5" style="width:98%" /></textarea></p>
<p><input value="Отправить" type="submit" /></p>
</form>
  • Нажимаем «Опубликовать». Проверяем работу.

Проверка работы

  • Я отправил тестовое сообщение, проверяю почту.

Все работает!

Все работает!

  • Насколько видите все работает, письмо пришло моментально.

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

Существует два способа стать счастливым: улучшить реальность или снизить ожидания. Джоди Пиколт ©.

С уважением,