- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
WordPress. Contact form 7. Расширенная настройка
Август 21, 2015
Добрый день! Из этого туториала Вы узнаете, как настроить Контактную форму в WordPress на основе плагина Contact Form 7.
WordPress. Contact form 7. Расширенная настройкаВ WordPress контактная форма часто настраивается при помощи плагина Contact Form 7.
Давайте узнаем, как настроить контактную форму.
Войдите в админ панель WordPress.
Перейдите на вкладку Контакты -> Контактные формы (Contact -> Contact Forms):
-
Затем, нажмите на название контактной формы, для того чтобы открыть её для редактирования:
Теперь, когда открыто окно редактирования Contact Form 7, начните настраивать форму.
В экране редактирования формы Вы найдёте 4 основные вкладки: Форма (Form), Электронная почта (Mail), Сообщения (Messages) и Дополнительные настройки (Additional Settings):
Давайте рассмотрим каждую вкладку, для того чтобы узнать, для чего она используются.
Вкладка Форма (Form) включает структуру формы. Здесь Вы можете настроить то, как отображается форма и из каких она состоит полей:
Как видно на скриншоте выше, форма включает поля: "Имя" (Name), "Адрес электронной почты" (E-mail), "Телефон" (Phone) и "Сообщение" (Message), а также кнопки «Очистить» (Clear) и «Отправить» (Send).
Поля можно добавить/редактировать, используя теги сообщения формы, например, «текст» (text), «адрес электронной почты» (email), «флаговые кнопки» (checkboxes), «радиокнопки» (radio buttons) и т.д.:
Давайте перейдём на вкладку Электронная почта (Mail), которая отвечает за настройку адреса электронной почты, на который приходят электронные письма.
Вкладка Электронная почта (Mail) включает такие поля, как «Кому» (To), «От кого» (From), «Тема сообщения» (Subject), «Дополнительные хедеры» (Additional Headers) и «Основное содержимое сообщения» (Message Body):
Вверху вкладки Электронная почта (Mail) Вы увидите теги сообщения (mail-tags), которые Вы можете использовать в полях формы:
Теги сообщения (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» и т.д.:
Вкладка Дополнительные настройки позволяет добавить сниппеты настройки (customization snippets). Вы можете узнать об этом больше на следующей странице: Дополнительные настройки.
Не забудьте нажать на кнопку «Сохранить» (Save), когда Вы закончите настройку формы, для того чтобы сохранить внесённые изменения:
Это конец данного туториала. Теперь Вы знаете, как настроить Контактную форму в WordPress на основе плагина Contact Form 7.
Вы можете также ознакомиться с детальным видео-туториалом ниже:
WordPress. Contact form 7. Расширенная настройка