Форма обратной связи с Fabform на статическом веб-сайте стала проще

В этой статье мы рассмотрим, как использовать Fabform Forms для управления контактными формами на статическом веб-сайте.

  • Мощный бэкэнд форм.
  • Код сервера не требуется.
  • Простая настройка. Просто установите действие вашей формы на нашу конечную точку, добавьте уникальные имена в поля формы, и все готово!

С Fabform captcha блокируется спам. Он проверяет ваши данные формы на стороне сервера и использует искусственный интеллект для защиты вас от спама.

  • Представленные формы сохраняются в универсальной папке «Входящие» FabForm и могут быть отправлены в Google Sheets, Airtable. Вы можете просматривать отправленные формы, просматривать ежедневные аналитические отчеты и экспортировать в CSV или JSON.
  • Запускаются сторонние интеграции

Благодаря прямой интеграции Fabform — данные могут быть отправлены в любой сервис по вашему выбору — Zapier не требуется. Работает с Airtable, электронной почтой, Google Sheets и другими.

Серверная часть Fabforms работает с wix, duda, webflow, генераторами статических сайтов, такими как Hugo, Jekyll, 11ty.dev и другими платформами CMS.

<form action="https://fabform.io/f/{form-id}" method="post">
</form>

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

На панели инструментов нажмите «Создать конечную точку», чтобы создать ее для своей формы.

  • Установить имя формы

  • Нажмите на конечную точку формы разработки

Конечная точка: 73Af___

Отправка форм для конечной точки 73A___ отсутствует.

  • Нажмите на значок настроек, чтобы настроить конечную точку

На странице настроек вы можете

  • Установить пользовательский ответ
  • Добавьте URL-адрес перенаправления после отправки формы обратной связи.
  • Целевой адрес электронной почты (адрес электронной почты, который вы хотите использовать для получения отправки)
  • Шаблон электронной почты (шаблон для отправки электронных писем)

Давайте проверим Fabform, щелкнув опцию теста.

  • Нажмите "Отправить"

  • Отправка формы из интеграции Fabform в Gmail

Это код, который нужно встроить на ваш веб-сайт, чтобы принимать формы на статическом сайте.

<form action="https://fabform.io/f/73**__" method="post">
  <label for="firstName">First Name</label>
  <input name="firstName" type="text" required>
  <label for="lastName">Last Name</label>
  <input name="lastName" type="text" required>
  <label for="email">Email</label>
  <input name="email" type="email" required>
  <button class="button is-link" type="submit">Test Form</button>
</form>

Примечание: эту форму можно настроить с помощью CSS вашей страницы.

Спасибо, что прочитали эту статью!!!.

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

Первоначально опубликовано на https://alemsbaja.hashnode.dev.