Добавьте и настройте форму RSVP на сайте Weebly

RSVP расшифровывается как Répondez S’il Vous Plaît на французском языке, что означает запрос ответа. Как правило, контактная форма позволяет пользователю связаться с владельцем сайта с обратной связью или разъяснениями, тогда как форма RSVP предназначена для владельцев сайта, чтобы получить информацию от пользователей. Например, владелец сайта может легко получить подтверждение от пользователей, будут ли они посещать запланированное мероприятие, с помощью формы RSVP, чем через форму обратной связи. Weebly предлагает элемент формы RSVP с возможностью перетаскивания, и каждое поле можно настраивать отдельно.

Поля формы Weebly RSVP

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

Поля формы:

  • Краткое текстовое поле
  • Большое текстовое поле
  • Кнопки опций
  • Выпадающий список
  • Флажки
  • Загрузка файла для пользователя Pro
  • Имя, электронная почта, адрес и номер телефона

Структура:

Базовый:

  • Заголовок, текст, изображение и код для встраивания

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

Параметры формы

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

Параметры формы ответа Weebly

Доступны следующие параметры настройки:

Имя формы – Введите имя для вашей формы. Когда вы используете несколько форм на своем сайте, отправленные материалы можно легко просматривать и идентифицировать по имени формы.

Отправка электронной почты на – Это идентификатор электронной почты, по которому вы будете получать мгновенное уведомление всякий раз, когда будет отправлена ​​форма.

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

Интервал – Используется для регулировки расстояния между верхним и нижним полями элемента формы.

Отправить кнопку – Используется для выравнивания кнопки отправки влево, по центру или вправо относительно ширины вашей формы. Также вы можете ввести любой произвольный текст, например «Контакт», вместо «Отправить» в элементе кнопки.

Настройка на уровне поля

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

Инструкция и обязательное поле

Инструкция и обязательное поле

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

Параметры формы для профессионального пользователя

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

Файл загружен – Это профессиональное поле, которое помогает пользователю отправить форму с загруженным файлом. Это будет очень полезная функция, чтобы пользователь мог загрузить дополнительный документ или снимок экрана, что, в свою очередь, поможет вам обеспечить лучшую поддержку. 20 МБ – это максимальный размер файла, который может быть загружен в форму.

Добавление формы в нижний колонтитул – Помимо добавления формы RSVP в область содержимого сайта, пользователи Pro также могут добавить форму RSVP в области нижнего колонтитула.

Загрузка файла в форме Weebly

Загрузка файла в форме ответа Weebly

Просмотр записей формы

Ответы на записи формы RSVP можно просмотреть несколькими способами:

  • Нажмите на форму, чтобы увидеть кнопку «Просмотреть записи», нажатие которой откроет новое окно со всеми отправленными формами.
  • Вы также будете получать уведомление по электронной почте всякий раз, когда будет отправлена ​​форма.
  • Просматривайте отправленные формы прямо на панели инструментов.
  • Вы также можете использовать Weebly для iPhone или Android, чтобы просматривать записи в форме и отвечать на них на ходу.

Ниже показано, как контактная форма и форма RSVP будут выглядеть на сайте Weebly:

Образцы форм обратной связи и ответа Weebly

Образцы форм обратной связи и ответа Weebly

Уловки в использовании формы RSVP Weebly

  • Поскольку размер формы Weebly RSVP не может быть изменен по умолчанию, поместите элементы «Разделитель» рядом с элементом формы, чтобы отрегулировать ширину формы.
  • Убедитесь, что у вас есть «Кнопки параметров» или «Флажки», чтобы избежать отправки форм спама.
  • По умолчанию цвет фона формы RSVP изменить нельзя. Щелкните правой кнопкой мыши форму на опубликованном сайте, нажмите «Проверить» или «Проверить элемент» и найдите номер формы вашей формы RSVP, как показано ниже:
Поиск формы RSVP №ID в Weebly

Поиск формы RSVP №ID в Weebly

  • Как только у вас будет форма #id, добавьте приведенный ниже код в раздел «Код заголовка» на вашей странице Weebly. Не забудьте заменить форму #id своим #id.
<style>
#form-880080948214216107 {
background-color: rgba(255, 235, 59, 0.2);
padding: 15px 15px 0 15px;
border-radius: 10px;
border: 1px solid rgba(158, 158, 158, 0.22);
}
</style>

Просмотреть форму ответа на запрос на сайте Weebly

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *