CRM для лендинга / посадкової сторінки

• Ніша: власники лендингів і посадкових сторінок — інфобізнес, онлайн-школи, курси, локальні послуги, продаж окремих продуктів.
• Кому підійде: якщо у вас 1 сторінка-конвертер (Tilda, WordPress, Webflow, Tilda + Tildification, чистий HTML) і 5–200 заявок на тиждень з реклами Meta / Google Ads / TikTok / органіки.
• Складність налаштування: 15–30 хвилин для базового webhook-прийому, плюс 1 година на аналітику UTM і автоматизації.
• Тариф: Free або Starter (для більшості лендингів цього вистачає на старт).

Чому лендингу потрібна окрема CRM, а не пошта

Лендинг — це сторінка, заточена під одну дію: «залиште номер — ми передзвонимо», «запишіться на безкоштовний урок», «купити онлайн-курс зі знижкою». Цикл угоди тут короткий — від кліку по рекламі до оплати або відмови проходить від 5 хвилин до 2–3 днів. Це принципово відрізняється від агентства нерухомості або B2B-сервісу: тут не можна «передзвонити завтра» — клієнт уже забув про вашу пропозицію і клікнув по рекламі конкурента.

А ще лендинг живе на трафіку: ви ллєте бюджет з Meta Ads, Google Ads, TikTok, Telegram-каналів, блогерів — і вам критично важливо знати, який саме креатив + аудиторія + ключове слово приносить продажі, а не просто заявки. Без CRM ви бачите лише вершину айсберга в Ads Manager: «100 лідів за 50 грн». А скільки з них купили? Скільки заплатили далі за апселл? Який ROI у конкретного відеокреативу проти статичної картинки? Без CRM відповіді не існує.

Сценарій болю: типовий день власника лендинга без CRM

Уявімо Сергія — власника онлайн-школи з англійської. У нього лендинг на Tilda «Безкоштовний пробний урок», запущена реклама в Instagram, працює один менеджер на пів-ставки. Заявки з форми лендинга приходять на пошту [email protected] і дублюються в Telegram-чат власника.

1. 09:30. Сергій відкриває пошту після ранкової кави. Бачить 7 заявок, що прийшли вночі.
2. 09:35. Пересилає список менеджерці у Telegram копіпастом. Двічі забуває одну заявку — її не помітив у середині листа.
3. 10:15. Менеджерка дзвонить першому ліду — а той уже записався до конкурента, бо ті відповіли о 23:40 минулої ночі через бот. Лід «остиг».
4. 11:40. Приходить нова заявка під час дзвінка з попереднім клієнтом. Менеджерка не помічає — пошта згорнута.
5. 14:00. Сергій намагається порахувати «а скільки лідів сьогодні всього?». Відкриває пошту, рахує вручну, плутається з тестовими заявками і власною «нотаткою на майбутнє».
6. Вечір. На питання «скільки коштує лід з Reels-кампанії №3 проти каруселі №7?» — відповіді немає. Сергій вимикає Reels на здогадку, втрачає 30% обороту наступного тижня.

Як TurboCRM розвʼязує проблему

• Webhook-приймання заявок. Форма лендинга шле POST-запит на /api/v1/leads з API-ключем у заголовку — лід зʼявляється у CRM миттєво, без ручного копіювання.
• UTM-мітки автоматично. JavaScript на лендингу знімає utm_source, utm_medium, utm_campaign, utm_content, utm_term, referrer_url і додає їх у тіло запиту. У звітах ви бачите ROI кожного оголошення.
• Канбан по етапах. Усі заявки одразу падають у колонку «Новий». Менеджер перетягує карточки по воронці: «Зателефонував» → «Записаний на пробний» → «Оплатив повний курс».
• Telegram-нотифікація. При появі нового ліда бот пушить повідомлення менеджеру/в командний чат із посиланням на карточку — менеджерка дізнається про заявку за 5 секунд, а не через годину при перевірці пошти.
• Дедуплікація. Якщо людина залишила заявку двічі (наприклад, з мобільного і з компʼютера), TurboCRM позначить запис як дублікат — не буде двох карточок з тим самим номером.
• Звіт по UTM-джерелах. Таблиця: source × medium × campaign × кількість лідів × конверсія в оплату × середній чек × ROI. Можна вимкнути нерентабельну кампанію за пів хвилини.
• Історія дзвінків і повідомлень. Усі взаємодії з клієнтом — у таймлайні картки. Якщо менеджерка звільниться, новий менеджер за 30 секунд побачить повний контекст.

Крок 1. Реєстрація і створення тенанта

Зайдіть на turbocrm.com.ua, натисніть «Спробувати безкоштовно». Заповніть форму:

• Назва проєкту — наприклад, «Школа English Hub» або «Курс по Excel».
• Піддомен — латиницею, наприклад englishhub. Кабінет буде на адресі englishhub.turbocrm.com.ua.
• Email власника — на нього прийде підтвердження.
• Пароль — мінімум 8 символів.

