Урок 26. Форма обратной связи

 


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

В прошлом уроке «Подписка на новости блога (часть 2)» мы научились работать с формой подписки. А в этом уроке мы научимся создавать форму обратной связи и подключать её к странице с контактами. Итак, приступим.

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

Сперва вам необходимо скачать плагин Contact Form 7 и активировать его:

contact form 7

После этого в админки появится меню с названием плагина. Наведите на него курсор мыши и кликните по «Контактные формы»:

контактные формы

к оглавлению ↑

Предустановленная форма

Обратите внимание, что в таблице уже есть готовая форма обратной связи «Контактная форма 1»:

контактная форма 1

А в колонке «Шарткод» находится специальный код, который нам необходимо вставить на страницу с контактами:

шарткод

к оглавлению ↑

Вставка формы на страницу

Если вы ещё не создали эту страницу, то, пожалуйста, сделайте это. Во время создания страницы «Контакты», переключите редактор в режим текста:

режим текста

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

контактная форма на сайте

Если вы всё сделали правильно, то у вас будет аналогичная картина, что и на скриншоте выше.

к оглавлению ↑

Настройка формы обратной связи

Теперь давайте разберёмся с настройками формы обратной связи. Поступим проще, и отредактируем стандартную форму. Для этого вернитесь в «Контактные формы», наведите курсор мыши на название формы и нажмите «Изменить». Затем обратите внимание, справа от надписи «Редактировать контактную форму», расположена кнопка «Добавить новую»:

добавить новую форму

Клик по ней и создание новой формы будет для вас домашним заданием. А пока разберёмся с уже существующей формой и её настройками.

Чуть ниже кнопки «Добавить новую» расположено поле с названием контактной формы, кликнув по которому название можно изменить. Спускаемся ещё ниже и видим уже знакомый нам шарткод. Весьма удобно, что он дублируется в настройках формы. Чуть ниже шарткода расположены вкладки: шаблон формы, письмо, уведомления при отправке формы и дополнительные настройки. Сначала разберёмся с вкладкой «Шаблон формы»:

шаблон формы

к оглавлению ↑

Шарткоды

Обратите внимание на панель шарткодов:

панель шарткодов

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

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

Обратите внимание, что в форме задействовано много тегов и шарткодов. Будьте внимательны, и вносите изменения только в русскоязычные слова и словосочетания, например, «Ваше имя (обязательно)», Ваш e-mail (обязательно) и т.д. Эти фразы можно немного подкорректировать, но помните, что логичней подписывать поле исходя из шарткода. Например, второе поле «Ваш e-mail (обязательно)» имеет шарткод [email* your-email], поэтому переименовать, например, в «Ваше имя», нельзя. Всё дело в валидации введённой информации. И если в поле с шарткодом [email* your-email] вести просто имя человека, то при отправке формы появится сообщение «Неверно введён электронный адрес». Думаю со вкладкой «Шаблон формы» всё ясно. Двигаемся дальше.

к оглавлению ↑

Служебный текст

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

Переходим ко вкладке «Уведомления при отправке формы»:

уведомления при отправке формы

В этой вкладке информацию в каждом поле можно изменить на своё усмотрение. Осталась последняя вкладка «Дополнительные настройки»:

дополнительные настройки

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

сохранить

к оглавлению ↑

Тестирование

Далее, протестируйте работу формы через страницу «Контакты». На этом урок завершён. Спасибо за внимание. Продолжайте в том же духе, и с каждым уроком вы будете обретать новые и полезные знания.

Делитесь полезной информацией с друзьями:

Рекомендую:

Книга «E-mail-маркетинг. Как привлечь и удержать клиентов» Д. Демин Книга «E-mail-маркетинг. Как привлечь и удержать клиентов» Д. Демин
Книга «Wordpress для начинающих» Дэрил Бартлетт Книга «Книга «Wordpress для начинающих» Дэрил Бартлетт

Сергей

Привет! Моё имя Сергей, и я — автор этого блога. Рад, что вас заинтересовал мой проект. Не забывайте оставлять комментарии к статьям. По всем другим вопросам обращайтесь через контактную форму на странице "Контакты".

Читайте также:

комментария 2

  1. Сергей П.:

    Сергей, а не лучше использовать чат в углу?

    • Сергей:

      Если вы желаете отвечать 24/7 на вопросы, то лучше. Чат, после интеграции в систему, добавляет внешние ссылки и кучу запросов. Следовательно это не есть гуд. Но когда он действительно необходим, то это оправдывает риски. Хотя для блога я не вижу смысла использовать чат. А вот если вы что-то продаёте, то чат может повысит конверсию.

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

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

Вверх