Tilda + Trigly

Зачем интегрировать Tilda с Trigly

Tilda — самый популярный конструктор сайтов в России с десятками тысяч активных проектов. Создать красивый лендинг или многостраничный сайт на Tilda можно за считанные часы, но маркетинговые возможности после публикации ограничены. Встроенная CRM Tilda минимальна: нет сегментации, нет триггерных цепочек, нет AI-аналитики и нет омниканальных коммуникаций.

Trigly превращает каждый Tilda-сайт в полноценную маркетинговую машину. JavaScript SDK отслеживает поведение посетителей: какие страницы смотрят, сколько времени проводят, на что кликают, до какого места прокручивают. Формы Tilda автоматически передают заявки в CDP Trigly, где каждый лид получает персональный профиль с историей взаимодействий. На основе этих данных маркетолог запускает триггерные цепочки: welcome-email, follow-up, попапы с предложениями, push-уведомления для возврата посетителей. AI подбирает оптимальный канал и время для каждого контакта. Для бизнеса на Tilda это означает рост конверсии заявок на 30-50% и увеличение повторных визитов на 40%.

Что синхронизируется

При подключении Tilda к Trigly в CDP поступают следующие данные:

• Заявки с форм: все поля формы (имя, email, телефон, сообщение, кастомные поля), дата отправки, URL страницы, UTM-метки
• Поведенческие события через JS SDK: просмотры страниц, время на странице, глубина прокрутки, клики по кнопкам и ссылкам, скачивание файлов, воспроизведение видео
• Данные сессий: источник трафика, реферер, устройство, браузер, город (по IP), session_id для связывания событий в одну сессию
• Push-подписки: endpoint, ключи шифрования — для отправки web push-уведомлений
• Данные попапов: просмотры, закрытия, конверсии виджетов подписки — для оптимизации A/B-тестов

Пошаговая настройка

Шаг 1: Скопируйте JavaScript SDK

В панели Trigly перейдите в Интеграции → Tilda. Система сгенерирует персональный JavaScript-сниппет с вашим organization_id и API-ключом. Скопируйте весь код.

Шаг 2: Вставьте SDK в Tilda

Откройте ваш проект в Tilda. Перейдите в Настройки сайта → Ещё → HTML-код для вставки в HEAD. Вставьте скопированный сниппет. SDK начнёт автоматически трекать все визиты и события на всех страницах сайта.

Шаг 3: Настройте вебхук для форм

В Tilda перейдите к блоку с формой → Контент → Приём данных. Добавьте Webhook и вставьте URL из панели Trigly. Теперь каждая заявка с формы автоматически создаёт или обновляет контакт в CDP Trigly с привязкой к поведенческому профилю.

Шаг 4: Настройте попапы подписки

В Trigly перейдите в Конверсии → Попапы → Создать. Выберите тип (popup, inline, floating bar), настройте дизайн (цвета, текст, позиция) и правила показа (задержка, глубина прокрутки, конкретные страницы). Попап будет автоматически показываться на вашем Tilda-сайте.

Шаг 5: Включите push-уведомления

В Trigly перейдите в Каналы → Web Push → Подключить. Система автоматически сгенерирует VAPID-ключи. Service Worker устанавливается через SDK — никакого дополнительного кода в Tilda добавлять не нужно.

Шаг 6: Создайте триггерные цепочки

Перейдите в Кампании → Flow Builder. Создайте flow «Новая заявка с Tilda»: триггер — событие form_submit → welcome email (немедленно) → проверка открытия → follow-up через 3 дня → персональное предложение через 7 дней.

Шаг 7: Опубликуйте и проверьте

Опубликуйте сайт в Tilda. Откройте его в браузере и убедитесь, что SDK загружается (проверьте в DevTools → Network). Отправьте тестовую заявку через форму и проверьте, что контакт появился в CDP Trigly.

Примеры автоматизаций после подключения

Welcome-цепочка для новых лидов. Когда посетитель заполняет форму на Tilda, Trigly мгновенно отправляет welcome-email с подтверждением заявки и полезными материалами. Через 2 дня — письмо с кейсами или отзывами клиентов. Через 5 дней — персональное предложение. Если лид не открывает email, flow автоматически переключается на Telegram или push-уведомления. Конверсия заявок в клиентов вырастает на 35-45%.