Після реєстрації ви одразу на тарифі Free — без банківської картки і без зобовʼязань. Цього достатньо щоб налаштувати воронку, прийняти перші заявки з лендинга і подивитись, чи все вас влаштовує. Якщо переростете ліміти Free — апгрейдитесь на Starter (~ ціна одного-двох лідів).

Крок 2. Воронка під коротку конверсійну логіку

У Налаштування → Воронки видаліть демо-воронку «Продажі». Створіть нову з 5 етапами — більше для лендинга не потрібно, інакше менеджер потоне в перетягуваннях:

Окремо налаштуйте причини програшу: «Дорого», «Купив у конкурента», «Передумав/не на часі», «Тестовий лід / спам», «Не дозвонився після 3 спроб». Це критично для аналітики — побачите, що ріже конверсію.

Крок 3. Джерела і UTM-розмітка

У Налаштування → Джерела створіть джерело «Лендинг» (slug landing). Якщо у вас кілька лендингів — створіть кілька: landing-english, landing-excel тощо.

Тепер про UTM. Кожне рекламне оголошення в Meta Ads / Google Ads / TikTok має посилання на лендинг — і саме до цього посилання додаються UTM-мітки. Базовий набір:

• utm_source — звідки трафік: facebook, instagram, google, tiktok, telegram
• utm_medium — тип трафіку: cpc (платна реклама), organic, email, referral
• utm_campaign — назва кампанії: spring-sale-2026, free-trial-lesson
• utm_content — варіант оголошення / креативу: video-1, carousel-blue, banner-girl-laptop
• utm_term — ключове слово (для пошукової реклами): kursy-english-online

Приклад готового URL для оголошення:
https://english-hub.com.ua/?utm_source=instagram&utm_medium=cpc&utm_campaign=spring-sale&utm_content=video-1

Крок 4. Видача API-ключа для webhook

Перейдіть у вашому кабінеті в Налаштування → API-ключі (URL: englishhub.turbocrm.com.ua/settings/api-keys). Натисніть «Створити ключ»:

1. Назва: «Webhook лендинга» (щоб потім згадати, для чого).
2. Дозволи: позначте leads.create — мінімально необхідне.
3. Збережіть. Вам покажуть ключ один раз — наприклад, tk_live_a7f3e29b1c…. Запишіть у безпечне місце (1Password / Bitwarden).

Цей ключ передається у заголовку X-API-Key кожного запиту з лендинга. Endpoint для прийому ліда:

POST https://englishhub.turbocrm.com.ua/api/v1/leads
Content-Type: application/json
X-API-Key: tk_live_a7f3e29b1c…

{
  "name":  "Олена Петренко",
  "phone": "+380671234567",
  "email": "[email protected]",
  "source": "landing",
  "notes": "Цікавиться курсом інтенсивом",
  "utm_source": "instagram",
  "utm_medium": "cpc",
  "utm_campaign": "spring-sale",
  "utm_content": "video-1",
  "referrer_url": "https://english-hub.com.ua/intensive"
}

У відповідь — 201 Created з id створеного ліда.

Крок 5. Підключення форми лендинга

Готові приклади під 3 типові сценарії:

Tilda (через webhook у налаштуваннях форми)

1. У редакторі Tilda відкрийте блок з формою → «Контент» → «Додати сервіс приймання даних» → «Webhook».
2. URL: https://englishhub.turbocrm.com.ua/api/v1/leads
3. HTTP-метод: POST, Тип контенту: JSON.
4. Заголовки: X-API-Key: tk_live_…
5. Tilda пришле тільки те, що є в полях форми. Щоб JS міг додати UTM, поставте JS-сніппет (нижче). Tilda викличе webhook після відправлення.

Tilda по дефолту шле поле Name, Phone, Email. У формі лендинга назвіть поля точно name, phone, email (нижній регістр) — щоб маппінг збігся з очікуваннями TurboCRM. Інакше — додайте проксі-скрипт (нижче в розділі WordPress / HTML).

WordPress + Contact Form 7 / WPForms (через webhook-плагін)

1. Встановіть плагін «CF7 to Webhook» або «WPForms Webhooks Addon».
2. У налаштуваннях форми додайте новий webhook:
   • URL: https://englishhub.turbocrm.com.ua/api/v1/leads
   • Метод: POST, формат: JSON
   • Заголовок: X-API-Key: tk_live_…
3. У маппінгу полів призначте:
   • your-name → name
   • your-phone → phone
   • your-email → email
4. Додайте hidden-поля для UTM (приклад нижче) і змапіть їх на utm_source, utm_medium, utm_campaign, utm_content.

Чистий HTML / Webflow / лендинг на власному коді

Найгнучкіший варіант — JS-обробник прямо в коді сторінки. Покладіть цей сніппет перед </body>:

<form id="lead-form">
  <input name="name"  placeholder="Ваше імʼя"  required>
  <input name="phone" placeholder="+380 67 …" required>
  <input name="email" placeholder="email (за бажанням)">
  <button type="submit">Записатися на пробний</button>
</form>

