Перейти до основного контенту

Зростання — кожен лід миттєво у вашій CRM: надсилайте заявки на демо Survio у таблицю або HubSpot

Перетворіть форму Survio на ефективний інструмент залучення лідів: кожна заявка на демо автоматично стає рядком у Google Таблиці з вашим e-mail або новим контактом у HubSpot. Скористайтеся покроковою інструкцією з n8n і готовими шаблонами процесів.

Автор: Success Team Survio

Який варіант обрати?

Випадок A — простий та універсальний: кожна заявка на демо потрапляє у Google Таблицю, яку ви використовуєте як CRM, і ви отримуєте e-mail-повідомлення.

Випадок B — для команд, які вже працюють у CRM: кожна заявка на демо створює нового ліда у HubSpot і одразу надходить у роботу вашої команди продажу.

Відвідувач заповнює форму заявки на демо, і вже через кілька секунд лід потрапляє у вашу CRM. Малий бізнес отримує новий рядок у таблиці лідів і e-mail із можливістю одразу відповісти; відділ продажу отримує нового контакта у HubSpot. В обох сценаріях ви контактуєте з лідами, поки вони ще на вашому сайті.
​

Так виглядає e-mail, який ви отримуєте для кожної нової заявки на демо у випадку А:
​

New demo request e-mail in Gmail


​

А ось як виглядає новий контакт у HubSpot у випадку B:
​

HubSpot contact created from a demo request: lifecycle stage Lead and the request in Message

Як працює ця схема. Survio надсилає кожну заповнену відповідь на URL Вебхука. Автоматизація (у цій інструкції — n8n) отримує заявку і фіксує лід там, де ви працюєте. Survio лише надсилає, n8n відповідає за решту.

Вперше працюєте з Вебхуками у Survio? Відкрийте Вебхуки: надсилання відповідей до інших інструментів у реальному часі, а потім повертайтеся до цієї статті.
​

Що ви створите

Обидва варіанти мають спільний старт: коротка заявка на демо на вашому сайті, яка надсилається Вебхуком у n8n.

Огляд

Випадок A: таблиця як CRM

Випадок B: HubSpot

Результат

Кожен запит — це новий рядок у Google Таблиці з колонкою Status та e-mail-повідомленням для вас

Кожен запит створює нового контакта у HubSpot CRM, повністю готового для роботи відділу продажу

Інструменти

Survio, n8n, Google Таблиці, Gmail

Survio, n8n, HubSpot

Ідеально для

Малого бізнесу, який самостійно працює з лідами

Відділів продажу, що вже використовують HubSpot

Перед стартом

  • Опитування Survio має бути на платному тарифі. Вебхуки недоступні у Free-плані; кожен тариф має обмеження на кількість Вебхуків на одне опитування (див. інструкцію щодо вебхуків).

  • Обліковий запис n8n, n8n Cloud або власна інсталяція.

  • Випадок A: обліковий запис Google для Google Таблиць і Gmail. Випадок B: обліковий запис HubSpot.

У цьому посібнику використано коротку форму заявки на демо: ім'я, робочий e-mail (поле e-mail), компанія, розмір команди (варіант для вибору) та необов'язкове поле "Що бажаєте побачити під час демо?". Ваша форма може відрізнятися — важливо правильно зіставити ваші питання у кожному сценарії.
​

Крок 1 — додайте форму на сайт

  1. Відкрийте ваше опитування, перейдіть у Отримати відповіді та виберіть В мережі.

  2. Оберіть Спливаюче вікно та налаштуйте, коли воно з'являється. Для короткої форми активуйте Сховати сторінку привітання, щоб відвідувачі одразу розпочали з першого питання.

  3. Натисніть Вставити на сайт та розмістіть код на вашому сайті.

Pop-up window settings for the survey in Survio
Embed code for the pop-up window

Додаткові варіанти, як-от кнопка або віджет-бокова панель, дивіться у Інструкції зі вставки опитування на сайт.
​

Крок 2 — тільки для випадку A: створіть таблицю лідів

  1. Створіть нову Google Таблицю та перейменуйте першу вкладку на leads.

  2. У першому рядку введіть заголовки стовпців: Response ID, Received, Name, E-mail, Company, Team size, What they want to see, Status, Language.

  3. Виділіть клітинки під заголовком Status, виберіть Вставити → Випадаючий список, додайте опції New, Contacted і Done (натисніть Додати ще один елемент), після чого натисніть Готово.

Ваша таблиця — це проста CRM. Усі нові ліди з'являються як New. Після дзвінка чи листа змініть статус на Contacted, після закриття чи втрати угоди оберіть Done. Відфільтруйте колонку Status, щоб визначити, хто ще потребує вашої уваги.

