Как сделать форму заявки на сайте без программиста и PHP?

Пошагово: лендинг в Cursor, Formspree или Make webhook, строка в Google Таблице и Telegram. Без 405, CORS и своего сервера - за один вечер.

Вы сверстали в Cursor красивую форму заявки, залили сайт на Vercel — и при нажатии «Отправить» браузер выдаёт «405 Not Allowed» или пустую страницу. Статический хостинг не умеет принимать заявки сам: ему нужен внешний «приёмник». За один вечер вы соберёте лендинг с полями «имя + телефон», подключите Formspree или Make, увидите новую строку в Google Таблице и уведомление в Telegram — без PHP, VPS и своего сервера.

Форма на Vercel или GitHub Pages не обрабатывает POST на ваш домен — action должен вести на Formspree, Tally или webhook Make. Обычный HTML-тег form с method POST на URL Make работает без CORS, а fetch из JavaScript на тот же адрес часто ломается. Цепочка для проверки: сайт → приёмник → Make → Google Таблица → Telegram за 1-2 минуты.

Анна открыла салон и попросила Cursor сделать лендинг с записью. Сайт выглядел идеально, но она вставила action=»sendmail.php», как в старом туториале — и получила ошибку. Потом попробовала URL Make в fetch — в консоли красный CORS. Только когда поставила action на Formspree и настроила Make на webhook Tally, заявки стали падать в таблицу, а она перестала переписывать номера из почты вручную.

Честно говоря, обзор «15 конструкторов форм» вам не нужен. Нужен один рабочий вечер: лендинг в Cursor, три понятные схемы без backend и Make как «труба» в таблицу и мессенджер. По Wordstat запрос «как сделать форму заявки на сайте» даёт 29 показов в месяц, а более широкий «форма заявки на сайте» — 685; ниша живая, а готовых гайдов именно под Cursor + Make почти нет.

Выберите схему приёма заявок без backend

Webhook — это просто специальный URL-адрес, куда форма «скидывает» данные после отправки. Backend (свой сервер) вам не нужен: приёмник живёт у Formspree, Tally или Make.

Критерий Formspree Tally + Make Make webhook в action Кому проще Есть готовый HTML в Cursor Удобен визуальный конструктор полей Минимум сервисов, всё в одном сценарии Free-лимит 50 заявок/мес, 2 email Tally free + Make 1 000 credits/мес 1 000 credits Make, 2 активных сценария Связка с таблицей Через Make по webhook Formspree Нативная интеграция Tally → Make (OAuth) Прямо: Custom Webhook → Google Sheets Типичная ошибка Забыли name у input — поле пустое Не включили сценарий ON в Make Пытались слать через fetch — CORS

Итоговый вердикт: если форма уже в index.html — начните с Formspree (action на их endpoint). Если поля ещё не придумали — Tally с embed на сайт и Watch Responses в Make. Прямой webhook в action — когда хотите одну цепочку без лишних кабинетов.

Сверстайте лендинг с формой в Cursor Agent

Cursor Agent — это режим, где ИИ-редактор собирает страницу по вашему описанию на обычном языке. Вам не нужно знать программирование: вы говорите, какие блоки и поля нужны, агент пишет разметку.

1. Откройте Cursor, создайте папку проекта и попросите Agent: «Одностраничник: hero, услуги, форма имя + телефон + комментарий, mobile-first».
2. Проверьте, что у каждого поля есть атрибут name (name=»phone», name=»message») — без него данные не доедут.
3. Добавьте скрытое honeypot-поле (display:none) — боты заполнят его, люди нет; спам-фильтры Formspree это учитывают.
4. Вставьте чекбокс согласия на обработку данных — для рекламы и мессенджеров это must-have.
5. Сохраните index.html локально и откройте в браузере: форма должна выглядеть нормально на ширине 375 px (телефон).

На практике в промпте укажите: «add contact form using Formspree» — так Cursor сразу подставит правильные action и method POST. Типичная ошибка: красивые поля без name — в таблице приходят пустые ячейки.

Подключите приёмник и уберите ошибку 405

Ошибка 405 на Vercel или GitHub Pages — классика: браузер шлёт POST на статический хост, а там некому ответить. Лечение одно — сменить action на внешний endpoint.

1. Зарегистрируйтесь в Formspree или создайте Custom Webhook в Make (модуль Webhooks → Custom webhook → Run once, скопируйте URL).
2. В index.html задайте method=»POST» и action=»https://formspree.io/f/ВАШ_ID» или URL webhook Make.
3. Не используйте sendmail.php, action=»/» и GET вместо POST — так форма «молчит» или отдаёт 405.
4. Отправьте тест с телефона (не только с ноутбука): мобильная клавиатура и автозаполнение иногда ломают валидацию.
5. Проверьте дашборд Formspree, ответ Tally или историю webhook в Make — там должна появиться заявка.

Контринтуитивный момент из обсуждений Make Community: обычный HTML form POST на hook.make.com работает, а fetch() из браузера на тот же URL часто блокируется политикой CORS. Для новичка правило простое — не трогайте JavaScript для отправки, оставьте нативную форму.

Соберите сценарий Make: таблица и Telegram

