Потеря лидов из-за ручного экспорта форм Tilda в CRM — частая проблема, которую мы решаем за один день. Встроенные интеграции часто не покрывают нестандартную логику: нужен собственный webhook-обработчик, передача UTM-меток и тонкая настройка аналитики. Наша команда с многолетним опытом реализовала более 150 проектов, разворачивая обработчики на Laravel и настраивая GTM. Закажите интеграцию под ключ — получите готовое решение с защитой и гарантией. Стоимость рассчитывается индивидуально, свяжитесь для оценки вашего проекта.
Как мы интегрируем Tilda с CRM?
Используем три подхода: встроенные интеграции, собственный webhook-обработчик или JS-интеграцию через блок T123. Выбор зависит от сложности логики и требуемой гибкости.
Сравнение подходов
| Характеристика | Встроенная интеграция | Webhook-обработчик | JS-интеграция (блок T123) |
|---|---|---|---|
| Настройка | 15–30 минут | 3–5 часов | 1–2 часа |
| Гибкость | Низкая (фиксированный маппинг) | Высокая (любая логика) | Средняя (только клиентский код) |
| Безопасность | API-ключ | Токен/IP-фильтр | Зависит от CORS |
| UTM-поддержка | Только скрытые поля | Полная | Через скрытые поля |
Почему webhook лучше встроенных интеграций?
Встроенные интеграции удобны для простых сценариев, но не позволяют добавить условия или обогатить лид данными из внешних API. Webhook даёт полный контроль: можно валидировать поля, отправлять данные в несколько CRM, запускать триггеры. При этом время разработки всего 3–5 часов — это даёт экономию бюджета по сравнению с созданием собственного решения с нуля. Оценим ваш проект.
Встроенные интеграции
В разделе «Интеграции» в настройках сайта Tilda доступны готовые коннекторы для amoCRM, Bitrix24, GetResponse, Mailchimp, SendPulse. Настройка занимает 15–30 минут: указываете API-ключ, маппинг полей формы на поля CRM — готово. Ограничение: маппинг полей ограниченный, условий нет, дополнительная логика недоступна.
Webhook на собственный обработчик
Для нестандартных CRM или сложной логики — webhook. В настройках формы Tilda: «После отправки» → «Webhook» → указываем URL. Tilda отправит POST с данными формы в формате application/x-www-form-urlencoded:
Name=Иван+Иванов&Phone=%2B79001234567&Email=ivan%40example.com&formid=form123456789&tranid=1234567890 Обработчик на Laravel:
public function handleTildaWebhook(Request $request): Response
{
$data = $request->all();
// Базовая проверка — Tilda не подписывает запросы,
// поэтому защита через IP-фильтр или секретный параметр в URL
$expectedToken = config('services.tilda.webhook_token');
if ($request->query('token') !== $expectedToken) {
abort(403);
}
$lead = [
'name' => $data['Name'] ?? $data['name'] ?? '',
'phone' => $data['Phone'] ?? $data['phone'] ?? '',
'email' => $data['Email'] ?? $data['email'] ?? '',
'source' => 'tilda',
'form' => $data['formid'] ?? '',
];
// Создаём лид в CRM
dispatch(new CreateCRMLead($lead));
return response('OK', 200);
}Важный нюанс: Tilda не подписывает webhook-запросы криптографически. Защита — либо секретный токен в URL (?token=xxx), либо IP-фильтр (IP-адреса серверов Tilda публикуются в документации Tilda).
Как настроить передачу событий в аналитику через GTM?
Для отслеживания событий форм в Google Analytics 4 или Яндекс.Метрике стандартный подход — Google Tag Manager. Tilda поддерживает вставку GTM-кода: «Настройки сайта» → «Аналитика» → «Google Tag Manager» → вводим ID контейнера (GTM-XXXXXXX). После этого в GTM настраиваем триггер на отправку формы Tilda. Tilda генерирует кастомное событие:
// Событие, которое Tilda отправляет в dataLayer после успешной отправки формы
window.addEventListener('message', function(event) {
if (event.data && event.data.indexOf('tildaCallback') >= 0) {
const data = JSON.parse(event.data);
if (data.event === 'tf-success') {
dataLayer.push({
event: 'tilda_form_submit',
formId: data.formId,
pageName: document.title,
});
}
}
});
В GTM: триггер → «Пользовательское событие» → tilda_form_submit. К нему привязываем тег GA4 с событием generate_lead.
Как передать UTM-метки в CRM?
UTM-метки из URL нужно сохранить и передать вместе с лидом. Tilda поддерживает это через скрытые поля формы:
- Добавьте в форме скрытые поля с именами
utm_source,utm_medium,utm_campaign. - В настройках формы включите «Автоматически подставлять UTM-метки в скрытые поля».
После этого в webhook придут заполненные UTM-поля, которые можно передать в CRM как атрибуты сделки. Это повышает качество лидов и позволяет оценивать эффективность рекламных каналов, сокращая затраты на лидогенерацию.
Типичные ошибки и их решение
- Ошибка 404 на webhook — проверьте маршрут и метод HTTP (должен быть POST).
- Пустые лиды в CRM — проверьте маппинг полей: названия полей из Tilda (Name, Phone) должны соответствовать ожидаемым в обработчике.
- Нет UTM в webhook — убедитесь, что включена автоподстановка UTM в настройках формы.
Что входит в работу по интеграции?
- Разработка webhook-обработчика (Laravel, Node.js или Django) с маппингом полей, валидацией и защитой.
- Настройка GTM, GA4 и Яндекс.Метрики с триггерами на отправку формы.
- Реализация передачи UTM-меток в CRM.
- Документация по эксплуатации и контакты поддержки.
- Обучение вашей команды: до 1 часа онлайн.
Сроки и гарантия
Настройка встроенной интеграции Tilda → CRM через стандартный коннектор: 30–60 минут. Реализация кастомного webhook-обработчика с маппингом полей и UTM-трекингом: 3–5 часов. Полная аналитическая связка с GTM, GA4, Метрикой и передачей UTM в CRM — 1 рабочий день. Наша гарантия: интеграция работает без сбоев, данные не теряются. Свяжитесь с нами для оценки вашего проекта — обсудим вашу задачу.
