Лендинг / посадочная страница −70% времени до первого касания 12 мин чтения

CRM для лендинга / посадочной страницы

Как инфобизнес, онлайн-школы и локальные услуги собирают заявки с лендинга прямо в CRM и отвечают за 5 минут

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

Почему лендингу нужна отдельная 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% оборота на следующей неделе.
Главное. На лендинге деньги делают не качественные лиды, а скорость реакции на них и чистота данных по каналам. Первые 5 минут после заявки — золото; через час конверсия в продажу падает в 3–5 раз. CRM закрывает обе задачи.

Как 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 секунд увидит полный контекст.
Список лидов в TurboCRM с колонками источник, UTM, время создания, ответственный менеджер
Список лидов. Каждая запись — с UTM-метками, которые автоматически снялись с URL лендинга.

Шаг 1. Регистрация и создание тенанта

Зайдите на turbocrm.com.ua, нажмите «Попробовать бесплатно». Заполните форму:

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

После регистрации вы сразу на тарифе Free — без банковской карты и без обязательств. Этого достаточно чтобы настроить воронку, принять первые заявки с лендинга и посмотреть, всё ли вас устраивает. Если перерастёте лимиты Free — апгрейдитесь на Starter (~ цена одного-двух лидов).

Совет. Если у вас несколько лендингов (разные офферы, разные ниши) — создавайте один тенант и внутри — отдельные источники + кастомное поле «Лендинг». Это дешевле и все отчёты в одном месте.

Шаг 2. Воронка под короткую конверсионную логику

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

# Название этапа Цвет Что происходит
1НовыйсерыйЗаявка только что пришла с лендинга, никто не звонил
2ДозвонилсяголубойМенеджер поговорил, выяснил потребность и бюджет
3Отправлено предложениефиолетовыйСкинули прайс / ссылку на оплату / договор
4Жду оплатуоранжевыйКлиент сказал «хорошо, покупаю» — ждём квитанцию
5ОплатилзелёныйДеньги на счёте — ВЫИГРАНО

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

Конструктор воронки с 5 этапами: Новый → Дозвонился → Отправлено предложение → Жду оплату → Оплатил
Короткая воронка под лендинг — 5 этапов. Больше — лишнее, менеджер забывает перемещать карточки.

Шаг 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

Совет. Используйте Google Campaign URL Builder — собирает корректные UTM за 30 секунд без ошибок в параметрах.

Шаг 4. Выпуск API-ключа для webhook

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

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

Этот ключ передаётся в заголовке 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-namename
    • your-phonephone
    • your-emailemail
  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>
Безопасность ключа. Ключ leads.create публичный — он имеет право только создавать лиды (не читать, не удалять), плюс стоит rate-limit 60 запросов/мин с одного IP. Хранение в фронт-коде — нормальная практика для лендингов. Если вас это беспокоит — поставьте лёгкий прокси на своём сервере: POST /api/lead принимает форму, потом сервер сам вызывает TurboCRM с ключом.

Шаг 6. Тестовая заявка и проверка маппинга

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

Типичные ошибки и как их диагностировать:

Симптом Причина Как исправить
401 Unauthorized в логеНеверный / просроченный API-ключПеревыпустите ключ, обновите на лендинге
422 ValidationНе передано name или phoneВ форме назовите поля точно как name/phone
402 Payment RequiredЛимит leads_per_month на тарифе исчерпанПерейдите на следующий тариф или дождитесь 1-го числа
UTM приходят пустымиJS не снимает параметры или страница кеширует без нихПроверьте, что JS выполняется ДО submit; отключите SSR-кеш для страницы

Шаг 7. Telegram-уведомление и распределение на менеджера

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

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

Шаблон сообщения можно настроить:

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

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

Открыть: {{ link }}

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

