Добавляем контактную форму с помощью contact form 7

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

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

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

Установка и настройки contact form 7

На панели инструментов переходим в раздел «Плагины», нажимаем «Добавить новый». В поисковую строку вбиваем Contact Form 7, устанавливаем и нажимаем активировать. У вас должен появиться значок в меню с названием нашего плагина. Или можете скачать отсюда.

Кликаем на него и далее жмём Добавить новую, откроется вот такое окно.

contact form 7

 

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

 

Настройка сообщений

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

После открытия следующей вкладки Письмо. Появится вот такое окно.

 

 

В строке Кому, введите ваш электронный адрес на который будут приходить письма. Строка От кого, будет показывать откуда сообщения. My Blog можно заменить на любую надпись, главное чтобы было понятно откуда письмо.

Уведомления при отправке можно оставить стандартными. Зайдите для ознакомления, можете изменить под себя.

Далее жмём сохранить и у вас появится созданная форма, в разделе Контактные формы.

 

 

Создайте новую страницу, на которой будет находиться ваша контактная форма. Можно назвать ее например: Связаться со мной, Связь, Контакты…

Скопируйте код, который я выделил желтым цветом и вставьте в тело страницы, в текстовом режиме. И далее нажмите опубликовать.

 

 

Обновляем страницу и наша форма готова. Обязательно отправьте себе тестовое письмо и проверьте правильно ли вы всё сделали. 

Как видите, через плагин Contact form 7 довольно оперативно можно настроить вашу форму.

Рад если был полезен, до встречи…

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

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