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

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

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

WordPress. Contact form 7. Расширенная настройка

Добрый день! Из этого туториала Вы узнаете, как настроить Контактную форму в WordPress на основе плагина Contact Form 7.

WordPress. Contact form 7. Расширенная настройка

В WordPress контактная форма часто настраивается при помощи плагина Contact Form 7.

Давайте узнаем, как настроить контактную форму.

Войдите в админ панель WordPress.

  1. Перейдите на вкладку Контакты -> Контактные формы (Contact -> Contact Forms):

    wordpress_contact_form_7_advanced_configuration_1
  2. Затем, нажмите на название контактной формы, для того чтобы открыть её для редактирования:

    wordpress_contact_form_7_advanced_configuration_2

Теперь, когда открыто окно редактирования Contact Form 7, начните настраивать форму.

В экране редактирования формы Вы найдёте 4 основные вкладки: Форма (Form), Электронная почта (Mail), Сообщения (Messages) и Дополнительные настройки (Additional Settings):

wordpress_contact_form_7_advanced_configuration_3

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

Вкладка Форма (Form) включает структуру формы. Здесь Вы можете настроить то, как отображается форма и из каких она состоит полей:

wordpress_contact_form_7_advanced_configuration_4

Как видно на скриншоте выше, форма включает поля: "Имя" (Name), "Адрес электронной почты" (E-mail), "Телефон" (Phone) и "Сообщение" (Message), а также кнопки «Очистить» (Clear) и «Отправить» (Send).

Поля можно добавить/редактировать, используя теги сообщения формы, например, «текст» (text), «адрес электронной почты» (email), «флаговые кнопки» (checkboxes), «радиокнопки» (radio buttons) и т.д.:

wordpress_contact_form_7_advanced_configuration_5

Давайте перейдём на вкладку Электронная почта (Mail), которая отвечает за настройку адреса электронной почты, на который приходят электронные письма.

Вкладка Электронная почта (Mail) включает такие поля, как «Кому» (To), «От кого» (From), «Тема сообщения» (Subject), «Дополнительные хедеры» (Additional Headers) и «Основное содержимое сообщения» (Message Body):

wordpress_contact_form_7_advanced_configuration_6

Вверху вкладки Электронная почта (Mail) Вы увидите теги сообщения (mail-tags), которые Вы можете использовать в полях формы:

wordpress_contact_form_7_advanced_configuration_7

Теги сообщения (Mail-tags) создаются автоматически, когда Вы добавляете их в поля Формы (Form), Вы увидите четыре тега сообщения, доступные для использования в полях, так как у Вас создано только четыре тега ("Имя" (Name), "Адрес электронной почты" (E-mail), "Телефон" (Phone) и "Сообщение" (Message)).

Обратите внимание! Для того чтобы правильно настроить форму, поля должны содержать те теги сообщения, которые используются в структуре формы во вкладке “Форма”, иначе форма работать не будет.

Введите адрес электронной почты, куда должны приходить электронные письма, в поле «Кому».

Поле «От кого» должно содержать следующую строку:

[your-name] <noreply@templatetesting.com>

шде Вы должны использовать ваше доменное имя вместо templatetesting.com.

Не забудьте заполнить остальные поля соответствующими тегами.

Давайте перейдём на вкладку Сообщения (Messages).

Она включает текст всех сообщений, которые видит пользователь, когда выполняет определённые действия с формой, например, «Sender’s message was sent successfully», «Validation errors occurred» и т.д.:

wordpress_contact_form_7_advanced_configuration_8

Вкладка Дополнительные настройки позволяет добавить сниппеты настройки (customization snippets). Вы можете узнать об этом больше на следующей странице: Дополнительные настройки.

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

wordpress_contact_form_7_advanced_configuration_9

Это конец данного туториала. Теперь Вы знаете, как настроить Контактную форму в WordPress на основе плагина Contact Form 7.

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

WordPress. Contact form 7. Расширенная настройка
 
Чат
We help you to choose the right product.
Начать чат