Как создать форму WordPress с помощью выбора даты

Как создать WordPress форму с помощью выбора даты


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

В этой статье мы расскажем, как создать форму WordPress с помощью средства выбора даты..

Когда и почему вы должны добавить средство выбора даты в формах WordPress?

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

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

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

Создание формы WordPress с помощью выбора даты

Первое, что вам нужно сделать, это установить и активировать WPForms плагин. Для более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress..

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

Для начала мы выбираем Простая контактная форма шаблон.

Создать новую форму

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

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

Перетащите поле выбора даты

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

Изменить порядок полей

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

  • Метка: Это название поля даты / времени в вашей форме.
  • Формат: В этом раскрывающемся списке вы можете выбрать формат даты, времени или обоих.
  • Описание: Позволяет добавлять инструкции для пользователей ниже поля.
  • Необходимые: Если вы отметите эту опцию, то пользователь не сможет отправить форму, не выбрав дату / время в этом поле..

Помимо этих основных настроек, существуют расширенные опции для настройки дизайна и стиля поля даты / времени..

Настройки поля формы

Немногие из дополнительных опций включают в себя:

  • Размер поля: Для поля даты / времени доступны разные размеры экрана.
  • Свидание: Это заполнитель. Текст, который вы добавите сюда, будет отображаться пользователям по умолчанию. Рядом с ним вы также можете выбрать формат даты.
  • Тип: Вы можете выбрать тип для выбора даты. Есть 2 типа: сборщик даты и выпадающий список
  • Время: Это еще один заполнитель для времени. Вы также можете выбрать формат из 12 часов или 24 часов.

Есть много других пользовательских настроек, таких как интервал, скрыть метки и многое другое.

Расширенные настройки

Вы также должны проверить это руководство на как добавить собственный CSS в вашу форму для более подробных инструкций.

Не забудьте нажать на Сохранить кнопка для сохранения ваших изменений.

Настройки подтверждения и уведомлений

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

Настройки подтверждения формы

После этого вы можете перейти к Настройки »Уведомления страница для управления почтовыми уведомлениями для отправки формы. Вы также можете отправить несколько уведомлений на разные адреса электронной почты. Проверьте это руководство на как создать несколько уведомлений в WPForms.

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

Наконец, вам нужно нажать на Сохранить кнопка, чтобы увидеть вашу контактную форму в действии.

Показать форму на вашем сайте WordPress

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

Чтобы добавить форму на страницу, вам нужно перейти на Страницы »Добавить новый в WordPress. Просто нажмите кнопку Добавить форму над текстовым редактором..

Добавить форму на странице

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

WordPress форма с выбором даты

Однако, если вы хотите добавить форму на боковую панель или в любую другую область виджетов, перейдите к Внешний вид »Виджеты перетащить виджет WPForms в боковую панель. В настройках виджета вы можете выбрать форму, которую вы создали выше, и нажать на Сохранить кнопка.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map