TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

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

42

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

По теме: Как добавить и настроить контактную форму в Weebly?

Поля формы Weebly RSVP

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

Поля формы:

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

Состав:

Базовый:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавьте и настройте форму RSVP на сайте 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>

Источник записи: www.webnots.com
Leave A Reply

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее