Сравнение поставщиков статических форм

Эта статья была первоначально опубликована на CSS-трюки.

Давайте попробуем придумать здесь термин: «Поставщик статических форм». Вы приносите свой HTML <form>но не беспокойтесь о внутренней обработке, которая заставляет его работать. Таких сервисов очень много!

Поставщики статических форм выполняют все задачи, такие как проверка, хранение, отправка уведомлений и интеграция с другими API. Здорово, когда ты можешь так делегировать большие обязанности. Цена? Обычно ежемесячная или годовая подписка, за исключением нескольких поставщиков и ограниченных планов. Стоимость, как правило, меньше, чем причудливая »конструкторы форм«, которые помогут вам построить саму форму а также обработать это.

В этой статье мы рассмотрим самые популярные поставщики статических форм:

Прежде чем двигаться дальше, просто отметим, что информация для этих сравнений была получена при посещении сайта каждого продукта и изучении включенных функций. Как только я получил всю информацию, я отправил электронное письмо каждому провайдеру, чтобы подтвердить список функций. Некоторые из них подтвердились, некоторые нет. Особая благодарность командам Kwes, FormKeep, Formspree, FormSubmit, formX и Netlify Forms за подтверждение.

Компоненты построения формы и проверка

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

Если вы ищете конструктор форм, в FormKeep есть функция конструктора форм. Это означает, что вы встраиваете в страницу пользовательские файлы HTML и JavaScript и получаете стилизованную форму. В противном случае вам придется стилизовать форму самостоятельно.

Если вам нужны настраиваемые компоненты, такие как средство выбора даты или ввод карт, Kwes и FormKeep — единственные поставщики с этой функцией. Если вы хотите проверить поля ввода в браузере, вы можете использовать сторонние библиотеки или написать свой код, что означает добавление на сайт дополнительного кода JavaScript. Kwes — единственный провайдер, который поддерживает внешнюю проверку на основе правил, которые вы устанавливаете в каждом входном компоненте. Чтобы включить эту функцию, вы должны включить дополнительный файл JavaScript, что вы, тем не менее, можете сделать. Другие поставщики статических форм полагаются только на проверку HTML5.

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

Защита от спама

Kwes рекламирует 99,6% успешных блокировок спама без необходимости настройки.

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

Уведомления по электронной почте

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

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

У некоторых провайдеров есть другие виды уведомлений, помимо электронной почты, такие как push-уведомления или сообщения Slack, которые могут быть удобны.

Белая маркировка

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

Пользовательские перенаправления

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

Загрузить хранилище

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

Экспорт данных

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

Доступ к API

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

Вебхуки/Запир

При создании пользовательского приложения или скрипта выходит за рамки бюджета, вы можете использовать веб-перехватчики для интеграции отправки данных со сторонним программным обеспечением. Zapier — один из наиболее часто используемых для этого сервисов, и только FormSubmit не поддерживает его (хотя и поддерживает веб-перехватчики).

Аналитика

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

Сравнение планов

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

Подведение итогов

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

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

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