Cloud Lead Processing
Власна система обробки заявок із сайту на Cloudflare та n8n
Контекст
Коли я створював власний сайт-портфоліо, переді мною постало практичне завдання: організувати приймання звернень від потенційних клієнтів.
Я хотів, щоб заявки не просто надходили через контактну форму, а автоматично зберігалися, фіксувалися в таблиці та відправлялися мені в Telegram.
Замість підключення окремого стороннього сервісу для обробки заявок я вирішив реалізувати власну систему на базі Cloudflare та n8n.
Завдання
Побудувати надійний процес обробки звернень, у якому:
- контактна форма приймає дані відвідувача;
- Cloudflare Turnstile захищає форму від автоматизованих відправлень;
- заявка зберігається в базі Cloudflare D1;
- n8n отримує нові записи через API;
- інформація додається або оновлюється в Google Sheets;
- у Telegram надходить повідомлення про нове звернення;
- оброблена заявка позначається в базі, щоб не передавати її повторно.
Моє рішення
Я об'єднав Cloudflare Pages, Pages Functions, Turnstile, D1 та n8n в одну систему.
Серверна частина сайту відповідає за приймання й збереження заявок. Окремий workflow в n8n за розкладом перевіряє наявність нових звернень і передає їх у Google Sheets та Telegram.
Таким чином сайт не просто демонструє мої проєкти — він сам використовує одну з моїх автоматизацій.
Як працює workflow
Система складається із шести послідовних вузлів:
- Schedule Trigger — запускає перевірку нових звернень за розкладом.
- HTTP Request D1 — отримує нові заявки через GET-запит до API сайту.
- Split Out — розділяє отримані записи для індивідуальної обробки.
- Google Sheets — додає або оновлює рядок із даними звернення.
- Telegram — надсилає мені повідомлення про нову заявку.
- Confirm D1 Inquiry — підтверджує обробку через PATCH-запит, оновлюючи стан заявки в D1.
Результат
У мене є власна система обробки звернень, інтегрована безпосередньо в портфоліо.
Коли відвідувач залишає заявку, інформація зберігається на сервері, а налаштований workflow передає її в таблицю та Telegram.
Цей проєкт демонструє повний цикл інтеграції: від вебформи та серверної логіки до бази даних, API й автоматизації в n8n.
Це не навчальний приклад із тестовою формою, а рішення, яке я створив для власного сайту.
Технології
Cloudflare Pages, Pages Functions, Cloudflare Turnstile, Cloudflare D1, n8n, REST API, Google Sheets API, Telegram Bot API.
Скриншот
Portfolio — Lead Notifications
