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

Обзор ARForms: мощный и простой конструктор форм WordPress

352

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

Плагин можно приобрести на CodeCanyon за 39 долларов. Но прежде чем вы потратите деньги на плагин, вы можете протестировать его, чтобы почувствовать пользовательский интерфейс, предлагаемый последней версией.

Обзор ARForms: мощный и простой конструктор форм WordPress

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

Давайте начнем:

Возможности плагина ARForms WordPress Form Builder

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

Вот краткое изложение функций:

  • Визуальный редактор в реальном времени, который помогает вам видеть, что вы создаете, даже когда вы создаете форму, и позволяет мгновенный предварительный просмотр
  • Возможность создавать формы любого типа, от очень простых до очень сложных, включая всплывающие формы.
  • 12 готовых шаблонов форм для разных типов форм, каждый из которых можно детально настроить
  • Многоступенчатые формы с индикатором выполнения, чтобы вы не отпугнули пользователей одной бесконечной формой
  • Более 25 элементов формы доступны одним щелчком мыши, чтобы выбрать из них и добавить в форму
  • Легко перетаскивайте, чтобы добавлять элементы и поля, и переупорядочивайте их так, как вам нравится
  • Несколько готовых цветовых схем на выбор
  • Выбирайте шрифты из обширной библиотеки шрифтов Google fonts
  • Font Awesome иконки для улучшения ваших форм с помощью профессиональных векторных иконок, шрифтов и логотипов
  • Три стиля формы – материальная, округлая или стандартная.
  • Чтобы изменить размер столбцов, вам просто нужно перетащить границы
  • Добавьте переключатели или флажки и сделайте их привлекательными с помощью загрузки пользовательских изображений
  • Встраивайте различные мультимедийные элементы, такие как видео и карты
  • Всплывающие подсказки, которые появляются при наведении или щелчке мыши, чтобы побудить пользователей
  • Параметры маскирования для обеспечения того, чтобы пользователи вводили действительные данные в некоторые поля, например номер телефона.
  • Экономьте время, дублируя предыдущие формы и повторно используя их в качестве шаблонов
  • Если хотите, используйте собственный CSS для расширенной настройки.
  • Условная логика для умных форм, которая адаптируется даже при вводе данных пользователями
  • AJAX для отправки формы, поэтому нет необходимости перезагружать страницу
  • Контроль поведения формы после отправки
  • Пользователи могут редактировать записи даже после отправки
  • Автоматически предотвращать повторяющиеся записи
  • Математическая логика для выполнения расчетов на основе пользовательского ввода и получения итогов, средних значений и т.д.
  • Мощная аналитика с использованием графиков, карт и диаграмм
  • Импорт или экспорт данных, целых форм или настроек форм
  • Сохраняйте прогресс пользователей в формах и позволяйте им продолжить с того места, где они остановились
  • Встроенные параметры всплывающих окон, избавляющие вас от лишнего плагина
  • Индикатор надежности пароля как мера безопасности
  • Автоматическое уведомление по электронной почте о получении заявок
  • Поддерживает несколько систем электронного маркетинга, таких как MailChimp и AWeber.
  • Загружает Java CSS только тогда, когда это необходимо на странице, поэтому скорость не замедляется

Кроме того, плагин быстрый, отзывчивый (включая многоэтапные и всплывающие формы) и кроссбраузерность. Он поддерживает SMTP для электронной почты, RTL и ряд полезных бесплатных и платных надстроек. Работая с панели инструментов, вы получите полный контроль над стилем, положением и настройками формы. Плагин стремится быть максимально многофункциональным, но при этом оставаться простым в использовании.

Настройка ARForms

Теперь, когда у вас есть снимок функций, предлагаемых ARForms, давайте приступим к их использованию для создания и отображения форм. Сама установка плагина очень проста и при активации приводит вас к чистому интерфейсу с удобными инструментами. Работа с панелью управления плагином очень интуитивно понятна. Она отличается от обычной панели инструментов WordPress, но как только вы познакомитесь с ней, вы увидите, насколько легко использовать интерфейс.

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

1 Создание и настройка формы

Чтобы создать форму, начните с ARForms> Добавить новый. Вы найдете 12 шаблонов форм на выбор –

  • Пустой
  • Связаться с нами
  • Подписка
  • Обратная связь
  • Просьба ответить
  • Регистрация
  • Опрос
  • Заявка на работу
  • Пожертвование
  • Сделать запрос
  • Логин участника
  • Форма заказа

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

Обзор ARForms: мощный и простой конструктор форм WordPress

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

