Передача UTM-меток и данных из Zero Block в карточку подписчика

Ссылка для регистрации: https://tilda.ru/?r=1663408

Эта инструкция поможет вам настроить передачу данных из zero-block Tilda и UTM-меток в профиль подписчика в BotHelp.

Чтобы данные из форм zero-block и UTM-метки передавались в профиль подписчика BotHelp, настройте сценарий работы:

1. Подписчик заходит на страницу Tilda с формой сбора данных.
2. Заполняет форму и нажимает кнопку подтверждения.
3. Автоматически переходит на страницу «Спасибо».
4. На странице «Спасибо» подписчик через кнопку Tilda открывает и запускает бота BotHelp.
5. Готово! Данные из формы и UTM-метки успешно сохранены в профиле подписчика.

Настройка передачи данных из форм zero-block и UTM-меток в профиль подписчика BotHelp

Подготовка страницы с формой сбора данных

1. В конструкторе сайтов Tilda создайте страницу и добавьте на неё блок T123 «HTML-код» и вставьте в него JavaScript:

<script src="https://main.bothelp.io/w/widget-button-tilda-form-parser.js" defer></script>

2. Добавьте Zero Block с нужными формами, которые вы хотите передать в BotHelp

ВАЖНО:

• Не изменяйте значения в поле VARIABLE NAME(ИМЯ ПЕРЕМЕННОЙ) для полей: email, name, phone. В противном случае данные из формы не будут записаны в стандартные поля подписчика в BotHelp.
• Любое другое текстовое поле будет записано в соответствующее пользовательское поле подписчика (если оно заранее создано в BotHelp). Для этого в VARIABLE NAME надо указать название пользовательского поля BotHelp (c учетом регистра).
• ВАЖНО! Пользовательское поле BotHelp не должно содержать пробелы:
  • Передача не сработает, когда переменная называется, например,  "Место работы". Правильно "Место_работы"
Для поля типа чекбокс:
  • в VARIABLE NAME(ИМЯ ПЕРЕМЕННОЙ) указать соответствующее пользовательское поле BotHelp

  • Если чекбокс выбран — в соответствующее пользовательское поле будет записано значение "yes"

  • Если чекбокс не выбран — значение не передаётся

• Для поля типа Дата и время:

  • Поддерживаются маски: DD-MM-YYYY и YYYY-MM-DD.

  • Разделители допустимы: "-" или ".".

  • Для передачи даты и времени используйте:

    • VARIABLE NAME(ИМЯ ПЕРЕМЕННОЙ)="дата_и_время" для даты,

    • VARIABLE NAME(ИМЯ ПЕРЕМЕННОЙ)="дата_и_время-bh-time" для времени — оба поля будут объединены и записаны в одно поле типа «дата и время» в BotHelp.
      

• Для поля типа Телефон нужно указать тип маски «Автоматическая маска с кодом страны» или настроить свою маску так, чтобы можно было ввести номер телефона только в международном формате:+79161234567. Можно добавить дополнительные вспомогательные поля с типом «Поле для ввода нескольких строк».

• Для поля типа «Скрытая переменная»:

  • В VARIABLE NAME(ИМЯ ПЕРЕМЕННОЙ) добавьте префикс bh_.

  • В BotHelp поле сохранится без префикса.
    Например: bh_test → test в карточке подписчика.

  Пример для Yandex Client ID:

  • В коде поле называется yaClientId.

  • Чтобы передать его из Tilda, создайте скрытое поле с именем bh_yaClientId и оставьте пустым.

  • При отправке формы оно автоматически заполнится значением из cookie _ym_uid и сохранится в пользовательском поле yaClientId в BotHelp.

3. В поле «SUCCESS URL» указать ссылку на вашу страницу «Спасибо», из которой подписчики будут переходить в бота.

Подготовка страницы «Спасибо»

1. Соберите специальную ссылку на бота вида https://r.bothelp.io/

1.1. Скопируйте прямую ссылку на бота. Найти её можно в настройках конструктора бота.

1.2. Из скопированной ссылки возьмите часть после знака «?».

Пример: из ссылки tg://resolve?domain=test1ella_bot&start=c1742897965948-ds
→ Скопируйте часть: domain=test1ella_bot&start=c1742897965948-ds

1.3. Добавьте перед скопированной частью https://r.bothelp.io/tg?

Пример готовой ссылки:

https://r.bothelp.io/tg?domain=test1ella_bot&start=c1742897965948-ds

Теперь ссылка готова к использованию!

3.Добавьте на страницу блок с кнопкой и вставьте в неё собранную ранее специальную ссылку на бота.

4. Добавьте блок T123 «HTML-код» и вставьте в него JavaScript:

<script>
var links = document.getElementsByTagName("a")
for (let i of links) {
    if (i.href.startsWith("https://r.bothelp.io")) {
        if (i.href.split("?").length > 1) {
            i.href += "&" + location.search.split("?")[1]
        } else {
            i.href += location.search
        }
    }
}</script>

Важно! Данный блок со скриптом должен находиться ниже кнопки, по которой пользователи будут переходить в бота.

Готово! Опубликуйте страницы лендинга и протестируйте передачу меток и параметров перед отправкой ссылки пользователям.

Если вы не нашли ответ на свой вопрос, задайте его нам в чате внутри кабинета либо напишите в телеграм BotHelpSupportBot или на почту hello@bothelp.io 

Получите 14 дней полного функционала платформы для создания рассылок, автоворонок и чат-ботов BotHelp.

Получить 14 дней бесплатно