Кнопки в Telegram

Рекомендуем ознакомиться со статьей "Кнопки" в разделе "Основы ботостроения на Salebot.pro"

В Telegram можно использовать как Reply-кнопки (обычные или клавиатурные), так и Inline-кнопки (кнопки в тексте).

Информация об ограничениях: - Reply-кнопки (обычные или клавиатурные) до 12 штук в строке - Inline-кнопки до 8 штук в строке

Также помните, что ТЕКСТ в кнопке ограничен 32 символами и что кнопка НЕЛЬЗЯ задать цвет.

Как совместить два вида кнопок

Создаете блок с reply-кнопкой (кнопками), которые вам необходимо визуализировать. Например: [{"type": "reply", "text": "НАЗВАНИЕ КНОПКИ", "line": 0, "index_in_line": 0}]

Далее создаете следующий блок (таймер в 0 секунд) с inline-кнопками, которые необходимо разместить, не убирая reply-кнопки. Например: [{"type": "inline", "text": "НАЗВАНИЕ КНОПКИ", "line": 0, "index_in_line": 0}]

Результат:

Названия кнопок должны совпадать с блоком «Условие» в сообщении, на которое должна вести кнопка.

Обязательно соблюдайте последовательность: сначала reply кнопки, а потом inline. Иначе reply-кнопки пропадут со следующим блоком.

Как создать кнопку "Поделиться"

Кнопка только для телеграмма. При создании кнопки выбираете "Поделиться (только Telegram)" и заполняете поля (поле дополнительный текст необязательно):

При нажатии на получившуюся кнопку будет предложено выбрать кому из списка контактов переслать информацию.

После выбора получателя будет вставлена ссылка из строки “Поделиться ссылкой”, а также текст из строки “Дополнительный текст”.

Таким образом, можно передавать ссылки, в том числе на сообщения из каналов в телеграмм.

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

Как создать кнопку для авторизации на сайте

Для работы этой кнопки требуется привязка бота к домену. Делается это через @BotFather.

Выберите бота в диалоге с @BotFather, далее Bot Settings

Далее переходим в пункт Domain -> Set Domain

Вам будет предложено установить домен для бота.

Как это сделать правильно? Отвечаем:

  1. Укажите домен salebot.pro или

  2. Свой домен, если он подключен к минилендингу

После того, как все приготовления готовы, можно создать кнопку:

В поле Текст впишите текст для надписи на кнопке в поле Ссылка - url-адрес страницы, на которой будет реализована авторизация.

Остальные поля будут нужны, если для авторизации будет использоваться отдельный бот (требуется получить разрешение на отправку сообщений для этого бота): в частности, потребуется указание имени бота. Если нужна возможность отправлять сообщения от указанного бота, то обязательно поставьте галочку для “Запросить разрешение у пользователя на отправку сообщений от бота”.

Как создать Callback-кнопку

Callback-кнопка - это кнопки с обратной связью, когда клиент видит одно, а в бот мы получаем нужный нам callback для запуска какого-либо блока воронки.

Создать ее довольно просто: в поле Кнопки нажмите на кнопку Добавить кнопку. В открывшейся форме введите текст, укажите тип - Callback-кнопка (Вконтакте, Telegram) и введите текст Callback, который должен вернуться при клике на кнопку.

Визуально кнопка выглядит как обычная inline-кнопка:

В карточке клиента после клика по кнопке Вы увидите настроенный Callback:

ВАЖНО! В Telegram не поддерживается Callback-клавиатурные кнопки.

Как создать кнопку Telegram Web Application

Такая кнопка позволяет открыть сайт в виде веб-приложения в Telegram.

При добавлении кнопки укажите текст, тип кнопки Telegram Web Applications и ссылку на сайт, который следует открыть в виде веб-приложения

Вот так это выглядит в боте:

Как создать кнопки для использования в функциях API Telegram

Для большинства довольно сложно освоить API ботов Telegram и потом использовать их при создании клавиатуры, но специально для новичков есть способ проще. Вы можете просто использовать в своих нуждах генерируемый в расширенных настройках кнопок код. Для этого перейдите в форме настройки блоков в правой части экрана конструктора воронок и выберите раздел Кнопки. Добавьте все необходимые кнопки.

Код созданных кнопок Вы найдете при клике на Расширенные настройки в поле Расширенные настройки кнопки:

После этого скопируйте все из расширенных настроек кнопок (предварительно можете проверить работу кнопок прямо из этого блока) в переменную, не забыв поместить все скопированное между одинарных кавычек, и передайте переменную в функцию в параметре reply_markup.

buttons='[{"line":0,"index_in_line":0,"text":"111","type":"inline","callback":"qwerty1"},{"line":0,"i ndex_in_line":1,"text":"222","type":"inline","callback":"qwerty2"},{"line":1,"index_in_line":0,"tex t":"333","type":"inline","callback":"qwerty3"}]' tg_send_message(platform_id, "123", "", buttons)

В результате получите кнопки в том виде, в каком задавали их в расширенных настройках кнопок.

Видео-инструкция "Код кнопок"

Как удалить Reply-кнопки

Обычно кнопки удаляются сами, но бывают исключения.

Для удаления зависших кнопок Reply (клавиатурные кнопки) воспользуйтесь следующим кодом: {"buttons":[],"one_time":true}

Данный код следует разместить в расширенных настройках кнопок:

Клавиатурные кнопки-меню в Telegram

ВНИМАНИЕ! Данную возможность рекомендуем использовать только продвинутым пользователям

Клавиатурные кнопки

Для получения возможности использовать клавиатурные кнопки (reply) как постоянное меню Телеграм достаточно присвоить любое значение переменной tg_permanent_reply_buttons (переменная объявляется константой проекта).

Краткое описание действия включения tg_permanent_reply_buttons:

Задавая среди своих переменных tg_permanent_reply_buttons, Вы говорите о своем желании получить полный контроль над кнопками типа reply. Автоматические действия отключаются и ответственность переходит в Ваши руки. Данное действие распространяется на все вновь созданные клавиатурные кнопки для телеграмм

Для возвращения возможности скрывать reply-клавиатуру удалите переменную tg_permanent_reply_buttons и reply-кнопки, созданные пока данная переменная была в настройках проекта.

Как сделать меню в Telegram

Как сделать такое меню в Telegram:

Сделать такое меню может тот, кто создавал Telegram-бота.

Для этого нужно написать в Botfather в Телеграм.

Вводите команду /mybots , открывается список ваших ботов. Выбираете нужный. У вас открывается меню. Здесь нужно выбрать Edit Bot, а затем Edit Commands

Далее одним сообщением вводите команды и описание к ним. Название команд прописывается строчными буквами. Вам придет сообщение, что список команд обновлен.

Далее переходите в Salebot, открываете проект, к которому подключен этот телеграм-бот.

Создаете блоки "Первостепенная проверка условия" или "Не состояние с условием", в условиях прописываете команды, а в поле "Текст сообщения" — тексты, которые будут приходить в ответ.

Пример:

Last updated