Руководства/Редактирование сайта/Редактор сайта/Формы/Создание формы обратной связи

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

Создавайте на сайте формы для получения сообщений, бронирований, регистраций, отзывов и др. Из этого руководства вы узнаете, как создать форму, чтобы разместить её на сайте.

Обучающее видео

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

Чтобы создать новую форму, выполните следующие действия.

  1. Откройте консоль сайта.
  2. Перейдите в раздел Jetpack → Формы.
  3. Нажмите кнопку «Создать форму» в правом верхнем углу.
An arrow pointing to the "Create a form" button.
  1. Присвойте форме имя (например, «Свяжитесь с нами») и нажмите кнопку Создать. Это имя отображается на консоли форм и помогает различать формы, если их несколько.
The form name field and Create buttons highlighted.
  1. В редакторе форм выберите один из предустановленных макетов, например: контактную форму, форму ответа на приглашение, форму регистрации, форму записи, форму обратной связи или многошаговую форму. Также можно ввести в текстовое поле описание желаемой формы.
The form block with pre-built layouts and a text field to ask AI to build the form.
  1. Добавляйте и настраивайте поля формы с помощью инструмента вставки блоков «+» внутри формы. Доступные типы полей: имя, адрес электронной почты, текстовое поле, флажок, переключатели, раскрывающийся список и загрузка файлов.
  2. Создавайте дизайн формы, меняя цвета, шрифты и макет в настройках стиля формы.

Выберите, что должно происходить после отправки

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

  1. Откройте представление в виде списка, нажав значок с тремя горизонтальными линиями в левом верхнем углу редактора.
  2. Выберите из списка блок «Форма».
An arrow from the List View icon to the Form block in the List View.
  1. На боковой панели настроек блока разверните раздел «Действие после отправки».
The "action after submit" settings showing options for a text or redirect link.
  1. Выберите опцию.
    • Текст: показывать произвольное сообщение. Вы можете изменить текст по умолчанию, решить, показывать ли сводку отправленных данных, а также включить ссылку «Назад».
    • Ссылка переадресации: отправлять посетителей на другую страницу после отправки.

Публикация формы

Когда форма будет готова, выполните следующие действия.

  1. Нажмите кнопку Опубликовать в правом верхнем углу редактора.
  2. Подтвердите, повторно нажав Опубликовать на появившейся панели.

Теперь форма сохранена и доступна для размещения на любой странице или в записи.

После публикации формы вы увидите следующие опции:

  • Разместить на новой странице: создать новую страницу уже с формой.
  • Разместить на имеющейся странице: выберите страницу, на которую нужно добавить форму.
  • Скопировать и вставить вручную: скопировать код вставки или шорткод, чтобы разместить форму вручную.

Выйдя из редактора форм, вы по-прежнему сможете разместить форму на любой странице. Подробнее см. в руководстве по блоку «Форма».

The post-publish options for adding a form to a page.

Получение уведомлений по электронной почте

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

По умолчанию уведомления будут направляться по адресу электронной почты вашей учётной записи WordPress.com. Чтобы изменить адрес электронной почты или добавить несколько получателей, выполните следующие действия.

  1. Откройте представление в виде списка, нажав значок с тремя горизонтальными линиями в левом верхнем углу редактора.
  2. Выберите из списка блок «Форма».
An arrow from the List View icon to the Form block in the List View.
  1. На боковой панели настроек блока разверните Уведомления формы.
  2. Проверьте, включён ли переключатель «Отправлять ответы на эл. почту».
  3. Введите адрес электронной почты в поле «Адрес электронной почты получателя». Разделяйте адреса электронной почты запятыми.
  4. Нажмите Сохранить.
The Form block's notifications settings with a text field labeled "Email Address to Send To"

Настройка темы письма

Тему электронных уведомлений можно настроить. В разделе Уведомления формы настроек блока введите текст в поле «Тема письма».

Чтобы включить в строку темы сведения из формы, введите имя поля в фигурных скобках. Например, если в форме есть поля «Имя» и «Адрес электронной почты», введите «{name};{email}», чтобы включить их в тему. Названия полей должны совпадать с метками в форме, и они не учитывают регистр.

The form block settings showing how the subject line can be customized.

Настройка push-уведомлений

Вы можете получать push-уведомления об ответах на формы в уведомлениях консоли и браузере. Чтобы включить push-уведомления, выполните следующие действия.

  1. Откройте представление в виде списка в редакторе.
  2. Выберите из списка блок «Форма».
  3. На боковой панели настроек блока разверните Уведомления формы.
  4. Включите «Активировать уведомления об ответах».
  5. Выберите, кто из пользователей вашего сайта будет получать уведомления.
  6. Нажмите Сохранить.
The  "Enable notifications for responses" option is toggled on and a site username is shown in the box below.

Настройка хранилища ответов

По умолчанию формы, отправляемые через блок «Форма», сохраняются под ответами в разделе Jetpack → Формы. Сохранять ответы на сайте особенно полезно, если сообщения, отправляемые по вашему адресу электронной почты, блокируются как спам.

Настройте хранилище ответов, выполнив следующие действия

  1. Откройте представление в виде списка в редакторе.
  2. Выберите из списка блок «Форма».
  3. На боковой панели настроек блока разверните «Хранилище ответов».
  4. Отключите опцию «Сохранять ответы», чтобы прекратить сохранение сообщений. Включите опцию «Сохранять ответы», чтобы хранить ответы на сайте.
The Save responses toggle under Response storage toggled on.

Что такое синхронизация форм

Каждая форма на вашем сайте хранится в виде записи формы. При размещении блока «Форма» на странице WordPress.com создаёт запись формы, связанную с этим блоком. Изменения предназначены для синхронизации следующих двух элементов:

  • при изменении блока «Форма» на странице обновляется запись формы;
  • изменения в редакторе форм приводят к обновлению страниц, где размещена эта форма.
  • На консоли форм в Jetpack → Формы все записи в форме размещаются централизованно.

Синхронизация происходит автоматически при сохранении. Если после размещения формы на странице она не появляется на консоли «Формы», преобразуйте её, выполнив следующие действия.

Copied to clipboard!