Ретаргетинг через push-уведомления. Посетитель просмотрел страницу с ценами, но не оставил заявку. Trigly фиксирует это через JS SDK и на следующий день отправляет push-уведомление: «Остались вопросы? Получите бесплатную консультацию». Push-уведомления бесплатны и имеют Open Rate 40-60% — это один из самых эффективных каналов возврата.

Попапы с динамическим контентом. Trigly показывает разные попапы разным сегментам посетителей. Новый посетитель видит предложение «Скачайте бесплатный гайд». Вернувшийся посетитель — «Специальное предложение для вас — скидка 10%». Подписчик email — попап с приглашением в Telegram-канал. Это увеличивает конверсию подписки в 2-3 раза по сравнению с одинаковым попапом для всех.

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

Замедляет ли JavaScript SDK загрузку сайта на Tilda?

Нет, SDK загружается асинхронно и не блокирует рендеринг страницы. Размер скрипта — менее 15 КБ в сжатом виде. Влияние на скорость загрузки (Core Web Vitals) минимально и не заметно для посетителей.

Работает ли интеграция с Zero Block и кастомными блоками Tilda?

Да, JavaScript SDK трекает события на всех типах блоков Tilda, включая Zero Block. Для кастомных кнопок и элементов вы можете добавить data-атрибуты для точного трекинга кликов и конверсий.

Можно ли подключить несколько сайтов Tilda к одному аккаунту Trigly?

Да, вы можете подключить несколько сайтов Tilda к одной организации в Trigly. Каждый сайт будет использовать один SDK-сниппет, а данные будут различаться по полю source и page_url. Это удобно для мультилендинговых воронок.

Сценарии использования

Маркетинговое агентство с лендингами для клиентов

Агентство создаёт на Tilda посадочные страницы для рекламных кампаний клиентов. На каждом лендинге установлен JS SDK Trigly с уникальным тегом проекта. Заявки с форм автоматически попадают в CDP с привязкой к рекламной кампании (UTM-метки), источнику (Google Ads, VK, Яндекс.Директ) и конкретному лендингу. Trigly мгновенно отправляет welcome-email и запускает nurturing-серию, адаптированную под предложение на лендинге. Менеджер получает Telegram-уведомление о новой заявке с контекстом: откуда пришёл клиент, какой лендинг просматривал, сколько времени провёл на странице. Скорость обработки заявки сокращается с 2 часов до 5 минут.

Фрилансер-дизайнер с портфолио-сайтом

Дизайнер ведёт портфолио на Tilda и использует Trigly для превращения посетителей в клиентов. JS SDK отслеживает, какие работы просматривает посетитель и сколько времени уделяет каждому кейсу. При глубине прокрутки > 75% на странице с прайсами появляется попап: «Обсудим ваш проект? Оставьте контакт — отвечу в течение часа». После заполнения формы запускается серия из 3 писем: подтверждение заявки → через 2 дня подборка релевантных кейсов (AI подбирает по просмотренным категориям) → через 5 дней предложение бесплатной консультации. Push-уведомления используются для анонсов новых работ в портфолио: подписчики возвращаются на сайт и видят свежие кейсы.

Стартап с мультистраничной воронкой

Стартап использует 5 лендингов на Tilda для разных сегментов аудитории: для собственников бизнеса, маркетологов, разработчиков, инвесторов и HR. На каждом лендинге — своё предложение и своя форма заявки. Trigly объединяет данные со всех лендингов: если один человек посетил страницу для маркетологов и страницу для собственников, его профиль обогащается обоими контекстами. Nurturing-серия адаптируется: клиент получает контент, релевантный обеим ролям. Попапы на каждом лендинге отличаются: для маркетологов — «Скачайте гайд по автоматизации», для разработчиков — «Изучите API-документацию». Единый CDP позволяет избежать дублирования и отправки противоречивых предложений одному и тому же человеку.

Связанные материалы

• Web Push уведомления — бесплатный канал для возврата посетителей
• Попапы и виджеты подписки — конвертируйте трафик в подписчиков
• Автоматизация маркетинга для лендингов — кейсы для Tilda-бизнесов