Make.com — конструктор автоматизаций: блоки соединяются стрелками, как схема на доске. Webhook — вход; Google Sheets Add a Row — запись; Telegram Bot — уведомление вам в мессенджер.

Схема цепочки:Форма на сайте → Custom Webhook (или Tally Watch Responses) → Google Sheets «Заявки_тест» → Telegram Send a Message

1. Создайте Google Таблицу с листом «Заявки_тест» и колонками: дата, имя, телефон, комментарий, источник.
2. В Make: триггер Webhooks (или Tally → Watch New Responses с OAuth) → Google Sheets → Add a Row → выберите только тестовый лист.
3. Сопоставьте поля из webhook с колонками (имя, телефон). Нажмите Run once и отправьте тестовую заявку с сайта.
4. Добавьте модуль Telegram Bot → Send a Message с текстом «Новая заявка: {{имя}}, {{телефон}}».
5. Включите сценарий ON. Без этого live-заявки не пойдут, даже если Run once был зелёным.

Боитесь «сломать» рабочую таблицу? Подключайте только лист «Заявки_тест». Тестовые строки изолированы; основные листы не трогаете. В реальном проекте так отлаживают сценарий, пока не увидят зелёный лог и строку с тестовым именем.

Опубликуйте сайт и проверьте заявку end-to-end

1. Залейте проект на Vercel (import из GitHub) или drag-and-drop статики — главное, чтобы index.html открывался по HTTPS.
2. Откройте боевой URL с телефона, заполните форму реальными тестовыми данными.
3. В течение 1-2 минут проверьте: новая строка в Google Таблице и сообщение в Telegram.
4. Если заявка «пропала» — откройте History в Make: красный модуль покажет, где оборвалось (часто несовпадение имён полей).
5. Зафиксируйте лимиты: Formspree free — 50 заявок/мес и 20 POST/мин; Make free — 1 000 credits/мес. Перед рекламой оцените поток лидов.

Чек-лист перед запуском рекламы: не вызывайте Make через fetch из браузера; honeypot на месте; согласие отмечено; сценарий ON; тестовый лист отделён от рабочих данных.

Как понять, что всё сработало

Критерий успеха простой и проверяемый с телефона:

• Тестовая заявка с опубликованного сайта доходит до приёмника (Formspree, Tally или зелёный webhook в Make).
• В Google Таблице на листе «Заявки_тест» появляется строка с именем и телефоном в течение 1-2 минут.
• Telegram-бот присылает уведомление с теми же данными.
• В логах Make сценарий зелёный на всех модулях — не только на Run once, но и на живой отправке.

Если хотите углубиться в автоматизацию без кода — в курсе Make.com на kv-ai.ru разбирают webhook, Google Sheets и Telegram на живых примерах; первые занятия подходят новичкам.

Материал проверен: Артур Хорошев (CEO Maya AI, автор курса по Make.com и вайбкодингу).
Достоверность данных: лимиты Formspree и rate limit — help.formspree.io (account-limits, system-limits); тарифы и credits Make — make.com/en/pricing; паттерн form POST и webhook — make.com/how-to-guides/how-to-automate-form-data-collection; ошибка 405 на статике — splitforms.com/blog/form-submission-405-error; CORS и form submit — community.make.com; частотность «форма заявки на сайте» (685), «как сделать форму заявки на сайте» (29) — Яндекс Вордстат, июнь 2026.

Частые вопросы

Как сделать форму заявки на сайте без программиста?

Соберите index.html в Cursor Agent, укажите method POST и action на Formspree или webhook Make, опубликуйте на Vercel. Для таблицы и Telegram добавьте сценарий Make: Webhook → Google Sheets → Telegram. Весь путь — без PHP и своего сервера.

Почему форма на Vercel выдаёт 405 Not Allowed?

Статический хост не обрабатывает POST на ваш домен. Замените action на внешний URL Formspree, Tally или Make. Не оставляйте action=»/» и не подключайте .php без реального сервера.

Почему заявка не доходит до Make?

Проверьте: сценарий включён ON; URL webhook скопирован в action формы; у полей есть name; вы не отправляете через fetch (CORS). Запустите Run once и отправьте форму снова — смотрите History, какой модуль красный.

Formspree или Tally — что выбрать новичку?

Formspree — если форма уже в HTML: вставили action, получили email и до 50 заявок/мес бесплатно. Tally — если удобнее собрать поля в конструкторе и в один клик связать с Make через OAuth. Обе схемы ведут в Google Таблицу через Make.

Можно ли вставить URL Make прямо в JavaScript fetch?

Не стоит: браузер часто блокирует такой запрос из-за CORS. Используйте обычный тег form с method POST и action на webhook — это поддерживают и Make, и документация по автоматизации форм.

Как подключить форму к Google Таблице через Make?

Создайте сценарий с триггером Custom Webhook или Tally Watch Responses, модуль Google Sheets Add a Row, укажите лист и сопоставьте колонки с полями формы. После тестовой отправки строка должна появиться за 1-2 минуты.

Что делать, если кончились бесплатные заявки?

Formspree free — 50/мес; Make free — 1 000 credits/мес и 2 активных сценария. Следите за счётчиком в кабинетах до запуска рекламы или перейдите на платный тариф, иначе форма визуально работает, а данные не сохраняются.