<script>
const ENDPOINT = 'https://englishhub.turbocrm.com.ua/api/v1/leads';
const API_KEY  = 'tk_live_…';                  // зберігається на фронті — це ОК для leads.create

function getUtm() {
    const p = new URLSearchParams(location.search);
    return {
        utm_source:   p.get('utm_source')   || null,
        utm_medium:   p.get('utm_medium')   || null,
        utm_campaign: p.get('utm_campaign') || null,
        utm_content:  p.get('utm_content')  || null,
        utm_term:     p.get('utm_term')     || null,
        referrer_url: document.referrer      || location.href,
    };
}

document.getElementById('lead-form').addEventListener('submit', async (e) => {
    e.preventDefault();
    const fd = new FormData(e.target);
    const payload = {
        name:  fd.get('name'),
        phone: fd.get('phone'),
        email: fd.get('email') || null,
        source: 'landing',
        ...getUtm(),
    };
    const res = await fetch(ENDPOINT, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'X-API-Key': API_KEY },
        body: JSON.stringify(payload),
    });
    if (res.ok) {
        location.href = '/thank-you'; // або показати inline-повідомлення
    } else {
        alert('Не вдалося надіслати. Спробуйте ще раз або зателефонуйте.');
    }
});
</script>

Крок 6. Тестова заявка і перевірка маппінгу

1. Відкрийте лендинг у режимі інкогніто, додайте до URL ?utm_source=test&utm_medium=manual&utm_campaign=qa.
2. Заповніть форму своїми даними (телефон +380000000000, імʼя «Тест»).
3. Перейдіть у TurboCRM → Ліди. Має зʼявитись запис «Тест» зі статусом «Новий», джерелом «Лендинг» і UTM-мітками utm_source=test тощо.
4. Якщо нічого не прийшло — відкрийте Налаштування → API-ключі → Лог запитів (там зберігаються всі звернення з кодом відповіді і помилкою валідації).

Типові помилки і як їх діагностувати:

Крок 7. Telegram-нотифікація і розподіл на менеджера

У Інтеграції → Telegram підключіть бота (через @BotFather отримайте токен, вставте у TurboCRM). Налаштуйте, щоб при появі нового ліда з джерела landing бот пушив повідомлення:

• В особистий чат менеджера (один менеджер) або
• В груповий чат відділу продажів (декілька менеджерів — хто перший взяв, того лід)

Шаблон повідомлення можна налаштувати:

🔥 Нова заявка з лендинга

Імʼя:   {{ name }}
Телефон: {{ phone }}
UTM:    {{ utm_source }} / {{ utm_campaign }}

Відкрити: {{ link }}

Для розподілу між менеджерами в Налаштування → Автоматизації ввімкніть правило: «При створенні ліда з джерела landing призначити менеджера круговою чергою з групи Sales». Це гарантує справедливий розподіл і ніхто не «забуде» свою заявку.

Крок 8. Аналітика по каналах: який креатив реально продає

Розділ Звіти → UTM-аналітика — головний інструмент власника лендинга. Доступні розрізи:

1. Зведення по utm_source

Скільки лідів і скільки виграних угод (=оплат) дав кожен канал. Приклад типової картини:

Висновок очевидний: TikTok зливає бюджет (120 лідів — 1 оплата), Google в 4 рази ефективніший за Instagram. Без CRM ви бачили б тільки «360 лідів» — і думали, що TikTok работає.

2. Зведення по utm_content (креативи)

Якщо ви тестуєте 3 варіанти відео і 2 каруселі — побачите, який саме контент конвертує. Це підказує копірайтеру і дизайнеру, які креативи масштабувати.

3. Час реакції менеджера

Звіт показує середній і медіанний час від створення ліда до першої взаємодії менеджера. Якщо ви бачите медіану 47 хвилин — пора або наймати другого менеджера, або підключати чат-бот для перших 20 секунд («Привіт, я отримав вашу заявку, передзвоню за 5 хв»).

4. Причини програшу

Стовпчикова діаграма причин відмов. Якщо топ-1 — «Дорого» з часткою 60% — або у вас оверпрайс відносно ринку, або менеджер не вміє продавати цінність. Якщо топ-1 — «Не дозвонився» — проблема у швидкості реакції або якості номерів (можливо, реклама збирає випадкові кліки).

Результати для бізнесу

Що отримує власник лендинга через 1–2 тижні після підключення TurboCRM:

• Час до першого дотику зі 47 хв → 4 хв. Telegram-нотифікація замість «зайду в пошту, як буде час».
• +25–40% конверсії в оплату на тих самих лідах. Бо менеджер встигає, поки клієнт ще на гарячих».
• −30% рекламного бюджету. Вимикаєте 1–2 неефективні UTM-кампанії, побачивши реальний ROI а не «кількість лідів».
• 0 заявок «загубились». Усе у CRM, дублі підсвічуються, історія по кожному номеру зберігається.
• Власник бачить дашборд за 30 секунд. Замість збору даних з пошти, Excel і скриншотів Ads Manager.

Часті запитання