Статьи

Как упростить построение форм с помощью JotForm

Спонсором этого поста была JotForm . Спасибо за поддержку спонсоров, которые делают возможным SitePoint!

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

Формы являются неотъемлемой частью контента. Вы можете понять, почему клиент спрашивает: «Если я могу добавить заголовок, почему я не могу добавить окно запроса электронной почты?» В действительности все сложнее. Даже самая базовая форма требует опыта разработки:

  1. Создайте форму, используя поля HTML5.
  2. Разработайте запасной код для старых браузеров, например, IE9 не поддерживает новые типы полей HTML5 или встроенную проверку.
  3. Разработка кода проверки как на стороне клиента, так и на стороне сервера.
  4. Возможно создать или использовать настраиваемые поля, такие как средства выбора карт, обработчики дат, загрузчики файлов и т. Д.
  5. Внедрить меры безопасности, чтобы спаммеры не могли взломать или использовать систему.
  6. Отправьте данные запроса по электронной почте или отправьте их на сервер.
  7. Зарегистрируйте запрос в репозитории, таком как база данных.
  8. Протестируйте форму на различных настольных, планшетных и мобильных устройствах.
  9. Создание пользовательских отчетов для обобщения данных запроса.
  10. Интегрировать систему с системами мониторинга, аналитики и / или продаж.

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

  • «Можем ли мы добавить еще одно поле?»
  • «Можете ли вы отправить нашему генеральному директору еженедельную сводку статистики ответов в формате PDF?» , Или
  • «Можем ли мы вывести все эти данные в нашу CRM-систему для маркетингового анализа?»

Самые простые формы быстро превращаются в критических монстров.

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

К счастью, есть более простой вариант …

Введите JotForm

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

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

JotForm edit

Вы также можете определить адреса электронной почты для ответов, действия по отправке и настроить интеграцию с такими приложениями, как Dropbox, SalesForce и платежными системами, включая PayPal. Доступно более 100 приложений.

2. Используйте конструктор форм
Затем новый дизайнер форм JotForm позволяет стилизовать цвет и макет формы. Наряду со стандартными графическими и адаптивными инструментами дизайна, он включает CSS Helper «укажи и нажми» Эта популярная особенность делает создание CSS проще, чем когда-либо. Выбор поля на экране создает селектор CSS и предоставляет список доступных свойств для выбора. Все, что осталось для пользователя, это ввести значения.

Дизайнер тем JotForm

3. Опубликуйте свою форму
Наконец, ваша форма может быть использована на отдельной странице, в фрейме или встроена с помощью скрипта — весь код предоставляется. Его можно легко интегрировать с WordPress, Drupal, Joomla или даже со страницей Facebook:

JotForm опубликовать

Тематический магазин JotForm

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

JotForm Тематический Магазин

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

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

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