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

Купить быстрый WordPress Хостинг – Hostpro

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

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

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

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

Хостинг для WordPress – Hostpro

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

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

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

Хостинг для WordPress – Hostpro

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

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

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

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

Хостинг для WordPress – Hostpro

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

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

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

Хостинг для WordPress – Hostpro

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

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

Хостинг для WordPress – Hostpro

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

Хостинг для WordPress – Hostpro

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

Хостинг для WordPress – Hostpro

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

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

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

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

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

post thumbnail

Создание мультиязычного сайта с использованием плагина WPML для Divi шаблона

Если вы решили создать сайт на CMS WordPress, который будет отображаться на нескольких языках,...

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

post thumbnail

Настраиваем плагин iThemes Security для WordPress

iThemes Security (когда-то назывался Better WP Security) — один из наиболее популярных плагинов для WordPress,...

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

post thumbnail

11 способов восстановления забытого пароля администратора WordPress

Если вы по каким-то причинам не знаете правильный пароль в в админ-панель вашего WordPress-сайта...

Angela Beklemysheva | Обновлено: 27.09.2021

post thumbnail

Обзор премиум темы Divi

Divi – один из лучших премиум шаблонов WordPress, в таком мнении сошлось множество разработчиков....

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