Крок 3 — створіть Вебхук у n8n

  1. У n8n створіть новий робочий процес і додайте вузол Webhook як тригер.

  2. Установіть HTTP Method на POST.

  3. Перейдіть на вкладку Production URL і скопіюйте адресу.

  4. Натисніть Опублікувати. Production URL прийматиме запити лише після публікації робочого процесу.

n8n Webhook node with HTTP Method POST and the Production URL tab
Published button in the n8n editor

Використовуйте Production URL замість Test URL. Test URL працює лише, доки відкритий редактор у режимі тестування — після його закриття всі спроби Survio доставити відповідь будуть невдалими. Survio повторює спробу доставки протягом приблизно доби, після 5 днів невдач Вебхук буде вимкнено автоматично.

Крок 4 — підключіть опитування у Survio

  1. Відкрийте опитування у Survio та перейдіть у Отримати відповіді.

  2. Ліворуч у меню Автоматизації і інтеграції оберіть Вебхуки та натисніть + Додати Вебхук.

  3. Вставте Production URL із n8n у Webhook URL та натисніть Зберегти Вебхук. Вебхук стане активним миттєво.

Add a webhook dialog in Survio with the n8n Production URL filled in
Saved webhook in Survio, switched on


​

Крок 5 — надішліть тестову заявку та знайдіть ідентифікатори питань

  1. Заповніть форму за стандартною адресою і відправте її. Survio передає тільки завершені відповіді, натискайте «Далі» до кінця форми.

  2. У n8n відкрийте вкладку Виконання. Ваша заявка з'явиться за лічені секунди.

  3. Відкрийте виконання, натисніть на вузол Webhook. Розгорніть body, далі data та answers. Кожна відповідь містить question.id, label та answer.

  4. Запишіть ідентифікатори усіх запитань. Можна скористатись Pin, щоб продовжувати роботу з цією відповіддю без повторного заповнення форми.

Webhook node output in n8n with a demo request

Завжди оперуйте за ідентифікатором питання. Відповіді формуються списком; якщо змінити склад питань, порядок зміниться. Ідентифікатори питань залишаються постійними.

E-mail ліда у відповіді. Не використовуйте data.email: це поле може бути порожнім, якщо e-mail був отриманий через відповідне питання типу e-mail. Отримуйте адресу з відповіді на запитання e-mail.

Випадок A — таблиця як CRM плюс e-mail

Робочий процес складається з трьох кроків після Вебхука: Підготувати лід витягує дані із заявок, Зберегти лід у таблицю додає новий рядок, Надіслати e-mail про нового ліда повідомляє вам про подію.
​

Підготувати лід

  1. Додайте вузол Редагувати поля (Set) після Вебхука, перейменуйте його на Підготувати лід.

  2. У Поля для встановлення додайте поле для кожного стовпця з типом String. Назва має повністю співпадати з назвою колонки, значення — відповідно до формул нижче.

  3. Замініть ідентифікатори питань (наприклад, 90403243) на свої з Кроку 5, а Europe/Prague — на свій часовий пояс.

Назва поля

Значення

Response ID

{{ $json.body.data.responseId }}

Received

{{ DateTime.fromISO($json.body.data.submitted).setZone('Europe/Prague').toFormat('yyyy-MM-dd HH:mm') }}

Name

{{ $json.body.data.answers.find(a => a.question.id === 90403243)?.answer ?? "" }}

E-mail

{{ $json.body.data.answers.find(a => a.question.id === 90403263)?.answer ?? "" }}

Company

{{ $json.body.data.answers.find(a => a.question.id === 90403245)?.answer ?? "" }}

Team size

{{ $json.body.data.answers.find(a => a.question.id === 90403247)?.answer?.labels?.[0] ?? "" }}

What they want to see

{{ $json.body.data.answers.find(a => a.question.id === 90403244)?.answer ?? "" }}

Status

New (звичайний текст, не вираз)

Language

{{ $json.body.data.langCode }}

Prepare lead node in n8n with Fields to Set

Зберегти лід у таблицю

  1. Додайте вузол Google Таблиці після Підготувати лід, перейменуйте на Зберегти лід у таблицю і встановіть операцію Додати/Оновити рядок.

  2. Під'єднайте Google-акаунт, виберіть потрібну таблицю у Документ та вкладку leads у Лист.

  3. У Режимі відображення стовпців оберіть Автоматичне, а у Стовпець для зіставлення — Response ID.

  4. Додайте у Параметрах пункт Формат комірки та оберіть Дозволити форматування n8n. Це запобігає помилковому перетворенню, наприклад, 2-10 у дату.

