У вас есть сайт на Tilda или WordPress, но посетители уходят, так и не подписавшись? Хватит терять лидов! Мы подготовили простейшую инструкцию, как установить на сайт красивые кнопки мессенджеров от BotHelp и автоматически переводить трафик в вашу воронку без программистов и головной боли.
В прошлом уроке мы навели порядок в аккаунте с помощью быстрых ответов и папок. Теперь, когда наша система отлажена, пора открывать для нее новые источники трафика. Что, если у вас уже есть сайт, лендинг или блог с посетителями? Как превратить их в подписчиков вашего чат-бота?
Раньше для этого приходилось вручную создавать кнопки на сайте и вставлять в них ссылки. Это было неудобно и требовало постоянных правок. Сегодня мы разберем новый, элегантный инструмент — «Виджет-кнопка». Он позволяет в несколько кликов сгенерировать готовый блок кнопок мессенджеров и легко установить его на любой сайт.
Видео-версия урока для тех, кто предпочитает смотреть, а не читать.
Навигация по уроку:
Выжимка ключевых моментов:
00:00:00 Что такое “Виджет кнопка” и зачем он нужен
00:03:05 Пошаговая настройка виджета
00:08:34 Установка кода на сайт
00:10:11 Важные нюансы и ограничения
Давайте создадим наш первый виджет. Все делается в уже знакомом нам разделе.
Перейдите в «Инструменты роста» и нажмите «Создать». Из предложенных вариантов выберите «Виджет-кнопка».
[Меню создания “Инструмента роста” с выделенным пунктом “Виджет-кнопка”]
Вы попали в конструктор виджета. Здесь все интуитивно понятно:
[Интерфейс конструктора виджета с выбором каналов и привязкой ботов]
Это очень важный шаг для аналитики! В поле «Добавить метку» создайте уникальную метку, например, s_glavnoy_saita. Эта метка будет автоматически присваиваться всем, кто подпишется через этот конкретный виджет. Так вы всегда будете знать, сколько подписчиков принес вам ваш сайт.
После сохранения настроек BotHelp сгенерирует для вас два фрагмента кода. Не пугайтесь, вам не нужно в нем разбираться, только скопировать и вставить в нужные места.
Представьте, что вы вешаете люстру. Первый скрипт — это как проводка в стенах. Вы прокладываете ее один раз на весь дом (сайт), и больше ее не трогаете. Второй код — это сама люстра. Вы вешаете ее в конкретной комнате (в нужном месте на странице).
Этот код отвечает за «логику» работы виджета. Его нужно установить один раз на весь сайт. Обычно в настройках вашего сайта (Tilda, WordPress, GetCourse) есть специальное поле для вставки HTML-кода в тег <head> или в footer перед </body>. Вставьте его туда.
Этот короткий код отвечает за отображение кнопок. Его нужно вставить в то самое место на странице, где вы хотите видеть виджет.
На Tilda этот процесс занимает 30 секунд:
[Вставка кода виджета в блок T123 на Tilda]
Готово! После публикации на вашем сайте появятся красивые кнопки, которые ведут прямо в вашу воронку.
Важное ограничение: На одну страницу сайта можно установить только один виджет-кнопку от BotHelp. Учитывайте это при проектировании ваших страниц.
Навигация по курсу:
Справочный материал: Бесплатный курс по BotHelp
BotHelp — это мощный инструмент для создания чат-ботов в Telegram и других мессенджерах. Для помощи в его освоении мы подготовили пошаговый видео-курс.
Курс рассматривает все этапы создания бота: от проектирования воронки до приема платежей и интеграции с другими сервисами.
Перейти к программе курса →GetCourse — это тот самый «комбайн», который может всё: от создания курсов и вебинаров до CRM и приема платежей. Да, он может показаться сложным, но именно для этого мы и создали наши пошаговые руководства.
Начните с правильного шага. Зарегистрируйтесь по нашей партнерской ссылке, чтобы получить максимальные бонусы на старте и нашу поддержку.
Зарегистрироваться на GetCourse и получить бонусыНачните с правильного шага
Зарегистрируйтесь по партнерской ссылке, чтобы получить максимальные бонусы на старте.
Получить бонусыЕсли вам понравилась статья, вы можете поделиться ей в социальных сетях
