HTML конструктор онлайн

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

Я предпочитаю создавать онлайн-формы через Google Forms. Он предоставляет все основные функции, а также позволяет бесплатно создавать онлайн-формы. Все ответы пользователей агрегируются в таблицы Google, и ими не сложно управлять.

Google Forms

Бесплатный инструмент от Google для создания форм. Этот конструктор построен на базе Google Таблицы. Данные, собранные с помощью онлайн-форм автоматически группируются в специальных таблицах. Для создания формы откройте главную страницу Google Forms и нажмите на иконку +. На экране появится новая форма, в которой можно задать различные атрибуты.

Для создания формы в HTML конструкторе выполните следующие шаги:

• Добавить в форму «Заголовок»;
• Добавить «Описание формы»;
• Задать вопрос в поле «Название вопроса»;
• Задать «Вспомогательный текст», чтобы подробнее описать суть вопроса;
• Выбрать тип вопроса. Существует 9 типов ответов, которые можно выбрать.

Варианты предоставления ответа отличаются в зависимости от типа ответа:

• Текст;
• Абзац текста;
• Множественный выбор;
• Чекбокс;
• Выбор из списка;
• Диапазон;
• Сетка;
• Дата;
• Время;
  • Нажать «Готово», чтобы создать вопрос;
  • Нажать «Добавить элемент», чтобы задать еще один вопрос.

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

После того, как вы закончите создание онлайн-формы, можно настроить ее параметры. Например, разрешить респондентам редактировать свой ответ после того, как они отправили данные формы. Нажмите «Отправить форму», чтобы отправить ссылку выбранной аудитории по электронной почте.

Также можно поделиться ссылкой на форму с помощью различных социальных платформ: Facebook, Twitter и Google+. А также копировать ссылку, чтобы поделиться нею напрямую; добавить соавторов, которые смогут изменять параметры формы или просматривать ответы в электронной таблице. К таблице с ответами можно получить доступ через Таблицы Google.

JotForm

Это многофункциональный конструктор обратных форм HTML. Для настройки форм предоставляется целый ряд инструментов и параметров. Можно создавать онлайн-формы без регистрации. JotForm позволяет добавлять различные поля:

• Простые инструменты: эти инструменты позволяют задать следующие поля:
  • Заголовок;
  • Полное имя;
  • Адрес электронной почты;
  • Адрес;
  • Телефон;
  • Дата;
  • Капча.

• Инструменты формы: эти инструменты включают в себя следующие поля:
  • Текстовое окно;
  • Текстовая область;
  • Выпадающий список;
  • Радио-кнопка;
  • Чекбокс;
  • Текст;
  • Изображение.

• Инструменты опросов: их можно добавлять для определения рейтинга или популярности приведенных данных:
  • Рейтинг;
  • Матрица;
  • Спиннер;

• Платежные инструменты: использование различных сервисов для получения платежей или пожертвований; Виджеты:
  • Контрольный список;
  • Слайдер изображений;
  • YouTube.

Поля добавляются путем перетаскивания инструментов в рабочее пространство формы. Если нужно удалить какой-либо инструмент, выберите его и нажмите иконку «Закрыть». Этот конструктор HTML форм также позволяет добавлять темы и разрабатывать собственные формы.

Дополнительные функции включают в себя:

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

Через этот конструктор можно бесплатно публиковать неограниченное количество форм, но пользователями могут быть совершены только 100 записей. Чтобы расширить этот лимит, необходимо зарегистрироваться и обновить инструмент. После создания формы нажмите «Опубликовать» и введите адрес электронной почты, на который нужно отсылать ответы. Скопируйте URL-адрес формы, чтобы вставить ее на сайт или поделиться.

Typeform

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

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

После создания формы можно изменить цвет, шрифт и фоновое изображение, установить видимость («Публичная» или «Частная»), добавить бренд, мета информацию (только для версии PRO).

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