Содержание статьи

• Введение
• Настройка оформления для кнопок
  • Создание библиотеки стилей
  • Включение оформления на кнопку

Введение

В кнопочном боте Nanotech42 есть возможность настроить оформление для каждой кнопки.

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

Например: выделить ярким цветом раздел, который ведет в продажу, рассказывает о текущих акциях и, наоборот, сделать переход в Оператору более незаметным, чтобы побудить пользователя общаться с Ботом и тем самым сократить нагрузку на операторов.

Внимание: эта функция доступна только для кнопок бота в канале Чате на сайте

 

Настройка стилей для кнопок

Для оформления кнопок с заданными стилями в виджете, потребуется выполнить следующие действия:

1. Создать библиотеку стилей;
2. Настроить на кнопки желаемые стили.

В данный момент, для кнопки можно задать следующие параметры:

• Цвет фона (цвет кнопки)
• Цвет текста на кнопке
• Рамка (толщина и цвет рамки кнопки)

Создание библиотеки стилей

Для того, чтобы добавить свой первый стиль в библиотеку,

• Зайдите в Личный кабинет Nanotech42;
• Перейдите в раздел Оформление кнопки;
• Нажмите кнопку "Новое оформление" в правом верхнем углу
  • В качестве Названия укажите краткое описание для оформления который вы задаете
    Например, "Зеленая кнопка с белым текстом";
  • В поле Цвет текста укажите HEX нужного цвета.
    Например, #ffffff (белый цвет);
  • В поле Цвет фона укажите HEX нужного цвета.
    Например, #34cf34 (зеленый цвет);
  • В поле Рамка укажите толщину рамки и ее цвет.
    Например 1px solid #e2e2e2 ;
• Нажмите Сохранить.

Для определения HEX желаемого цвета, воспользуйтесь общедоступными инструментами, например, colorpicker. 

Создайте столько оформлений, сколько вам требуется.

 

Включение оформления на кнопку

После того, как вы подготовили библиотеку оформлений, вы можете приступить к их включению на желаемые кнопки. Для каждой кнопки можно настроить свой уникальный стиль. Для этого:

1. Перейдите в раздел Управление ботами;
2. Выберите Сценарий кнопочного бота, для которого хотите внести изменения, нажав кнопку "Сценарий";
3. Выберите и кликните на кнопку раздела, для которой хотите применить оформление;
4. Выберите в селекторе Оформление кнопки заготовленный стиль;
5. Нажмите Сохранить изменения;

 

После сохранения изменений посмотрите как выглядят кнопки в виджете на сайте.