Марина собрала лендинг в Cursor, вставила в JavaScript ссылку на Make webhook и нажала «Отправить» – в консоли красный CORS, заявки не доходят. Неделю она думала, что Make сломан. Боль знакомая: форма заявки на сайте кажется делом программистов, непонятно куда падают данные, webhook путают с хостингом. За вечер можно собрать страницу в Cursor, принять заявку через Formspree и увидеть строку в Google Таблице плюс Telegram – без сервера и PHP.
Связка для новичка: index.html в Cursor + Formspree как приёмник + Make.com (webhook → Google Таблица → Telegram). Не вызывайте Make из браузера через fetch – CORS заблокирует запрос. Тестовая заявка с телефона за минуту должна появиться в таблице и в истории сценария Make.
По запросу «форма заявки + Cursor + Make» в июне 2026 в выдаче почти пусто – ниша свободна. Конкуренты продают QForm и WebAsk; мы пойдём путём DIY за вечер с понятной цепочкой, куда уходит каждая заявка.
Webhook – «дверной звонок» для Make: форма жмёт кнопку, Make получает данные и запускает сценарий. API – способ программ общаться; вам достаточно скопировать URL из модуля Custom Webhook.
Выберите стек: один файл, Formspree и Make без своего сервера
Типичная ошибка новичка – искать VPS или писать PHP, хотя заявку можно принять без бэкенда. Минимум: index.html (страница на диске или на бесплатном хостинге), Formspree как почтовый ящик для формы и Make как автоматизация дальше. Так вы всегда знаете, куда падает заявка: сначала в Formspree, потом в вашу таблицу.
Formspree принимает данные из HTML-формы и отдаёт в кабинет, на почту или webhook. Make – платформа сценариев (workflow): «получил заявку → записал в таблицу → отправил в Telegram». У Make 2500+ интеграций; на free-плане операции в credits – для тестовой формы с десятком заявок в день хватает. Альтернатива Formspree – Tally или Fillout; для первого раза Formspree проще: есть Simple Webhook и нативный модуль в каталоге Make.
| Критерий | Formspree + Make | QForm / WebAsk |
|---|---|---|
| Кто собирает страницу | Вы в Cursor за вечер | Шаблоны в SaaS |
| Куда падает заявка | Formspree → Make → Sheets + Telegram | CRM конструктора |
| Свой сервер | Нет | Нет |
| Гибкость | Любые модули Make | По тарифу сервиса |
Вердикт: хотите понять путь заявки – Cursor + Formspree + Make. Нужна форма «нажал и забыл» – QForm, но Make останется за бортом.
Соберите лендинг с формой в Cursor AI: имя, контакт, мобильная вёрстка
Откройте Cursor, создайте index.html. В Agent (Composer) промпт: «Лендинг услуги, поля имя и телефон или email, кнопка Отправить, адаптив под телефон». Cursor – AI-редактор на базе VS Code: правит HTML, как верстальщик рядом.
На практике попросите блок «Спасибо, заявка принята» – скрытый до успеха. Добавьте honeypot: скрытое поле, которое бот заполнит, а человек нет – Formspree отсекает такой спам. В RU-гайдах по Cursor для лендингов советуют не усложнять: один файл, понятные подписи полей, крупная кнопка на мобильном. Откройте файл в браузере – форма пока никуда не шлёт, это нормально.
- Создайте проект и index.html в Cursor.
- Промпт Agent: лендинг, имя + контакт, мобильная вёрстка.
- Проверьте на телефоне или в devtools браузера.
- Зарегистрируйтесь на formspree.io, создайте форму, скопируйте form id.
- Добавьте honeypot-поле по подсказке Cursor.
Создайте сценарий Make с Custom Webhook и поймайте тестовую заявку
В Make: Create scenario → Webhooks → Custom webhook → Add. Скопируйте URL – сюда Formspree перешлёт JSON. Включите listening и отправьте тест из Formspree Plugins → Simple Webhook.
Часто ломается: Make «не видит поля» после первой заявки. Решение – открыть модуль webhook, нажать Redetermine data structure и отправить форму с реальным именем и телефоном. Гайд Make предлагает webhook в атрибуте action формы вместо бэкенда – мы идём безопаснее через Formspree, но логика та же. Для проверки без сайта сработает curl или тестовая кнопка в Formspree – главное, чтобы сценарий был в режиме прослушивания.
Схема:
Форма на лендинге → Formspree → Simple Webhook в Make → Google Таблица + Telegram
Запишите заявки в Google Таблицу и настройте Telegram
После webhook: Google Sheets → Add a row. Лист «Заявки_тест» – чтобы тест не смешался с CRM. Смапьте имя и контакт из payload. Затем Telegram → Send a message: «Новая заявка: имя, контакт».
От формы до уведомления – около десяти секунд: такой паттерн «форма → webhook → CRM → уведомление» описан в open-source blueprint LeadSync на GitHub. Включите сценарий ON только после теста. В History каждый успешный запуск – bundle с зелёной галочкой; если красный – кликните и читайте текст ошибки: чаще всего не подключена таблица или неверный chat_id.
Свяжите форму с Make: action, CORS и страница «Спасибо»
В Cursor: «Подключи форму к Formspree id XXXXX, POST, после успеха покажи спасибо». action станет https://formspree.io/f/ваш_id. В Formspree Plugins – Simple Webhook на URL Make.
Типичная ошибка – fetch POST на hook.make.com из браузера. CORS блокирует вызов: браузер не даёт сайту стучаться в чужой домен без разрешения, а Make не отдаёт нужные заголовки. Postman при этом покажет 200 – отсюда неделя отчаяния, как у Марины. Обход для новичка: Formspree Simple Webhook (наш путь) или классический HTML form action на Make без JavaScript. Второй вариант ведёт посетителя на hook.make.com – в community Make пишут, что webhook response не заменяет нормальный редирект; настройте redirect через Formspree на страницу «Спасибо».
- Не вызывайте Make API из JavaScript на лендинге.
- Formspree – посредник между браузером и Make.
- Настройте redirect после отправки.
Чек-лист запуска: тест с телефона, UTM и ошибки
Чек-лист закрывает боль «заявка пропала».
- Тест с другого браузера или телефона.
- Строка в таблице и Telegram в течение минуты.
- Make History – успешный bundle с полями name и contact.
- Скрытые UTM-поля для аналитики источника.
- Нет Telegram – проверьте chat_id бота.
- Пустые поля в Sheets – Redetermine data structure и повторный тест.
- При ошибке 4xx в Formspree – сверьте form id и лимиты бесплатного плана.
Перед запуском рекламы сохраните скриншот успешного bundle в Make – пригодится, если через месяц забудете, какой webhook был подключён.
Когда всё сходится – вы открываете лендинг, заполняете форму с телефона, в течение минуты видите строку в Google Таблице и сообщение в Telegram, а в Make History – успешный bundle с полями name и contact. Это и есть критерий готовности: рабочая форма обратной связи на сайте без программиста. По Wordstat запрос «как сделать форму заявки на сайт» реже широкого «форма заявки на сайте», но оба интента мы закрываем одним workflow.
Дальше можно нарастить сценарий: автоответ клиенту, запись в CRM, тег в почте. В клубе «Ковчег» разбираем такие цепочки на Make – от webhook до AI-агентов. Курс Make.com и вайбкодинг – 159+ уроков, если нужна воронка, а не одна форма. Первые занятия для новичков бесплатны на той же странице.
Что дальше
- Опубликуйте index.html на Netlify или GitHub Pages.
- MCP в Cursor – ускорить правки лендинга.
- AI-агенты Make – обработка заявок после webhook.
- Telegram-бот – следующий шаг воронки.
- Загляните в Telegram «Ковчег» – там разбирают похожие сценарии вживую.
Материал проверен: Артур Хорошев (CEO Maya AI, автор курса по Make.com и вайбкодингу).
Достоверность данных: help.make.com/webhooks (19.06.2026), how-to Make form action, Formspree Webhooks Plugin, CORS community.make.com; Wordstat «форма заявки на сайте» (666), «форма обратной связи на сайте» (1211), регион 225, 21.06.2026.
Частые вопросы
Как сделать форму заявки на сайт без программиста?
Соберите index.html в Cursor Agent, зарегистрируйте форму в Formspree и подключите Make для Google Таблицы и Telegram. Сервер, PHP и терминал не нужны – хватит вечера и бесплатных аккаунтов.
Куда падают заявки с формы на лендинге?
Сначала в кабинет Formspree (Submissions), затем Simple Webhook пересылает JSON в Make, откуда строка уходит в таблицу, а текст – в Telegram. Если сомневаетесь, откройте History в Make – там виден каждый payload.
Чем Formspree отличается от webhook Make?
Formspree принимает данные из браузера без проблемы CORS и хранит копию в Submissions. Webhook Make – следующий шаг: автоматизация после приёма (таблица, Telegram, CRM). Один без другого неудобен: Formspree без Make не заполнит таблицу сам, Make без посредника не примет POST из обычной формы в браузере.
Нужен ли свой сервер для формы на лендинге?
Нет. Статическая страница + Formspree + Make закрывают задачу на старте.
Почему CORS при отправке в Make?
Браузер блокирует прямой JS-запрос на Make. Уберите fetch на hook.make.com, шлите через Formspree.
Можно ли webhook Make прямо в action формы?
Да, но посетитель может увидеть hook.make.com. Лучше Formspree с redirect на «Спасибо».
Сколько стоит связка на старте?
У Formspree и Make есть free-планы с лимитами. Для тестового лендинга обычно хватает; лимиты смотрите на сайтах сервисов.
