Руководства/Создание контента/Блоки/Вставка контактной формы

Вставка контактной формы

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

Вставка формы

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

  1. Нажмите кнопку «+» инструмента вставки блоков .
  2. Выполните поиск по ключевому слову form и щёлкните по результату, чтобы вставить новый блок «Форма» в область контента.
В инструменте вставки блоков блок «Форма» называется просто «Форма».
  1. Выберите один из следующих вариантов макета (какой бы вариант вы ни выбрали, его можно будет отредактировать позже по вашему вкусу):
    • Выберите шаблон, который больше всего подходит к типу создаваемой формы:
      • контактная форма;
      • форма ответа на приглашение;
      • форма регистрации;
      • форма записи;
      • форма обратной связи;
      • форма Salesforce для сбора лидов.
    • Нажмите кнопку «Паттерны форм», чтобы выбрать один из профессионально разработанных готовых макетов.
    • Опишите свою форму помощнику на базе ИИ, чтобы он создал её для вас.
Блок «Форма», где показаны готовые варианты форм, в том числе контактная форма, форма ответа на приглашение и помощник на базе ИИ.

💡

Если вы не видите блок «Форма», скорее всего, у вас веб-сайт WordPress.org. Установите бесплатный плагин Jetpack, чтобы добавить на сайт блок «Форма».

Как использовать готовый макет формы

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

  1. Нажмите кнопку «+» инструмента вставки блоков в левом верхнем углу или в любом месте внутри редактора.
  2. Выберите вкладку «Паттерны».
  3. Прокрутите страницу или найдите макеты форм, набрав form на панели поиска.
  4. Выберите макет формы и щёлкните по нему один раз, чтобы поместить его на страницу.
  5. Настройте поля и другой контент в паттерне формы по необходимости.
  6. Измените необходимые настройки, например текст-заполнитель и тему письма.
  7. Просмотрите внесённые изменения, а затем нажмите кнопку «Опубликовать» или «Сохранить».

Укажите, что должно происходить после отправки формы

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

  1. Выберите Представление в виде списка в верхнем левом углу редактора. Значок выглядит как три расположенные друг над другом горизонтальные линии.
  2. Найдите блок «Форма» и щёлкните по нему.
Блок «Форма» выбран в представлении в виде списка.
  1. В настройках блока «Форма» в правой части экрана нажмите «Действие после отправки», чтобы развернуть опции.
  2. В раскрывающемся списке «После отправки» выберите один из следующих вариантов:
    • Показывать содержание отправленных полей.
    • Показывать произвольное текстовое сообщение. Изменить текст по умолчанию «Сообщение отправлено» можно здесь.
    • Перенаправлять на другую веб-страницу (можно использовать для перенаправления посетителей на другую страницу вашего сайта или любого другого сайта).
  3. Нажмите кнопку «Опубликовать» или «Сохранить» вверху страницы.

Другие типы форм

Если вы хотите вставить форму (не обязательно контактную форму), рассмотрите варианты.

  • Вы можете добавить блок «Подписаться», чтобы посетители могли следить за публикациями в вашем блоге или подписываться на него.
  • Для регистрации посетителей в списке рассылки можно использовать различные инструменты, в том числе блок Mailchimp, виджет MailerLite и плагин MailPoet.
  • Чтобы сделать сайт интерактивным, можно использовать анкеты, опросы и викторины.
  • Вы можете вставлять формы других сервисов, в том числе Google Формы, Wufoo и Jotform.
  • Можно также установить плагин для форм, в том числе один из популярных вариантов, таких как Contact Form 7, Gravity Forms и Ninja Forms. Если вам нужна помощь в работе с этими плагинами, обращайтесь непосредственно к их разработчикам.

Copied to clipboard!