FormDesigner – конструктор с выдающимися формами

9 июля 2020

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Недавно у меня появился новый объект обожания. А как иначе? Ведь такие формы, такие формы… И калькуляторы для сайта можно создать с помощью конструктора FormDesigner…

FormDesigner

Получаются пышные формы!

Понятно, что сейчас создать веб-форму – не проблема. Для этого на рынке доступно большое количество решений: модулей и плагинов для CMS. Но они не способны выдать полнофункциональные формы, которые можно расширять, собирать и разбирать… А еще:

  1. Размещать на любом сайте – в том числе и на CMS.
  2. Собирать подробную статистику по всем взаимодействиям пользователей.
  3. Принимать платежи.
  4. Интегрировать более чем с 20 сторонними сервисами.

    Сторонние сервисы


    *при клике по картинке она откроется в полный размер в новом окне

  5. Автоматически сохранять вводимые пользователем данные и подставлять их при последующем вводе.
  6. Создавать многостраничные формы – подходит для анкет и опросников с большим количеством элементов.

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

  7. Размещать на поддомене клиента.
  8. Стилизовать формы, созданных в FormDesigner, с помощью встроенных тем.

    Для опытных пользователей доступен редактор CSS-кода.

  9. Автоответчик – позволяет автоматически отправлять пользователю электронное письмо после заполнения формы.

    Например, с благодарностью за прохождение опроса, регистрации или заполнение анкеты.

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

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

  11. Реализованная мультиязычность – в настройках созданного в FormDesigner решения можно активировать автоматический перевод всех надписей и введенного текста.
  12. Визуальный конструктор с более чем тридцатью элементами – его интерфейс адаптирован под обычных пользователей. Поэтому сервис позволяет быстро и просто создавать профессиональные решения без помощи веб-дизайнеров и программистов.
  13. Расширенный многопользовательский доступ к панели управления – доступ к определенному разделу личного кабинета FormDesigner предоставляется по ссылке.

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

Практическое познание возможностей платформы

Что да как?

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

Регистрация

После нажатия на кнопку «Создать первую форму» попадаем на страницу выбора шаблона. Всего здесь доступно девять заготовок: формы оформления заявки, заказа, подписки, голосования, обратной связи, тестирования. А также шаблоны квиза и калькулятора.

Форма подписки

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

Для работы с выбранной заготовкой переходим по ссылке «Продолжить с этим шаблоном».

Ремарка:

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

Список страниц


*при клике по картинке она откроется в полный размер в новом окне

Визуальный редактор разбит на 7 разделов:

  1. «Настройки» — здесь задается название формы, заголовок, описание, действие при успешном заполнении ее полей и т.д.

    Надстройки


    *при клике по картинке она откроется в полный размер в новом окне

  2. «Элементы» — содержит список элементов, которые можно добавлять в рабочую область проекта простым перетаскиванием мышью.

    Чтобы перейти к редактированию элемента, кликаем по нему и нажимаем на иконку карандаша.

    Элементы


    *при клике по картинке она откроется в полный размер в новом окне

    Ремарка:

    Кроме классических элементов веб-форм в наборе конструктора FormDesigner присутствуют и уникальные. Например, таймер, цифровая подпись, формула и т.д.

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

    Настройки

  3. «Тема оформления» — список встроенных тем, которые можно применить к создаваемому решению.

    Тема оформления


    *при клике по картинке она откроется в полный размер в новом окне

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

    Копирование темы


    *при клике по картинке она откроется в полный размер в новом окне

  4. «Модули» — расширения для интеграции форм FormDesigner со сторонними сервисами.

    Модули


    *при клике по картинке она откроется в полный размер в новом окне

  5. «Логика» — позволяет создавать правила для управления поведением веб-формы.

    Логика


    *при клике по картинке она откроется в полный размер в новом окне

  6. «Получить код» — раздел, в котором располагается код для встраивания формы на сайт или другую площадку.

    Код


    *при клике по картинке она откроется в полный размер в новом окне

    FormDesigner поддерживает несколько вариантов добавления созданных решений: с помощью JS-кода, в iframe, ссылкой и во всплывающем окне.

  7. «Статистика» — сводка по всем данным пользователей, собранным с помощью веб-формы.

    Статистика


    *при клике по картинке она откроется в полный размер в новом окне

    Статистика отображаются не только в виде таблицы, но и на графике.

А почем такое удовольствие?

Как видите, FormDesigner – это многофункциональный комбайн для быстрого приготовления различных форм, калькуляторов и квизов. Но how much is a form? Не так уж дорого… Или даже бесплатно.

Тарифы

Тестовый период платных подписок составляет семь дней.

Услуги FormDesigner предоставляется в виде ежемесячных подписок. В рамках бесплатного тарифного плана можно создать три формы, состоящие из десяти элементов. С их помощью можно принять до 100 заявок.

Для большинства сайтов этих лимитов будет вполне достаточно.

Масштабные решения обойдутся в 5-10$. Здесь уже и лимиты повыше, и дисковое пространство доступно, и других плюшек хватает.

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

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

Заявки

Да с такими формами…

Главное, что удалось создателям FormDesigner, это сделать сложный профессиональный функционал понятным для простых интернет-обывателей. Ведь создание форм требует хороших знаний целого стека веб-технологий, основ дизайна… А тут качественную веб-форму можно состряпать за какие-то 5-10 минут… И даже бесплатно!

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Подборки по теме

Десерт

Использую для заработка

Рубрика: Как создать сайт