Добрый день, дорогие читатели блога Blog-Bridge.ru. Сегодня я решил затронуть такую тему, как взаимодействие между посетителями и автором блога. Посидев в интернете и просмотрев множество ресурсов, я пришел в небольшой шок. Оказывается, еще существуют ресурсы, на которых нет возможности напрямую написать свой вопрос автору.

Я не беру во внимание комментарии, ведь они выставлены на всемирное обозрение. Но бывают моменты, которые хотелось бы обсудить, как говориться, с глазу на глаз. Ведь не так сложно установить у себя WordPress плагин формы обратной связи Contact Form 7 и при этом будут решены множество вопросов.

Мне сложно представить в век тотальной нехватки времени, лени и прагматизма, чтобы человек зайдя на ресурс, брал и копировал электронный адрес, заходил к себе на почту, писал вопрос, нажимал кнопку отправить и т.д. Пока он совершит все эти действия, он уже забудет что хотел спросить 🙂 , а что хуже – случайно закроет страничку владельца блога. И все, ваш потенциальный постоянный читатель потерян.

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

Первым делом нужно определиться среди множества представленных программ, какой именно вы воспользуйтесь для своего блога. Большинство моих знакомых отдают предпочтение Contact Form 7. Этот плагин является не только одним из самых распространенных, но и простым в настройках.

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

Для начала вам нужно установить Contact Form 7 себе на сервер. Как это сделать мы подробно рассказывали в этой статье.

Будем считать, что вы его установили, только не забываем активировать данный сервис. Теперь давайте непосредственно перейдем к настройкам и добавлениям формы себе на страничку «Обратная связь».

Настройка Contact Form 7

Итак, после установки в административной панели у вас появится новое меню под названием «Contact Form 7».

Нажмем «Добавить новую». В открывшемся окне нам представляется возможность выбора используемого языка интерфейса. По умолчанию стоит «Русский».

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

Теперь давайте перейдем к следующему полю под названием «Шаблон формы».

В нем мы видим два окна, в первом (1) мы формируем внешний вид нашей формы, во втором (2) находится генератор тегов, при помощи которых можно вставить дополнительные поля.

По умолчанию в первом окне содержится пять полей: «Ваше имя», «Ваш e-mail», «Темы», непосредственно «Сообщение» и кнопка «Отправить».

Если вы удалите тег <br />, то во внешнем виде формы название полей будут располагаться в одну строчку с выводимым полем, как на картинке ниже.

Также вы можете менять местами блоки путем изменения порядка их расположения в данной форме. Ну, а если вы посчитаете не нужным, например, поле «тема», то просто удалите его.

Кстати, чуть не забыл в некоторых полях вы видите символ звездочка «*». Он означает, что данный пункт обязателен для заполнения.

Добавление нового поля в форму

Если вы хотите видоизменить форму, то плагин предусматривает возможность добавить новое поле. Как это сделать давайте я расскажу более подробно, а то возможно, это вызовет у некоторых пользователей сложности. Итак, давайте добавим в стандартную форму еще одно поле, например, «Номер телефона».

В шаблоне формы справа нажимаем «Сгенерировать тег» и выбираем «Номер телефона».

В появившемся меню нам представляется возможность настроить данное добавление более полно.

Если вы решите, что данный пункт требует обязательного заполнения и в нем нужно проводить проверку (чтобы введённое значение было корректным), то поставьте галочку перед «Обязательное поле».

Следующий три пункта позволяют задать свой собственный стиль поля, путем присвоения ему имени, номера и CSS класса.

Также вы можете изменить размер и максимальную длину текстового поля.

Еще вы можете показать подсказку по заполнению посетителем данного поля путем активации чек бокса «Использовать как заполнитель?» и задания «Значения по умолчанию».

В конечной форме это будет выглядеть так:

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

Меню «Письмо» позволяет нам задать электронный адрес, куда будут приходить письма, а также отредактировать форму шаблона письма.

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

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

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

Нам остается перейти во вкладку «Страница» в административной панели WordPress, найти (или создать) «Обратная связь» и нажать «Изменить».

В открывшемся окне вставляем код обратной связи и нажимаем «Обновить».

Вот и все, форма обратной связи создана.

Установка капчи

Да, и не забудьте установить капчу, дабы избежать захламления своего ящика. Она устанавливается также при помощи генерации тега, только для ее работы потребуется установить плагин Really Simple CAPTCHA.

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

Видео «Как сделать форму обратной связи WordPress. Плагин Contact Form 7»

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

Также напоминаю, что на нашем youtube-канале мы выкладываем видео из личной жизни. Подписывайтесь и будем дружить 🙂

Друзья, если у вас возникнут вопросы, не теряйтесь, пишите в комментариях или через обратную связь.

Напишу вам конкретный пример, который показывает, как важна обратная связь в какой-бы то ни было ситуации. Вот, например, сегодня мне пришло СМС уведомление от моего сотового оператора Beeline, что номер заблокирован. Проверив баланс, я был удивлён, ведь там было достаточно средств для звонков. Думая, что это очередной развод, я решил позвонить в службу поддержки. Телефон их колл-центра мне не удалось вспомнить (т.к. не обращался к ним лет пять уже), и было принято решение поискать информацию у них на сайте.

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

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

Статьи в тему:

Hyper cache — настройка лучшего плагина по кэшированию

Как сделать хлебные крошки WordPress? Плагин Yoast SEO наш лучший помощник

Настройка Google XML Sitemaps или успех быстрой индексации вашего сайта

Простой способ защиты от спамеров: Akismet плагин

С уважением, Калмыков Антон