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