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

Система складається із шести послідовних вузлів:

  1. Schedule Trigger — запускає перевірку нових звернень за розкладом.
  2. HTTP Request D1 — отримує нові заявки через GET-запит до API сайту.
  3. Split Out — розділяє отримані записи для індивідуальної обробки.
  4. Google Sheets — додає або оновлює рядок із даними звернення.
  5. Telegram — надсилає мені повідомлення про нову заявку.
  6. 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

Потрібне схоже рішення?

Розкажіть, який процес хочете автоматизувати або яке рішення плануєте створити. Обговоримо можливий підхід до реалізації.

Обговорити задачу