Регистрируйтесь в Tilda по специальной ссылке и получите 1 месяц бесплатного доступа.
Ссылка для регистрации: https://tilda.ru/?r=1663408

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

Для передачи данных через виджет-кнопки BotHelp воспользуйтесь этой инструкцией.

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

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

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

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

  1. В конструкторе сайтов Tilda создайте страницу и добавьте на неё блок T123 «HTML-код» и вставьте в него JavaScript:
<script src="<https://main.bothelp.io/w/widget-button-tilda-form-parser.js>" defer></script>

2. Добавьте форму: блок BF204N «Вертикальная форма со множеством полей» или BF502N.

3. В настройках формы:

  • Добавьте поля для заполнения с типами Email, Имя, Телефон.

ВАЖНО! Не изменяйте значения в поле «Имя переменной» для этих полей. Оставьте их по умолчанию: email, name, phone. В противном случае данные из формы не будут записаны в стандартные поля подписчика в BotHelp.

ВАЖНО! Для поля типа Телефон нужно указать тип маски «Автоматическая маска с кодом страны» или настроить свою маску так, чтобы можно было ввести номер телефона только в международном формате:+79161234567.

  • Можно добавить дополнительные вспомогательные поля с типом «Поле для ввода нескольких строк».

ВАЖНО! Для такого дополнительного поля обязательно задать имя в поле «Имя переменной». Чтобы данные формы из этого поля сохранились в профиле подписчика, в его профиле уже должно быть добавлено кастомное поле с таким же названием. Если у подписчика не будет кастомного поля с таким же названием, то данные из этого поля не сохранятся в профиле подписчика.

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

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

  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>

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

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

Если вы не нашли ответ на свой вопрос, задайте его нам в чате внутри кабинета либо напишите на [email protected] 😃

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

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

Была ли статья полезна?

Спасибо за обратную связь!