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

Создавайте расширенные формы бесплатно с помощью плагина WordPress Visual Form Builder

526

Visual Form Builder – это плагин WordPress, который позволяет создавать пользовательские формы, которые посетители могут использовать, чтобы связываться с вами и отправлять вам информацию. Visual Form Builder не только позволяет создавать стандартные контактные формы для вашего веб-сайта, но и обладает целым рядом функций, которые упрощают создание более сложных форм для различных целей. В этом руководстве вы узнаете, что вы можете делать с помощью Visual Form Builder и как вы можете добавить к нему этот плагин форм WordPress для создания практически любого типа формы для вашего веб-сайта.

Что можно делать с помощью Visual Form Builder

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

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

  • Текст: идеально подходит для ввода одной строки текста
  • Текстовая область: используется для ввода более длинного сообщения
  • Флажок: отметьте несколько вариантов из списка
  • Радиокнопка: выберите только один вариант из списка
  • Выбрать список: выбрать элементы из списка
  • Адрес: физическое местонахождение, включая улицу, город и т.д.
  • Дата: с выбором даты
  • Электронная почта: адрес электронной почты отправителя
  • URL: адрес веб-сайта
  • Валюта: денежное выражение
  • номер
  • Время: 12 или 24 часа
  • Телефон: американские и международные форматы
  • HTML
  • Файл загружен
  • Инструкции: обычный текст или в формате HTML

Visual Form Builder также упрощает обеспечение того, чтобы посетители вводили правильную информацию в каждое поле формы, автоматически проверяя их.

Создавайте расширенные формы бесплатно с помощью плагина WordPress Visual Form Builder

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

Создавайте расширенные формы бесплатно с помощью плагина WordPress Visual Form Builder

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

  • Хранить отправленные материалы в базе данных WordPress
  • Экспорт отправленных материалов в виде файла CSV
  • Отправлять материалы на несколько адресов электронной почты
  • Перенаправлять пользователей на страницу или URL при отправке
  • Отправлять пользователям квитанции о подтверждении
  • Дублирующие формы для экономии времени
  • Упорядочить поля по столбцам
  • Настройте форму с помощью CSS

Как видите, вы можете многое сделать с помощью Visual Form Builder, помимо стандартных функций плагина базовой контактной формы.

Руководство по использованию Visual Form Builder

Поскольку мы рассматриваем бесплатную версию Visual Form Builder, ее можно установить на ваш сайт прямо через админку WordPress. Просто войдите в свою панель управления и перейдите в Плагины> Добавить новый.

Создавайте расширенные формы бесплатно с помощью плагина WordPress Visual Form Builder

Оказавшись там, найдите Visual Form Builder и нажмите кнопку «Установить сейчас», а затем ссылку «Активировать сейчас», чтобы добавить его на свой веб-сайт. После активации вы увидите новый пункт в меню боковой панели под названием «Конструктор визуальных форм». Оттуда вы можете настроить плагин, экспортировать формы, просмотреть отправленные формы и добавить новую форму. Поскольку в Visual Form Builder нет заранее созданных форм, первым делом нужно создать новую, щелкнув пункт меню «Добавить новую форму».

Создание новой формы

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

Создавайте расширенные формы бесплатно с помощью плагина WordPress Visual Form Builder

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

Создавайте расширенные формы бесплатно с помощью плагина WordPress Visual Form Builder

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

Создавайте расширенные формы бесплатно с помощью плагина WordPress Visual Form Builder

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

Создавайте расширенные формы бесплатно с помощью плагина WordPress Visual Form Builder

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

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

Visual Form Builder максимально упрощает вставку формы в сообщение или страницу благодаря кнопке, которая добавляется в редактор сообщений WordPress.

Создавайте расширенные формы бесплатно с помощью плагина WordPress Visual Form Builder

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

Создавайте расширенные формы бесплатно с помощью плагина WordPress Visual Form Builder

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

Просмотр отправленных форм

Visual Form Builder не только отправляет формы на выбранные вами адреса электронной почты, но и сохраняет их в вашей базе данных WordPress. Это означает, что вы можете легко вернуться и просмотреть все записи формы в одном месте в административной области WordPress, вместо того, чтобы искать в папке «Входящие». При просмотре индивидуальных материалов вы также можете распечатать их.

Создавайте расширенные формы бесплатно с помощью плагина WordPress Visual Form Builder

Вы также можете экспортировать сохраненные записи формы в виде файла CSV для просмотра в таком приложении, как Excel. Это позволяет очень легко фильтровать отправленные материалы, делиться ими с коллегами или создавать резервные копии для сохранности.

Создавайте расширенные формы бесплатно с помощью плагина WordPress Visual Form Builder

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

Заключение

Visual Form Builder – идеальный выбор для всех, кто хочет создавать более сложные формы, чем простая контактная форма для своего сайта. Однако, поскольку он настолько прост в использовании, даже те, кто ищет простое решение для контактной формы, сочтут его подходящим выбором, который дает им возможность создавать более сложные формы по мере роста их потребностей.

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

Получите бесплатный плагин WordPress для Visual Form Builder

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

Источник записи: https://www.wpexplorer.com

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