Создание форм

Тема имеет встроенные возможности для создания форм. Вы можете создавать формы с помощью WPBakery Page Builder.
WPBakery Page Builder обеспечивает максимальную гибкость при создании форм обратной связи, подписки, входа/регистрации/восстановления пароля.

Как создать форму

Перед созданием форм включите WPBakery Page Builder для типа записи form_post
Как включить конструктор страниц для пользовательских типов записей

Вы можете импортировать готовые формы из демо данных или создать их самостоятельно.

  1. Перейдите в раздел KSF SmartKit > Формы в сайдбаре административной панели WordPress и нажмите Добавить новую форму.
  2. Введите название для формы (например, «My new form»).
  3. Добавьте элементы форм, используя WPBakery Page Builder (узнать об использовании конструктора страниц можно здесь).
  4. Нажмите кнопку Опубликовать.

Как добавить поля формы

  1. Зайдите экран редактирования формы и нажмите на кнопку + в колонке, в которую вы хотите добавить элемент формы.
  2. Перейдите на вкладку Формы и найдите нужный элемент во всплывающем окне и кликните по нему, чтобы добавить его в форму.
  3. Задайте ID, стили и параметры валидации в окне настроек поля.
  4. Сохранить изменения.
doc-forms-form-elements
Если поле ID доступно, для правильной работы формы нужно ввести в него любой идентификатор.
Используйте символы «a-z» и подчеркивание «_».
doc-forms-field-insert-1

Использование капчи

Для того, чтобы защитить ваш сайт от спама и прочих видов автоматизированных вредоносных действий, добавьте элемент Капча в форму.

Поле Капча в SmartKit рабоатет на основе сервиса Google reCAPTCHA.
Чтобы начать использовать reCAPTCHA, вам необходимо зарегистрироваться в своей учетной записи Google и сгенерировать пару ключей API для своего сайта.
Вы можете найти полное руководство здесь.

Перейдите к SmartKit > Настройки темы > Интеграции, установите пару ключей API и сохраните настройки темы.

Как настроить форму

На экране редактирования формы откройте Настройки экрана и активируйте Настройки формы.

doc-forms-screen-options

Scroll down and configure Form settings in metabox.

Прокрутите страницу вниз, перейдите в метабокс Настройки формы и настройте необходимые параметры.

doc-forms-metabox

Выберите тип формы. Имеется 5 типов форм:

  • Форма обратной связи
  • Форма входа
  • Форма регистрации
  • Форма восстановления пароля
  • Форма подписки

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

Форма обратной связи

Данные из формы могут быть отправлены на указанный адрес электронной почты или сохранены в базе данных сайта.

Обязательные настройки формы: Email и шаблон письма.

Опция Сохранять отправленные данные форм в базу данных позволяет сохранять данные формы в базе данных.
Для управления сообщениями, отправленными в форму, перейдите в раздел KSF SmartKit > Сообщения форм.

Пример полей формы обратной связи
ПолеЭлементТипIDОбязательное?
Ваше имяПоле вводаТекст«name»+
EmailПоле вводаEmail+
ТемаПоле вводаТекст«subject»+
СообщениеТекстовое поле«message»+
ОтправитьКнопкаОтправка формы
Пример шаблона письма

Сообщение от сайта [site_url]
[form_title]
Имя: [name]
Email: [email]
Тема: [subject]
Сообщение: [message]

Форма входа

Вы можете создать любую форму входа с помощью редактора форм и заменить стандартную форму WordPress.

Набор обязательных полей
ПолеЭлементТипIDОбязательное?
Имя пользователяПоле вводаЛогин+
ПарольПоле вводаПароль+
Запомнить меняЧекбокс«remember»
ВойтиКнопкаОтправка формы

Форма регистрации

Вы можете создать любую форму регистрации с помощью редактора форм и заменить стандартную форму WordPress.

Набор обязательных полей
ПолеElementТипОбязательное?
Имя пользователяПоле вводаЛогин+
ПарольПоле вводаПароль+
Повтор пароляПоле вводаПовтор+
ОтправитьКнопкаОтправка формы

Форма восстановления пароля

Вы можете создать любую форму восстановления пароля с помощью редактора форм и заменить стандартную форму WordPress.

Набор обязательных полей
ПолеЭлементТипОбязательное?
Имя пользователяПоле вводаЛогин+
ОтправитьКнопкаОтправка формы

Форма подписки

Форма подписки имеет интеграцию с сервисом MailChimp.
Перейдите к Smart Kit > Настройки темы> Интеграции, установите ключ API MailChimp и сохраните настройки темы.

Набор обязательных полей
ПолеЭлементТипОбязательное?
EmailПоле вводаEmail+
ПодписатьсяКнопкаОтправка формы

Для того, чтобы интегрировать текущую форму с Mailchimp, установите Mailchimp Audience ID.
Как найти свой Mailchimp Audience ID
Для нормальной работы формы, названия идентификаторов полей (ID) должны совпадать с идентификаторами полей в Mailchimp.

Как добавить форму на страницу

  1. Перейдите на экран редактирования, где вы хотите вставить форму. Это может быть контент отдельной страницы, шапка или футер.
  2. Нажмите кнопку Добавить элемент в редакторе WPBakery Page Builder.
  3. Найдите компонент Форма во всплывающем окне и кликните, чтобы его добавить.
  4. Выберите название формы («My new form») из списка.
  5. Нажмите кнопку Сохранить изменения.

Готово. Ваша форма добавлена.

doc-forms-form-insert-1

Вы также можете добавить форму с помощью шорткода точно так же, как в случае блоков контента.

Для того, чтобы использовать кастомные формы входа, регистрации, создайте отдельные страницы с этими формами.
После этого перейдите в раздел KSF SmartKit > Опции темы > Интеграции > Страницы входа/регистрации и установите страницы входа и регистрации.
Назад к документации
Начало работы
Установка и обновления
Настройки темы
Создание сайта
Общие вопросы