Categories

Новые шаблоны

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

Elina Webb Март 15, 2011
Rating: 4.4. From 5 votes.
Please wait...

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

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

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

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

      Wordpress_How_to_create_contact_form-1

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

      Wordpress_How_to_create_contact_form-2

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

      Wordpress_How_to_create_contact_form-3

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

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

    Wordpress_How_to_create_contact_form-4

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

      Wordpress_How_to_create_contact_form-5

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

      Wordpress_How_to_create_contact_form-6

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

      Wordpress_How_to_create_contact_form-7

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

      Wordpress_How_to_create_contact_form-8

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

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

      Wordpress_How_to_create_contact_form-9

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

      Wordpress_How_to_create_contact_form-10

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

      Wordpress_How_to_create_contact_form-11

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

      Wordpress_How_to_create_contact_form-12

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

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

      Wordpress_How_to_create_contact_form-13

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

      Wordpress_How_to_create_contact_form-14

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

      Wordpress_How_to_create_contact_form-15

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

      Wordpress_How_to_create_contact_form-16

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

      Wordpress_How_to_create_contact_form-17

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

      Wordpress_How_to_create_contact_form-18

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

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

Тема Wordpress
Эта запись была размещена в WordPress, WordPress туториалы и помечена как contact, create, form, WordPress. Добавьте в закладки постоянную ссылку.

Submit a ticket

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

Чат
We help you to choose the right product.