Каждый аспект создания и отображения формы можно настроить. Размеры формы можно изменить, указав ширину формы. Не забудьте присвоить форму заголовку и добавить к ней описание.

Обзор ARForms: мощный и простой конструктор форм WordPress

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

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

Обзор ARForms: мощный и простой конструктор форм WordPress

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

Обзор ARForms: мощный и простой конструктор форм WordPress

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

2 Настройки для улучшения взаимодействия с пользователем

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

Обзор ARForms: мощный и простой конструктор форм WordPress

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

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

Обзор ARForms: мощный и простой конструктор форм WordPress

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

3 Отображение формы

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

Обзор ARForms: мощный и простой конструктор форм WordPress

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

На вкладке, добавленной в редактор, вы можете выбрать отображение встроенных форм в сообщении или на странице…

Обзор ARForms: мощный и простой конструктор форм WordPress

… Или в модальном всплывающем окне.

Обзор ARForms: мощный и простой конструктор форм WordPress

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

Обзор ARForms: мощный и простой конструктор форм WordPress

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

4 Действия после отправки формы

Что происходит после того, как пользователь нажмет кнопку «Отправить» в форме? Вы можете решить эту проблему двумя способами: работая на вкладке «Глобальные настройки», вы можете сообщить пользователям, что форма была успешно отправлена, или настроить ее для условной отправки. Вы также сможете перенаправить отправку для диапазона дат, скрыть форму после отправки и предотвратить дублирование записей.

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

Обзор ARForms: мощный и простой конструктор форм WordPress

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

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

Обзор ARForms: мощный и простой конструктор форм WordPress

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

5 Электронный маркетинг

Настройка формы для эффективного рабочего процесса электронного маркетинга и интеграция с вашими любимыми сторонними инструментами электронного маркетинга – это основная сила ARForms. Плагин автоматически добавляет новые контакты в список контактов ваших дополнительных инструментов, таких как AWeber, MailChimp, GetResponse, ActiveCampaign, iContact, Constant Contact, Mad Mimi, GVO Campaign и eBizac.

Обзор ARForms: мощный и простой конструктор форм WordPress

6 Управление формами

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

Обзор ARForms: мощный и простой конструктор форм WordPress

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

Обзор ARForms: мощный и простой конструктор форм WordPress

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

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

Дополнения и расширения ARForms

Доступен ряд полезных надстроек для улучшения функциональности ваших форм. Они стоят от 12 до 17 долларов за штуку, первые два в списке доступны бесплатно.

  • Активные кампании: для создания списка подписчиков сразу после отправки форм
  • reCAPTCHA: чтобы добавить дополнительный уровень безопасности для ваших форм
  • Zapier: для оптимизации рабочего процесса путем подключения и интеграции ваших форм с приложениями, которые вы регулярно используете.
  • Создатель сообщений: для создания страниц, сообщений и настраиваемых сообщений WordPress с использованием данных, собранных в формах.
  • Advanced MailChimp: для условной отправки данных дополнительных полей в Mailchimp, а не только базовых полей.
  • PayPal: для интеграции записей форм и платежей в единый процесс. Затем вы можете принимать все виды платежей, включая пожертвования.
  • Регистрация пользователей: разрешите пользователям регистрироваться из внешнего интерфейса, а также получать / изменять свой пароль и управлять профилями.
  • PDF Creator: для создания PDF-файлов на основе форм, отправленных пользователями, и сохранения их для дальнейшего использования.
  • Mailster: для добавления подписчиков в список рассылки Mailster прямо из формы.
  • MailPoet: для добавления подписчиков в список рассылки MailPoet прямо из формы.
  • Stripe: так что вы можете безопасно обрабатывать кредитные карты, не покидая ваш сайт.
  • PayPal Pro: для разрешения дополнительных способов оплаты PayPal, включая регулярные платежи.
  • Authorize.net: для безопасного сбора платежей без перенаправления на внешний платежный шлюз
  • Подпись: для сбора подписей пользователей
  • Цифровая загрузка: для безопасной цифровой загрузки при отправке формы
  • SMS: для отправки SMS через Twilio, Nexmo и Clickatell

Заключение

ARForms поставляется с впечатляющим списком функций из коробки. Увидев, как они работают в действии, не остается сомнений, что это отличный инструмент для создания практически любой формы на вашем веб-сайте. И хотя набор функций может выходить за рамки того, что необходимо новым пользователям WordPress, это никоим образом не оказывает негативного влияния на простоту использования. Обширная документация может помочь в решении любой проблемы, а служба поддержки всегда готова быстро ответить на запросы. Для опытных пользователей также доступна документация по API разработчика.

Получите конструктор форм WordPress ARForms

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

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

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