Форма обратной связи для Вордпресс



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

Форма обратной связи для Вордпресс

Как сделать контактную форму на движке Вордпресс?

Движок вы установили, все настройки сделали, шаблон подобрали, остается ещё один, довольно важный этап в создании сайта. А именно – настройки формы обратной связи.

Тут есть два подхода.

  • Первый самый простой. Вы просто создаёте страницу Контакты, или Про Автора, или любую другую, по вашему желанию. Пишите тот текст, который вы собираетесь донести до своих посетителей. А в конце ставите свой электронный адрес, Скайп, Аську и прочее. Просто, доходчиво, ничего настраивать не надо, никакой лишней нагрузки на сервер.
  • Второй – немного более трудоёмкий. Тут вам понадобится дополнительный плагин контактной формы. На той же самой странице Контакты, вы, в нужном месте вставляете форму, куда ваши посетители будут писать своё имя, электронный адрес, писать сообщение. На указанную почту будет приходить письмо с этим самым текстом и информацией об отправителе.

В принципе, оба варианта одинаковы по функционалу. Только в первом случае, посетителям надо самим копировать ваш адрес в почтовую программу, а во втором – просто заполнить форму и нажать кнопочку “Отправить”. Выбирать тут вам, это уже из разряда “юзабилити” и бытует мнение, что народ больше пишет через форму, чем просто по е-майлу. С другой стороны, кому надо тот напишет, а просто так, лишь бы ляпнуть…

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

Установка и настройка плагина контактной формы для WordPress

Тут всё, как обычно. Идем в админку, раздел Плагины, жмем Добавить новый. Вставляем заветное слово Contact Form, жмем кнопочку Поиск плагинов.

Перед нами куча разнообразных вариантов на любой вкус. Самые популярные тут Contact Form 7 и просто Contact Form.

Плагин для Вордпресс Contact Form простой в установке и настройке, легкий — не создаёт лишнюю нагрузку на сервер. На его примере и рассмотрим вариант создания формы обратной связи для сайта.

Скачали, установили, активировали. Тут процедура стандартная, сложностей не должно возникнуть.

Вот такая форма у нас должна получиться:

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

Контактная форма для WordPress

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

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

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

Сложного в настройке плагина Contact Form никакой нет.

  • Надо сначала указать тот адрес, на который вы будете получать письма из этой формы. Тут либо оставляете тот е-майл, который указан в админке, либо выбираете адрес зарегистрированного пользователя вашего сайта, либо пишите любой другой.
  • Ставим галочку в поле Дополнительные настройки – видим набор необходимых опций.
  • Поле Что использовать? не трогаем.
  • Заполняем поле ОТ, чтобы не путаться с какого вашего сайта получено сообщение.
  • Поле ‘FROM’ оставляем электронный адрес отправителя.
  • Расставляем галочки напротив необходимых полей вашей формы. В принципе, они уже проставлены по умолчанию.
  • Выбираем вариант защиты формы. Тут придется скачать дополнительный функционал капчи.
  • Пишем текст, который появится после отправки письма, или направляем посетителя на нужную страницу вашего сайта.
  • Жмем кнопочку Сохранить изменения.

Все, ваша первая форма готова, можно переходить к вставке на контактную страницу.

Вставка формы обратной связи на нужную страницу

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

  • Создаем страницу, не запись, под названием Контакты, или любую другую.
  • Пишем нужный текст, а в том месте, где вы хотите видеть вашу форму в невизуальном редакторе вставляем код формы [contact_form]
  • Сохраняем, любуемся вашим творением.
  • В меню делаем ссылочку на эту страницу.

Всё, форма готова, можно переходить к написанию интересных постов для вашего сайта.

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

Размещение контактной формы во всплывающем окне

Для начала, надо скачать дополнительный плагин FancyBox for WordPress. Тут процедура стандартная, ищем, качаем, активируем.

Теперь, на нашей странице Контакты, вместо кода ставки формы обратной связи пишем вот такой код:

Сохраняем, и любуемся тем, как, при клике по надписи Написать сообщение всплывает наша контактная форма. Функциональность тут спорная, но, для повышения уровня мастерства будет полезно.

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

Всем удачи и творческих успехов! :bye:

@ ПОДПИСАТЬСЯ НА НОВОСТИ САЙТА

Этот сайт работает на быстром, надёжном, не дорогом хостинге GIGAHOST

Поделиться:

Комментарии к “Форма обратной связи для Вордпресс

  1. Валентин:

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

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

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

:bye: 
:good: 
:za-nas: 
:wacko: 
:yahoo: 
:skromnost: 
:heart: 
:rose: 
:-) 
:yes: 
:cry: 
:mail: 
:unsure: 
;-)