# Перша автоматизація: Опис автоматизації: Форма на сайті Ця автоматизація забезпечує надійний спосіб фіксації заявок із вебсайту, зберігаючи дані в Google Таблиці та надсилаючи сповіщення в Telegram. Вона вирішує проблему втрати лідів через неуважність чи затримки в обробці заявок, що особливо актуально для фрилансерів, маркетологів і малого бізнесу без CRM. ``` { "name": "форма на сайте", "flow": [ { "id": 1, "module": "gateway:CustomWebHook", "version": 1, "parameters": { "hook": 2287125, "maxResults": 1 }, "mapper": {}, "metadata": { "designer": { "x": -124, "y": 4 }, "restore": { "parameters": { "hook": { "data": { "editable": "true" }, "label": "форма на сайте" } } }, "parameters": [ { "name": "hook", "type": "hook:gateway-webhook", "label": "Webhook", "required": true }, { "name": "maxResults", "type": "number", "label": "Maximum number of results" } ] } }, { "id": 2, "module": "google-sheets:addRow", "version": 2, "parameters": { "__IMTCONN__": 7818794 }, "mapper": { "from": "drive", "mode": "select", "values": { "0": "{{1.name}}", "1": "{{1.description}}", "2": "{{1.services}}", "3": "{{1.email}}", "4": "{{1.telegram}}" }, "sheetId": "Форма на сайте", "spreadsheetId": "/1F6iIXu_QyIS0fAiFf884poA3d0U6gKDp_d8bZw12ryI", "includesHeaders": true, "insertDataOption": "INSERT_ROWS", "valueInputOption": "USER_ENTERED", "insertUnformatted": false }, "metadata": { "designer": { "x": 176, "y": 4 }, "restore": { "expect": { "from": { "label": "My Drive" }, "mode": { "label": "Search by path" }, "sheetId": { "label": "Форма на сайте" }, "spreadsheetId": { "path": [ "youtube auto" ] }, "includesHeaders": { "label": "Yes", "nested": [ { "name": "values", "spec": [ { "name": "0", "type": "text", "label": "name (A)" }, { "name": "1", "type": "text", "label": "description (B)" }, { "name": "2", "type": "text", "label": "services (C)" }, { "name": "3", "type": "text", "label": "email (D)" }, { "name": "4", "type": "text", "label": "telegram (E)" }, { "name": "5", "type": "text", "label": "(F)" }, { "name": "6", "type": "text", "label": "(G)" }, { "name": "7", "type": "text", "label": "(H)" }, { "name": "8", "type": "text", "label": "(I)" }, { "name": "9", "type": "text", "label": "(J)" }, { "name": "10", "type": "text", "label": "(K)" }, { "name": "11", "type": "text", "label": "(L)" }, { "name": "12", "type": "text", "label": "(M)" }, { "name": "13", "type": "text", "label": "(N)" }, { "name": "14", "type": "text", "label": "(O)" }, { "name": "15", "type": "text", "label": "(P)" }, { "name": "16", "type": "text", "label": "(Q)" }, { "name": "17", "type": "text", "label": "(R)" }, { "name": "18", "type": "text", "label": "(S)" }, { "name": "19", "type": "text", "label": "(T)" }, { "name": "20", "type": "text", "label": "(U)" }, { "name": "21", "type": "text", "label": "(V)" }, { "name": "22", "type": "text", "label": "(W)" }, { "name": "23", "type": "text", "label": "(X)" }, { "name": "24", "type": "text", "label": "(Y)" }, { "name": "25", "type": "text", "label": "(Z)" } ], "type": "collection", "label": "Values" } ] }, "insertDataOption": { "mode": "chose", "label": "Insert rows" }, "valueInputOption": { "mode": "chose", "label": "User entered" }, "insertUnformatted": { "mode": "chose" } }, "parameters": { "__IMTCONN__": { "data": { "scoped": "true", "connection": "google" }, "label": "My Google connection (santiment363@gmail.com)" } } }, "parameters": [ { "name": "__IMTCONN__", "type": "account:google", "label": "Connection", "required": true } ], "expect": [ { "name": "mode", "type": "select", "label": "Search Method", "required": true, "validate": { "enum": [ "select", "fromAll", "map" ] } }, { "name": "insertUnformatted", "type": "boolean", "label": "Unformatted", "required": true }, { "name": "valueInputOption", "type": "select", "label": "Value input option", "validate": { "enum": [ "USER_ENTERED", "RAW" ] } }, { "name": "insertDataOption", "type": "select", "label": "Insert data option", "validate": { "enum": [ "INSERT_ROWS", "OVERWRITE" ] } }, { "name": "from", "type": "select", "label": "Drive", "required": true, "validate": { "enum": [ "drive", "share", "team" ] } }, { "name": "spreadsheetId", "type": "file", "label": "Spreadsheet ID", "required": true }, { "name": "sheetId", "type": "select", "label": "Sheet Name", "required": true }, { "name": "includesHeaders", "type": "select", "label": "Table contains headers", "required": true, "validate": { "enum": [ true, false ] } }, { "name": "values", "spec": [ { "name": "0", "type": "text", "label": "name (A)" }, { "name": "1", "type": "text", "label": "description (B)" }, { "name": "2", "type": "text", "label": "services (C)" }, { "name": "3", "type": "text", "label": "email (D)" }, { "name": "4", "type": "text", "label": "telegram (E)" }, { "name": "5", "type": "text", "label": "(F)" }, { "name": "6", "type": "text", "label": "(G)" }, { "name": "7", "type": "text", "label": "(H)" }, { "name": "8", "type": "text", "label": "(I)" }, { "name": "9", "type": "text", "label": "(J)" }, { "name": "10", "type": "text", "label": "(K)" }, { "name": "11", "type": "text", "label": "(L)" }, { "name": "12", "type": "text", "label": "(M)" }, { "name": "13", "type": "text", "label": "(N)" }, { "name": "14", "type": "text", "label": "(O)" }, { "name": "15", "type": "text", "label": "(P)" }, { "name": "16", "type": "text", "label": "(Q)" }, { "name": "17", "type": "text", "label": "(R)" }, { "name": "18", "type": "text", "label": "(S)" }, { "name": "19", "type": "text", "label": "(T)" }, { "name": "20", "type": "text", "label": "(U)" }, { "name": "21", "type": "text", "label": "(V)" }, { "name": "22", "type": "text", "label": "(W)" }, { "name": "23", "type": "text", "label": "(X)" }, { "name": "24", "type": "text", "label": "(Y)" }, { "name": "25", "type": "text", "label": "(Z)" } ], "type": "collection", "label": "Values" } ] } }, { "id": 3, "module": "telegram:SendReplyMessage", "version": 1, "parameters": { "__IMTCONN__": 7994156 }, "mapper": { "text": "*🔧 Новая заявка на автоматизацию*\n\n*👤 Имя:* {{1.name}}\n*📧 Email:* {{1.email}}\n*💬 Telegram:* {{1.telegram}}\n*🧩 Сервисы:* {{1.services}}\n*📝 Описание автоматизации:* {{1.description}}", "chatId": "@autoflows", "parseMode": "Markdown", "replyMarkup": "", "messageThreadId": "", "replyToMessageId": "", "replyMarkupAssembleType": "reply_markup_enter" }, "metadata": { "designer": { "x": 476, "y": 4 }, "restore": { "expect": { "parseMode": { "label": "Markdown" }, "disableNotification": { "mode": "chose" }, "replyMarkupAssembleType": { "label": "Enter the Reply Markup" } }, "parameters": { "__IMTCONN__": { "data": { "scoped": "true", "connection": "telegram" }, "label": "ываываываыва" } } }, "parameters": [ { "name": "__IMTCONN__", "type": "account:telegram", "label": "Connection", "required": true } ], "expect": [ { "name": "chatId", "type": "text", "label": "Chat ID", "required": true }, { "name": "text", "type": "text", "label": "Text", "required": true }, { "name": "messageThreadId", "type": "number", "label": "Message Thread ID" }, { "name": "parseMode", "type": "select", "label": "Parse Mode", "validate": { "enum": [ "Markdown", "HTML" ] } }, { "name": "disableNotification", "type": "boolean", "label": "Disable Notifications" }, { "name": "disableWebPagePreview", "type": "boolean", "label": "Disable Link Previews" }, { "name": "replyToMessageId", "type": "number", "label": "Original Message ID" }, { "name": "replyMarkupAssembleType", "type": "select", "label": "Enter/Assemble the Reply Markup Field", "validate": { "enum": [ "reply_markup_enter", "reply_markup_assemble" ] } }, { "name": "replyMarkup", "type": "text", "label": "Reply Markup" } ] } } ], "metadata": { "instant": true, "version": 1, "scenario": { "roundtrips": 1, "maxErrors": 3, "autoCommit": true, "autoCommitTriggerLast": true, "sequential": false, "slots": null, "confidential": false, "dataloss": false, "dlq": false, "freshVariables": false }, "designer": { "orphans": [] }, "zone": "eu2.make.com", "notes": [] } } ``` *** Структура сценарію Сценарій складається з трьох модулів, які виконуються послідовно: 1. Webhook (Вебхук) — отримує дані з форми на сайті. 2. Google Sheets (Додавання рядка) — зберігає отримані дані в Google Таблицю. 3. Telegram (Надсилання повідомлення) — відправляє сповіщення про нову заявку в Telegram. *** Детальний опис модулів (переклад на українську)1. Модуль: Вебхук (gateway:CustomWebHook) * Назва: Форма на сайті * Функція: Отримує дані, надіслані з форми на вашому сайті, через Webhook. * Налаштування: * Webhook ID: 2287125 (унікальний ідентифікатор вебхука, який генерується в Make.com). * Максимальна кількість результатів: 1 (обробляє одну заявку за раз). * Як працює: Коли клієнт заповнює форму на сайті (наприклад, ім’я, email, Telegram, опис), дані надсилаються на вебхук Make.com. Ви повинні скопіювати URL вебхука з цього модуля і вставити його в налаштування форми на сайті. * Вихідні дані: Інформація з форми, наприклад, name, email, telegram, services, description. 2\. Модуль: Google Таблиці (google-sheets:addRow) * Назва: Додавання рядка * Функція: Зберігає дані з форми в Google Таблицю. * Налаштування: * Обліковий запис Google: Підключений через \_\_IMTCONN\_\_ (ID: 7818794). * Таблиця: Унікальний ID таблиці (/1F6iIXu...) у Google Drive (папка "youtube auto"). * Аркуш: "Форма на сайті". * Поля для заповнення: * Колонка A: Ім’я ({{1.name}}). * Колонка B: Опис ({{1.description}}). * Колонка C: Сервіси ({{1.services}}). * Колонка D: Email ({{1.email}}). * Колонка E: Telegram ({{1.telegram}}). * Опції: * Включає заголовки: Так. * Спосіб вставки: Додавання нових рядків (INSERT\_ROWS). * Формат даних: Як введено користувачем (USER\_ENTERED). * Як працює: Дані з вебхука автоматично додаються в таблицю як новий рядок. Наприклад, якщо клієнт вказав ім’я "Олег", email "", таблиця оновиться з цими даними. 3\. Модуль: Telegram (telegram:SendReplyMessage) * Назва: Надсилання повідомлення * Функція: Надсилає сповіщення про нову заявку в Telegram-канал. * Налаштування: * Обліковий запис Telegram: Підключений через \_\_IMTCONN\_\_ (ID: 7994156). * Канал: @autoflows. * Текст повідомлення (у форматі Markdown): ``` *🔧 Нова заявка на автоматизацію* *👤 Ім’я:* {{1.name}} *📧 Email:* {{1.email}} *💬 Telegram:* {{1.telegram}} *🧩 Сервіси:* {{1.services}} *📝 Опис автоматизації:* {{1.description}} ``` * Формат: Markdown (для красивого форматування). * Як працює: Після збереження даних у таблиці система надсилає повідомлення в Telegram-канал @autoflows із деталями заявки. Наприклад: ``` 🔧 Нова заявка на автоматизацію 👤 Ім’я: Олег 📧 Email: oleg@example.com 💬 Telegram: @oleg123 🧩 Сервіси: SEO, маркетинг 📝 Опис автоматизації: Потрібна автоматизація для лідів ``` *** Як налаштувати цю автоматизацію 1. Зареєструйтесь на Make.com і створіть новий сценарій. 2. Завантажте шаблон (блюпринт): [Google Drive](https://drive.google.com/file/d/1-nRyXCEH-S3rxisz08Jl3NIrvtTvQiwI/view?usp=drive_link). * У Make.com натисніть "New Scenario" → "Import Blueprint" → виберіть файл. 3. Налаштуйте Webhook: * Відкрийте модуль Webhook, скопіюйте URL вебхука. * Вставте цей URL у налаштування форми на вашому сайті (наприклад, у WordPress, Tilda чи іншій платформі). 4. Підключіть Google Таблиці: * Створіть нову таблицю в Google Drive із аркушем "Форма на сайті". * У модулі Google Sheets підключіть свій Google-акаунт і виберіть цю таблицю. * Переконайтеся, що назви колонок відповідають полям: name, description, services, email, telegram. 5. Підключіть Telegram: * Створіть бота через [@BotFather](https://t.me/BotFather) і отримайте токен. * Створіть канал (наприклад, @autoflows) і додайте бота як адміністратора. * У модулі Telegram підключіть бота і вкажіть ID каналу. 6. Активуйте сценарій: Натисніть "Activate" у Make.com, щоб автоматизація працювала постійно. 7. Протестуйте: Заповніть форму на сайті, перевірте, чи з’явилися дані в таблиці та чи надійшло повідомлення в Telegram. *** Чому це корисно? * Економія часу: Ви миттєво отримуєте заявки без ручної перевірки сайту чи пошти oпція. * Підвищення конверсії: Швидка реакція на заявки збільшує ймовірність угоди. * Простота: Налаштування займає 10–15 хвилин і працює стабільно. * Безкоштовно: На Make.com доступно 1000 операцій на місяць безкоштовно, чого вистачить для обробки багатьох заявок. *** Додаткові примітки * Перевірка безпеки: У JSON-файлі є унікальні ID (наприклад, Webhook ID, таблиці). Вони працюють лише для автора шаблону. Вам потрібно створити власний вебхук і таблицю. * Розширення: Ви можете додати більше полів у форму (наприклад, телефон) і відповідно оновити мапінг у модулях Google Sheets і Telegram. * Документація: Якщо потрібні детальні інструкції, дивіться відео в Telegram-каналі автора або офіційну документацію Make.com. Ця автоматизація — ідеальний старт для тих, хто хоче впорядкувати обробку заявок і підвищити ефективність бізнесу. Якщо у вас є запитання чи потрібна допомога з налаштуванням, пишіть у коментарі чи в Telegram! ![🚀](https://abs-0.twimg.com/emoji/v2/svg/1f680.svg) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://aibiz.gitbook.io/ua/5-prostikh-avtomatizacii-yaki-zminyat-vashe-zhittya-yak-pidpriyemcya-chi-frilansera/persha-avtomatizaciya-opis-avtomatizaciyi-forma-na-saiti.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.