Black Friday! Дарим до 3 месяцев вашего тарифа VPS!

Подробнее

Contact Form 7: настраиваем для WordPress форму обратной связи

post thumbnail

Форма обратной связи – обязательный элемент для каждого сайта, который хочет оставаться на связи со своими клиентами и пользователями, но при этом ограничить количество вредоносных сообщений и спама. Если вы еще не реализовали страницу связи, тогда самое время этим заняться. В WordPress существует специальный плагин – Contact Form 7. Он зарекомендовал себя как самый распространенный, простой и одновременно действующий плагин для создания формы связи, а количество его установок превысило 5 миллионов. 

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

1. Установка плагина Contact Form 7

Чтобы установить плагин, зайдите в админ панель вашего сайта и перейдите на вкладку Плагины, а затем Добавить новый. В строке поиска справа вверху напишите Contact Form 7 и найдите его. После нажмите Установить, а затем Активировать

Форма обратной связи для WordPress | Wiki HostPro

В левом боковом меню теперь появился сам плагин – Contact. В нем происходит его настройка. 

Чтобы приступить, нажмите Add New, чтобы создать новую форму обратной связи. 

Плагин Contact Form 7 для WordPress | Wiki HostPro

Вы попадаете в настройку самого плагина. В поле Form комбинируется внешний вид письма и доступные функции, нужные поля для ввода, обозначается названия полей и кнопок. Стандартно в шаблоне указано обычная форма с полем отправителя, куда вносится имя пользователя, текст письма, тема и кнопка отправить. Вы можете самостоятельно визуализировать письмо и внести изменения в текстовые блоки. Чтобы добавить нужные элементы – дату, телефон, текстовую область, опрос, возможность прикреплять файл и так далее – нажмите на одну из активных кнопок. 

Как сделать форму обратной связи на WordPress | Wiki HostPro

В Contact Form 7 есть 4 окна, каждое из которых отвечает за:

  • Form – создание внешнего вида формы обратной связи с помощью доступных инструментов;
  • Mail – настройка почты, куда будут приходить письма, заголовка письма, структуры от кого;
  • Messages – настройка уведомлений, которые будут отправляться пользователю, при различных ситуациях (письмо доставлено, ошибка в отправке, загружаемый файл слишком большой и так далее);
  • Additional Settings – окно для дополнительной настройки контактной формы через кодирование. 

2. Окно Form (Шаблон формы) 

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

Настройка Contact Form 7 для WordPress | Wiki HostPro

Заметьте, что элементы кода со звездочкой (*) обязательны для заполнения. 

3. Окно Mail (Письмо) 

Настройте само письмо: 

Настройка Contact Form 7 для WordPress | Wiki HostPro

4. Окно Messages (Настройка уведомлений) 

Настройте выводимые уведомления:

Настройка Contact Form 7 для WordPress | Wiki HostPro

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

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

Стандартное отображение формы будет примерно таким:

Плагин для формы обратной связи для WordPress | Wiki HostPro

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

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

WordPress хостинг с расширенной поддержкой

Максимальная скорость. Ежедневный бекап. SSL бесплатно

Telegram Hostpro

Наш телеграм

с важными анонсами, розыгрышами и мемами

Присоединиться

Возможно, вас заинтересует

Плагин AllinOneSEOPack Часть 2. Производительность и настройка модулей

Плагин AllinOneSEOPack Часть 2. Производительность и настройка модулей

Напомним, что мы разбираем настройки плагина «All in One SEO», который станет для вас...

Ruslan Holovatiuk | Обновлено: 22.07.2024

Плагин AllinOneSEOPack Часть 1. Основные настройки

Плагин AllinOneSEOPack Часть 1. Основные настройки

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

Ruslan Holovatiuk | Обновлено: 04.07.2024

Как исправить код языка в URL с uk на ua в WPML?

Как исправить код языка в URL с uk на ua в WPML?

Общепринято, что для URL украинской версии сайта используется код "ua". Однако в настройках WPML...

Diana Honcharenko | Обновлено: 05.05.2023

Как сделать украинскую версию сайта по умолчанию без смены URL?

Как сделать украинскую версию сайта по умолчанию без смены URL?

Украинскую версию сайта по умолчанию можно сделать несколькими способами. В этой статье мы расскажем...

Diana Honcharenko | Обновлено: 04.05.2023