Save lead to sheet node: Append or Update Row, Map Automatically, Column to match on Response ID

Навіщо окремий крок «Підготувати лід»? Якщо ви змінюєте таблицю або лист у вузлі Google Таблиці, n8n скидає внутрішнє відображення стовпців. За наявності виразів у Підготувати лід усі значення зберігаються.

Надіслати e-mail про нового ліда

  1. Додайте вузол Gmail після Зберегти лід у таблицю, перейменуйте його на Надіслати e-mail про нового ліда, виберіть Повідомлення і Надіслати.

  2. Підключіть свій Gmail акаунт і вкажіть у To власну адресу.

  3. Установіть Тему як Новий запит на демо: {{ $('Prepare lead').item.json.Name }} ({{ $('Prepare lead').item.json.Company }}).

  4. Установіть Тип e-mail як HTML і напишіть Повідомлення з деталями ліда, наприклад {{ $('Prepare lead').item.json['E-mail'] }} для e-mail адреси.

  5. У Параметрах додайте Send Replies To із {{ $('Prepare lead').item.json['E-mail'] }}, щоб відповіді йшли прямо лідові. Також вимкніть Append n8n Attribution.

Gmail node E-mail the new lead with To, Subject, Message and Send Replies To

Опублікуйте процес ще раз, зміни застосовуються лише після повторної публікації.

n8n workflow: Survio Webhook, Prepare lead, Save lead to sheet, E-mail the new lead

Надішліть ще одну заявку. З'явиться новий рядок зі статусом New у вашій таблиці, а e-mail надійде за кілька секунд.

The leads tab in Google Sheets with a Status dropdown


​

Випадок B — надсилайте кожну заявку на демо у HubSpot

У цьому сценарії лід одразу потрапляє у HubSpot CRM як контакт зі стадією Lead, і ваш відділ продажу бере його у роботу безпосередньо у HubSpot. Робочий процес: Підготувати лід і Створити або оновити контакт після Вебхука.

Підготувати лід

Додайте вузол Редагувати поля (Set) після Вебхука, назвіть його Підготувати лід і додайте ці поля типу String. Ідентифікатори питань вкажіть свої.

Назва поля

Значення

E-mail

{{ $json.body.data.answers.find(a => a.question.id === 90403263)?.answer ?? "" }}

First name

{{ ($json.body.data.answers.find(a => a.question.id === 90403243)?.answer ?? "").trim().split(" ")[0] }}

Last name

{{ ($json.body.data.answers.find(a => a.question.id === 90403243)?.answer ?? "").trim().split(" ").slice(1).join(" ") }}

Company

{{ $json.body.data.answers.find(a => a.question.id === 90403245)?.answer ?? "" }}

Message

Запит на демо з Survio. Розмір команди: {{ $json.body.data.answers.find(a => a.question.id === 90403247)?.answer?.labels?.[0] }}. Що хоче побачити: {{ $json.body.data.answers.find(a => a.question.id === 90403244)?.answer }}

Поля Ім'я та Прізвище розділяють одне поле "Ваше ім'я". Якщо у формі окремі поля для імені та прізвища — вкажіть відповідний ідентифікатор для кожного.
​

Створити або оновити контакт

  1. Додайте вузол HubSpot після Підготувати лід, назвіть його Створити або оновити контакт, оберіть ресурс Контакт і операцію Створити чи оновити.

  2. Під'єднайте свій акаунт HubSpot.

  3. У полі Email встановіть {{ $json['E-mail'] }}. HubSpot шукає наявний контакт за e-mail, дублювання не буде.

  4. У Властивостях контакту додайте First Name, Last Name, Company Name і Message (відповідні поля з Підготувати лід), а також укажіть Lifecycle Stage Name or ID як Lead.

HubSpot node Create or update contact with Email, contact properties and Lifecycle Stage Lead

Не забудьте натиснути Опублікувати.

n8n workflow: Survio Webhook, Prepare lead, Create or update contact

Контакт може автоматично приєднуватись до компанії. HubSpot прив'яже контакт до компанії з відповідним доменом e-mail, і контакт успадкує відповідального менеджера цієї компанії. Зазвичай це бажаний ефект, протестуйте на тестовому ліді.

Отримайте готовий робочий процес