Скрин Telegram с сообщением бота: новая заявка с лендинга, имя, телефон, UTM, ссылка /images/cases/crm-dlya-lendynha/05-telegram-notification.png
Telegram-уведомление. Менеджер видит заявку через 2–5 секунд после того, как клиент нажал «Отправить» на лендинге.
Скорость — всё. По данным Lead Response Management Study конверсия в разговор падает в 21 раз, если перезвонить через 30 мин вместо 5 мин. Telegram-уведомление + мгновенный webhook это закрывают.

Шаг 8. Аналитика по каналам: какой креатив реально продаёт

Раздел Отчёты → UTM-аналитика — главный инструмент владельца лендинга. Доступные срезы:

1. Сводка по utm_source

Сколько лидов и сколько выигранных сделок (=оплат) дал каждый канал. Пример типичной картины:

utm_source Лидов Оплат Конверсия Средний чек Выручка
instagram18095%4 200 ₴37 800 ₴
google40820%5 100 ₴40 800 ₴
tiktok12010.8%3 800 ₴3 800 ₴
organic25416%4 900 ₴19 600 ₴

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

2. Сводка по utm_content (креативы)

Если вы тестируете 3 варианта видео и 2 карусели — увидите, какой именно контент конвертит. Это подсказывает копирайтеру и дизайнеру, какие креативы масштабировать.

Отчёт UTM-аналитики с таблицей источников и креативов — показано конверсию в оплату по каждому
Отчёт UTM-аналитики. Видно, какой креатив реально приносит оплаты, а какой — только клики.

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.

Частые вопросы

Можно ли подключить несколько лендингов к одному кабинету TurboCRM?

Да. Создайте отдельные источники (landing-english, landing-excel, landing-italian), на каждом лендинге в JS укажите свой source. В отчётах фильтруйте по источнику — получите отдельную статистику каждого. Один API-ключ можно использовать на всех.

Tilda не даёт изменить имена полей — как быть с UTM?

Tilda подставляет UTM в hidden-поля автоматически, если их назвать utm_source, utm_medium и т.д. (Tilda находит эти имена и заполняет сама). Поставьте 5 hidden-полей с соответствующими названиями — Tilda заполнит, ваш webhook примет. Альтернатива — микро-прокси на собственном сервере (15 строк PHP).

Что если лендинг на тарифе Free TurboCRM, а в конце месяца лиды исчерпались?

Webhook возвращает 402 Payment Required — лид не сохраняется. На лендинге JS может показать user-friendly сообщение «Заявка принята, мы перезвоним» и одновременно отправить email на владельца как fallback. В TurboCRM придёт напоминание об upgrade. Тариф Starter снимает лимит.

Можно ли автоматически отправлять клиенту welcome-email или SMS после заявки?

Да. В Настройки → Автоматизации создайте правило: «При создании лида с источника landing отправить email-шаблон «Спасибо за заявку, перезвоним за 15 мин»». Отдельно — SMS через TurboSMS-интеграцию (тариф Business+).

Отслеживает ли TurboCRM, что клиент пришёл с конкретного объявления Facebook Ads (а не просто «с instagram»)?

Да — если вы правильно размечаете UTM в каждом объявлении Ads Manager. Поле utm_content как раз для названия креатива/объявления. Многие арбитражники делают автоматическую разметку через {{adset.name}} + {{ad.name}} в URL Tag параметрах кампании.

Как интегрировать с Facebook Conversions API, чтобы алгоритм Meta учился на оплатах?

При изменении этапа лида на «Оплатил» в TurboCRM можно настроить webhook на свой бэкенд, который пробросит Purchase-событие в Conversions API с тем же fbp / fbc, что были записаны в момент заявки. Это отдельная техническая задача — подробный гайд готовим в документации, или запросите демо и мы покажем живую схему.

Сколько стоит?

Тарифы опубликованы на странице «Тарифы». Для одного лендинга до 500 лидов/мес достаточно Free — регистрация без банковской карты и без обязательств. Если перерастёте лимиты — апгрейдитесь на Starter.