В модулі конструктора можна налаштовувати зовнішній вигляд кнопок клавіатури.

Приклад такої клавіатури:

https://developers.viber.com/docs/img/keyboard_example_restaurant2.png

Налаштування стилізації доступні для блоків клавіатури, списку, слайдера (слайдер повинен доналаштувати розробник, з конструктора поки не вийде)

Як перейти в налаштування?

Щоб перейти в налаштування потрібно:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/90db3e90-c424-46a0-aaa6-61feb6f90ef0/viber_style1.jpg

Gif-інструкція з використання:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/da54c823-8cb8-4a43-9db4-a9a6b4c5cdaf/viber_style.gif

Шаблони дизайну кнопок

Для вашої зручності ми підготували шаблон дизайну для кнопок бота в різних варіантах в Figma

Viber buttons template

При експорті малюнків зазначайте розмір x2 або x3 тому, що інакше кнопки будуть розмиті

Выбран режим экспорта 2x

Выбран режим экспорта 2x

Приклади JSON-конфігурації кнопок клавіатури

Додавання фона подложки кнопок

Пример отображения фона на клавиатуре в чат-боте

Пример отображения фона на клавиатуре в чат-боте

Json код необхідно додати в поле "Json конфігурація текста (для кастомізації відображення тексту)"

Json код необходимо добавить в поле "Json конфигурация текста (для кастомизации отображения текста)"

Json код необходимо добавить в поле "Json конфигурация текста (для кастомизации отображения текста)"