Ви можете не налаштовувати все вручну: почніть із нашого шаблону. Завантажте файл для свого випадку у вкладеннях внизу цієї статті: survio-demo-requests-to-sheet-and-gmail.json для випадку A, або survio-demo-requests-to-hubspot.json для B. Далі:

  1. У n8n створіть порожній процес, відкрийте меню (три крапки) біля назви й оберіть Імпортувати → З файлу. Завантажте відповідний файл.

  2. Відкрийте Підготувати лід й підставте свої ідентифікатори питань, для A змініть часовий пояс.

  3. Випадок А: відкрийте Зберегти лід у таблицю. Якщо є попередження — підключіть акаунт Google, виберіть таблицю та вкладку leads. n8n перемкне режим стовпців у ручний — поверніть на Автоматичний і задайте Стовпець для зіставлення — Response ID. Відкрийте Надіслати e-mail про нового ліда та вкажіть свою адресу у To.

  4. Випадок B: відкрийте Створити або оновити контакт і підключіть акаунт HubSpot.

  5. Відкрийте Survio Вебхук, скопіюйте Production URL у Survio (Крок 4) і натисніть Опублікувати.

n8n workflow menu with Import and From file

Тестування "під ключ"

  1. Відкрийте сайт, заповніть форму у pop-up і надішліть.

  2. Випадок А: перевірте, що у вкладці leads з'явився новий рядок зі статусом New й отримано e-mail. При відповіді перевірте, що адресатом є лід.

  3. Випадок B: відкрийте HubSpot — переконайтеся, що контакт додано зі стадією Lead і вашим запитом у полі Message.

  4. У n8n на вкладці Виконання перегляньте всі доставки та дані.

Вирішення можливих проблем

Симптом

Причина

Вирішення

У n8n нічого не надходить

У Survio вказано Test URL або процес не опубліковано

Вставити Production URL у Survio та натиснути Опублікувати

Survio не працює з вашим n8n

n8n показує внутрішню адресу замість зовнішньої

Встановіть WEBHOOK_URL n8n як публічну https-адресу і скопіюйте URL знову

"Слухати тестову подію" не показує нічого, хоча форму заповнено

Survio надсилає на Production URL, а тест прослуховує Test URL

Перевірити у вкладці Виконання

Зміни не застосовуються

Процес опубліковано, зміну — ні (на кнопці Опублікувати є кругла позначка)

Натиснути Опублікувати ще раз

Стовпець пустий, у кінці з'являється новий стовпець

Назва поля у Підготувати лід не збігається з назвою колонки

Перейменуйте поле у Підготувати лід, щоб відповідало колонці, зайвий стовпець видаліть

Той самий лід з'являється двічі

Операція — Додати рядок, або не вказано стовпець зіставлення

Використовуйте Додати/Оновити рядок і зіставляйте за Response ID

Відповідь приходить вам, а не ліду

В Gmail не налаштовано Send Replies To

Додати Send Replies To у параметрах з e-mail ліда

Розмір команди відображається як дата

Google Таблиці конвертують, наприклад, 2-10 у дату

У Зберегти лід у таблицю вкажіть Формат комірки — n8n formatting

E-mail відсутній

Читаєте з data.email

Беріть e-mail із відповіді на e-mail питання

Створення/оновлення контакту не вдалося

E-mail порожній або некоректний, або закінчилась сесія HubSpot

Зробіть e-mail обов'язковим питанням, перепідключіть HubSpot у вузлі

Survio вимкнув Вебхук

Вебхук не працював 5 днів поспіль

Усуньте причину та знову увімкніть Вебхук у Survio

Корисно знати

  • Survio надсилає лише завершені відповіді: одне повідомлення на кожну відповідь — всього за кілька секунд. Якщо відвідувач припинить заповнення, дані не буде передано.

  • Відповіді, надіслані до налаштування Вебхука, або під час його паузи, не передаються ретроспективно.

  • Недоставлену відповідь повторюємо до 8 разів протягом ~27 годин, кожна спроба чекає відповіді до 30 секунд. Відповідність за Response ID запобігає дублюванню рядків.

  • Якщо протягом 5 днів жодної доставки не вдалося — Survio вимикає Вебхук, його потрібно активувати вручну.

  • Пауза зберігає положення Вебхука; видалення — остаточне.

  • Survio не веде журналу доставок у додатку. Дивіться вкладку Виконання у n8n.

  • Відправка відповідей на Вебхуки не впливає на ліміт відповідей вашого тарифу.

Потрібна допомога з налаштуванням? На сторінці Сторінка завершення у Survio натисніть Замовити експертне налаштування, опишіть ваші потреби — наша команда підготує, протестує і передасть сформований робочий Вебхук.

Схожі статті
Ви отримали відповідь на своє запитання?