Форма обратной связи с 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.