WordPress. Контакт Форма. Расширенная настройка

ContactForm 7 для WordPress позволяет гибко настраивать контакт-форму. Эта обучающая статья показывает, как с ней работать. Подразумевается, что плагин Contact Form 7 уже установлен на Вашем сайте. Если нет, то ознакомитесь с инструкциями по установке Как создать контакт-форму в WordPress.

Структура

Чтобы работать с формами, нажмите кнопку “Contact” в меню слева:

На следующий странице Вы увидите:

Список существующих форм и опцию “Add new” , чтобы добавить больше форм на страницы, посты или текстовые виджеты.

Текущая контакт-форма с кодом, который добавляет ее на страницу, а также опции скопировать или удалить их.

Сама форма, а также опции, которые позволяют добавить новые поля.

Вам не нужно беспокоится о сложности синтаксиса тегов. Вы можете использовать инструмент “GenerateTag” , чтобы добавить необходимые теги. У Вас будет такие опции как добавление выпадающего меню, радио-кнопки, флажки, CAPTCHA, загрузка файлов и т.д. Просто добавьте новое поле и заполните его одним из предложенных вариантов. После завершения, тег будет добавлен автоматически. Теперь нужно скопировать код в форму с правой стороны.

Давайте детальнее рассмотрим первый тег:

  <p>Your  Name (required)<br />
  [text* your-name] </p>
  

В это поле посетитель Вашего сайта заполняет свое имя. В этом теге один параграф и один перенос строк. Т.е. поле ввода будет на второй строчке. Текст «Your name (required)» можно легко изменить, скажем, на «Your Full Name (required)».

Второе слово в этом теге это имя. Оно важно, т.к. используется позже в шаблоне.
The second word in the tag is its name. The name of [text* your-name] is ‘your-name. This name is important as it is used later in your mail template:

• text: определяет текстовое поле.
• *: определяет то, что это поле является обязательным.
• your-name: это имя поля.
• Настройки email (на который, будут приходить письма с формы)
• Message body тело письма.

Настройки

Вот настройки для каждого поля:

[A] Основные поля хедера (To, From и Subject):

Это основные и необходимые поля хедера сообщения и Вы можете добавить теги где-либо в этих полях.

[B] Message body (Тело письма):

Это тело письма, и Вы можете добавить mail теги где-либо в этом поле.

[C] Additional headers (Дополнительные хедеры):

Вы можете добавить дополнительные поля, такие как, Cc и Bcc.

[D] File attachments (Вложения):

Если Вы добавляете загруженные файлы к письму, добавьте mail tags для загруженных файлов в это поле.

[E] Use of HTML (Использование HTML):

По умолчанию, обычный текст используется для тела письма. Чтобы использовать HTML, поставьте здесь флажок.

[F] Mail (2):

Mail (2) дополнительное поле, которое работает также как и Mail.

Вы можете редактировать шаблоны почты в поле ‘Mail’ точно также как и шаблоны формы. Теги шаблонов почты отличаются от тегов шаблонов формы.

Теги шаблонов почты включают одно слово, заключенное в квадратные скобки, и выглядят как: [your-name].

Пример

Теги соотносятся сотвественно. В письме, [your-name] будет замещен именем пользователя, которое добавлено через соотвествующее поле формы [text* your-name].

Сообщения, которые Ваши пользователи видят можно редактировать.

Поле для дополнительных настроек (тут вы можете добавить код, чтобы использовать, функции, не указанные выше).

Сохраните изменения.

Пожалуйста, ознакомьтесь с детальным обучающим видео ниже:

How to configure wordpress contact form

Вы можете найти более подробную информацию об этом плагине:

• The plugin’s official page on WordPress.org
• Официальный сайт плагина