Настройка цвета


Настройки цвета позволяют изменять внешний вид следующих элементов виджета:

  • кнопка открытия и шапка;
  • сообщения клиента и оператора;
  • ссылки и кнопки.

Изменить можно не только фон перечисленных элементов, но и цвет текста внутри них.

 

Поле "Фон" отвечает за изменение цвета элемента, поле "Цвет" - за изменение цвета текста.

 

Обратите внимание, что цвет саджестов будет совпадать с настройками цвета кнопки.

 
 

Вы можете выбрать один из предлагаемых вариантов цвета, либо создать собственный. Для этого в поле элемента, который вы хотите изменить, нужно нажать на иконку "Пипетка".

 
 

При создании своего цвета для кнопки открытия виджета и шапки виджета доступна опция "Градиент".

Для шапки виджета можно добавить фоновый рисунок.

 

Также есть возможность изменить цвет текстовой пометки в поле формы ("Placeholder") и цвет поля формы.

На изображении ниже Placeholder имеет зеленый цвет, поле формы - синий, а при выделении (наведении на него курсором) поле формы становится желтого цвета.

 
 

 

Часть настроек находится в расширенном меню. Нажмите на слайдер "Расширенные настройки", чтобы их увидеть.

 

После включения "Расширенных настроек" вам станут доступны настройки цветов следующих элементов:

  • счетчик непрочитанных сообщений;
  • всплывающее из кнопки облако с сообщением или меню кнопки;
  • уведомление в стиле VK.

На изображении ниже счетчик непрочитанных сообщений имеет черный цвет с зеленой цифрой, а всплывающее из кнопки облако - синий цвет с белым текстом.

 
 

На следующем изображении показано уведомление в стиле VK, имеющее черный цвет с белым текстом.

 
5860 просмотров

Другие статьи по этой теме

Настройки виджета позволяют изменять цвета, добавлять и регулировать границы и отступы, а также придавать закругление различным элементам. Настройки ...
В настройках кнопки вы можете изменять её размер, стиль и расположение, а также заголовок и иконку онлайн и оффлайн режимов. Все настройки производят...
Меню кнопки виджета - это выпадающий из основной кнопки список действий. Настройки производятся для разных типов устройств (ПК, смартфон, планшет) и ...
Меню виджета - это список действий, отображаемый в окне виджета при клике на значок "Меню" (☰), расположенный в левом верхнем углу виджета. Настройки...
Уведомление - это текстовое сообщение, которое отображается у пользователя при закрытом окне виджета. Вы можете настроить различные типы уведомлений ...
CSS
Настройки CSS находятся в расширенном меню. Нажмите на слайдер "Расширенные настройки", чтобы их увидеть. CSS (Cascading Style Sheets или каскадные т...
Шаблон - это сохраненный набор всех настроек виджета. Любые изменения, которые вы делали в настройках, можно сохранить в качестве шаблона. Для этого ...