Как создать форму обратной связи в WordPress (используя плагин Contact Form7)

Этот видео туториал наглядно демонстрирует, как добавить форму обратной связи в ваш сайт на WordPress используя плагин Contact Form 7.

Как создать форму обратной связи в WordPress (используя плагин Contact Form7)

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

   1. Откройте панель управления WordPress:

      

   2. Перейдите в меню Плагины (Plugins) и нажмите на Добавить новый (Add New):

      

      Можно воспользоваться поиском и загрузить плагин из интернета, для этого введите Contact Form 7 в поле поиска, вы увидите детальную информацию о плагине и сможете его установить:

      

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

   В результате успешной установки плагина вы увидите новую вкладку Контакты (Contact) в левой колонке панели управления сайта. Нажмите на ней:

   

   1. Посредством данного плагина можно редактировать уже имеющуюся на сайте форму обратной связи или же создать новую, просто нажав на Добавить новый (Add New) вверху экрана:

      

   2. Используйте выпадающий список Создать тег (generate Tag) для того, чтобы включить в форму коды для каждого из полей, как, например, текстовое поле (Text field), текстовая область (text area), флажки (checkboxes), и т. д., а затем скопируйте полученный код в поле слева.

      

   3. Для каждого сгенерированного кода есть возможность ‘добавить этот код в блок Mail. (And, put this code into the Mail fields below.)‘. Скопируйте полученные коды и добавьте в блок Mail, чтобы задать вид сообщения, которое будет отправлено через эту форму (определить структуру сообщения, отправленного посетителем вашего сайта):

      

   4. Нажмите Сохранить (Save) и скопируйте код только что созданной формы обратной связи, чтобы вставить его на одну из страниц вашего сайта:

      

3. Добавление формы обратной связи в текстовый виджет (Text Widget):

   1. Перейдите в меню Дизайн (Appearance) > Виджеты (Widgets):

      

   2. Переместите виджет Текст (Text) в область Sidebar (или любую другую область виджетов):

      

   3. Вставьте код в текстовый виджет и нажмите Сохранить (Save):

      

   4. Откройте страницу Блога (Blog), форма обратной связи появится в правой колонке:

      

4. Создание страницы с формой обратной связи и добавление этой страницы в меню :

   1. Для создания новой страницы откройте меню Страницы (Pages) и нажмите Добавить новую (Add New):

      

   2. Вставьте код формы обратной связи в поле содержимого (Content) этой страницы и нажмите Опубликовать (Publish):

      

   3. Перейдите в меню Дизайн (Appearance) > Меню (Menus):

      

   4. Выберите Header Menu:

      

   5. Перетяните кнопку для новой страницы в меню и нажмите кнопку Сохранить меню (Save Menu):

      

   6. Обновите сайт, чтобы увидеть новую кнопку меню, нажмите на ней — откроется новая страница с формой обратной связи:

      

Вы также можете воспользоваться детальной видео версией туториала:

Как создать форму обратной связи в WordPress (используя плагин Contact Form7)