Потеря лидов из-за ручного экспорта форм 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 рабочий день. Наша гарантия: интеграция работает без сбоев, данные не теряются. Свяжитесь с нами для оценки вашего проекта — получите консультацию бесплатно.