Устанавливаем форму обратной связи

Любому серьёзному сайту не обойтись без формы обратной связи. Она представлена в виде достаточно простого скрипта, при запуске которого пользователю откроется окно с несколькими полями. В этих полях отправители обычно указывают своё имя, e-mail и текст сообщения.

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

Некоторые плагины для создания контактных форм

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

  • Contact Form 7 — на примере этого плагина мы рассмотрим процесс создания обратной связи на сайте;
  • Contact Form Plugin — очень простой, легко настраиваемый, русскоязычный интерфейс. Функционал: возможность выбирать получателей сообщений (любой пользователь сайта) и отправления файлов;
  • SimpleModal Contact Form — простая форма всплывающего типа в модальном окне. Плагин на русском языке, правильность его заполнения проверяется;
  • Usernoise — очень лёгкий, красивый, не влияет на скорость загрузки страниц. После установки Usernoise на блоге будет видна плавающая кнопка, при нажатии произойдёт появление формы для ввода текста. Предусмотрен выбор ее типа: сообщение, вопрос, пожелание.

Создание формы с Contact Form 7

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

Вверху страницы будет видна форма поиска, в которую потребуется ввести название плагина «Contact Form 7».

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

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

После установки плагина в меню (левая колонка) появится новый пункт «Contact Form 7». При наведении курсора на этот пункт станет видно вложенное подменю. Нужно перейти в пункт «Добавить новую» для того, чтобы создать новую форму. Появится окно с предложением выбора языка, но так как на сайте по умолчанию стоит русский, можно просто нажать кнопку «Добавить новую». После этого появится окно с настройками.

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

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

Окончательные настройки

Нажимаем на кнопку «Сохранить», расположенную в верхнем правом углу окна, после чего переходим на вкладку «Формы», которая находится в меню «Contact Form 7».

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

contact form 7

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

Затем переходим на вновь созданную страницу и убеждаемся, что обратная связь на ней отображается. Эту страницу (Связь с администрацией) следует добавить, например, в основное меню сайта. Здесь же убеждаемся в работоспособности формы, отправив тестовое сообщение, которое должно придти на емейл, указанный в настройках. Пример простой формы можно увидеть на этом сайте на странице Контакты.

3

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

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