This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Switch branches/tags
Branches Tags
Could not load branches
Nothing to show
Could not load tags
Nothing to show
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Cancel Create
- Local
- Codespaces
HTTPS GitHub CLI
Use Git or checkout with SVN using the web URL.
Work fast with our official CLI. Learn more about the CLI.
Sign In Required
Please sign in to use Codespaces.
Launching GitHub Desktop
If nothing happens, download GitHub Desktop and try again.
Launching GitHub Desktop
If nothing happens, download GitHub Desktop and try again.
Launching Xcode
If nothing happens, download Xcode and try again.
[ВК чат-бот] Как создать кнопки в чат-боте ВКонтакте
Launching Visual Studio Code
Your codespace will open once ready.
There was a problem preparing your codespace, please try again.
Latest commit
Git stats
Files
Failed to load latest commit information.
Latest commit message
Commit time
README.md
#Кнопка чата ВКонтакте на сайте
Кнопка для перехода с сайта в сообщения сообщества.
- https://botpult.com/vk-chat-button/demo-line-xs.html
- https://botpult.com/vk-chat-button/demo-line.html
- https://botpult.com/vk-chat-button/demo.html
- https://botpult.com/vk-chat-button/demo-circle.html
- Скачайте файл botpult-button.min.css
- Вставьте код перед закрывающимся тегом и замените ID_Сообщества на id вашего сообщества ВКонтакте
link href=’https://fonts.googleapis.com/css?family=Open+Sans’ rel=’stylesheet’ type=’text/css’> link rel pl-s»>stylesheet» type pl-s»>text/css» href pl-s»>botpult-button.min.css»> div class pl-s»>BotpultButton right-bottom» onclick pl-s»>window.open(‘https://vk.com/im?sel=-‘ + ID_Сообщества, ‘_blank’).focus()»> span class pl-s»>text»>Напишите нам!span> div>
####Вешний вид Можете выбрать 1 из 4 видов кнопки, просто заменив css класс BotpultButton на другой
div class pl-s»>BotpultButton right-bottom» . >
| BotpultButton |  |
| BotpultButton—circle |  |
| BotpultButton—line |  |
| BotpultButton—line-xs |  |
####Положение на старинце
Полный гайд по кнопкам в вк
Доступны 4 разных варианта расположения на странице, просто добавьте css класс к div элементу
div class pl-s»>BotpultButton right-bottom» . >
- right-bottom справа снизу
- left-bottom слева снизу
- left-top слева сверху
- right-top справа сверху
Источник: github.com
Как сделать кнопки в чате вк
Создание собственной кнопки чата.Вернуться в меню.
Базовые настройки позволяют выбрать положение кнопки на одном из краев экрана (левом, нижнем и правом), текст надписи (поддерживаются любые языки, при изменении настроек языка сайта надпись не меняется автоматически), отступ от края экрана (задается перемещением бейджа в окне просмотра результатов изменений), цвет (выбирается из стандартной палитры с регулируемой интенсивностью) и размер бейджа (маленький — 38 на 174 пикселя, средний — 43 на 183 пикселя, большой — 50 на 206 пикселей).
С помощью API возможно сделать любой элемент сайта кнопкой вызова чата (обрабатывается стандартное событие клика — onclick). Например:
- Текст текст, клик на который вызывает окно чата. Класс redhlp_button redhlp_withBadge указывает, что вместе с самодельной кнопкой необходимо показывать и обычную. В противном случае используйте класс redhlp_button . В результате получим текст, клик на который вызывает окно чата .
- Картинка
Класс redhlp_button redhlp_withBadge указывает, что вместе с самодельной кнопкой необходимо показывать и обычную. В противном случае используйте класс redhlp_button . В результате получим картинку, клик на который вызывает окно чата: 
- Своя кнопка, копирующая поведение стандартной
Класс redhlp_button redhlp_withBadge указывает, что вместе с самодельной кнопкой необходимо показывать и обычную. В противном случае используйте класс redhlp_button . #rh-customBadge < . >Класс, описывающий положение и другие свойства самодельной кнопки. #rh-customBadge:hover < . >Класс, описывающий поведение бейджа при наведении на него курсора. .redhlp_online #rh-customBadge .badgeImage < . background-image: url(/API/img/bubble.png); >Класс, описывающий поведение индикатора в случае, если все операторы недоступны (изображение конверта). .redhlp_offline #rh-customBadge .badgeImage < . background-image: url(/API/img/mail.png); >Класс, описывающий поведение индикатора в случае, если хотя бы один из операторов доступен (изображение облака с чатом). .redhlp_openChat #rh-customBadge < display: none !important; >Класс, заставляющий кнопку исчезать в случаях, когда открыты чат или офлайн-форма. Результат можно видеть на правой границе страницы сайта. Кнопка ведет себя также, как стандартная (реакция на наведение, нажатие, отображение состояния оператора).
Посмотреть исходный код примера можно нажав Ctrl+U (браузер Chrome) или выбрав в меню браузера опцию «Просмотреть исходный код».
Запустить консоль — F12 (браузер Chrome) или «Инструменты разработчика».
Источник: redhelper.ru
В чат-ботах ВКонтакте появились кнопки для быстрого ответа
Во ВКонтакте появилась возможность добавлять в чат-боты клавиатуры с кнопками для быстрого ответа. Теперь для использования ботов пользователям не нужно вводить текст, достаточно нажать на один из предложенных вариантов.
По мнению представителей ВКонтакте, новая функция ускорит работу с ботами, упростит навигацию и повысит лояльность пользователей.
Для работы чат-бота нужно включить функцию «Включить API для ботов» в настройках сообщений. Подробную документацию по клавиатурам для ботов можно найти здесь.
Новую функцию уже опробовало сообщество Comedy Club:
Напомним, на прошлой неделе ВКонтакте представил новые инструменты для независимых авторов.
Источник: пресс-релиз ВКонтакте
Источник: www.likeni.ru