Конфигуриране на Widget-и

​

Създаване на Widget-и

1. Отидете в персонализирано табло
2. Кликнете “Управление на Widget-и” след това “Създай нов Widget”
3. Изберете тип widget
4. Следвайте wizard-а от 2-3 стъпки
5. Запазете и добавете в таблото

​

Stat Widget-и

​

Стъпка 1: Основни настройки

• Вътрешен идентификатор за списъка с widget-и
• Не се показва в таблото
• Пример: “Общо повиквания този месец”

• Изберете източник на данни: calls, leads, campaigns, assistants, phone_numbers, sms
• Определя наличните колони

• COUNT - Общ брой записи (не е нужна колона)
• SUM - Сума от стойностите (изисква избор на колона)
• AVG - Средна стойност (изисква избор на колона)
• MAX - Максимална стойност (изисква избор на колона)
• MIN - Минимална стойност (изисква избор на колона)

• Изберете числова колона за агрегиране
• Пример: duration за средна продължителност на разговора
• Не е нужна за COUNT

​

Стъпка 2: Показване и филтри

• Основно заглавие, показано на widget-а
• Пример: “Общо повиквания”

• Незадължителен текст под стойността
• Скрит ако сравнението е активирано
• Пример: “Повиквания направени този месец”

• primary (син), success (зелен), warning (жълт), danger (червен), info (циан), gray
• Изберете според типа метрика (зелен за положителни, червен за отрицателни)

• Показва малка линейна диаграма с дневни тенденции
• Използва същия интервал от дати като статистиката

• Показва процентна промяна спрямо предишния период
• Пример: Последни 7 дни срещу предишните 7 дни
• Показва “+15%” или “-8%” със стрелка нагоре/надолу
• Замества полето за описание

• Филтриране по дата на създаване
• Опции: Днес, 1, 7, 14, 30, 60, 90, 180, 365 дни

• Добавете филтри за ограничаване на данните
• Множество условия са комбинирани с AND
• Вижте секция Филтриране на данни

​

Примери

Агрегация: COUNT
Таблица: calls
Етикет: "Общо повиквания"
Описание: "Последни 30 дни"
Цвят: primary
Интервал от дати: 30 дни

Агрегация: AVG
Таблица: calls
Колона: duration
Етикет: "Ср. продължителност"
Цвят: info
Покажи мини диаграма: Да
Интервал от дати: 30 дни

Агрегация: COUNT
Таблица: calls
Етикет: "Резервирани срещи"
Цвят: success
Сравнение: Да
Интервал от дати: 7 дни
Условия:
  - status = completed
  - evaluation.appointment_booked = true

​

Chart Widget-и

​

Стъпка 1: Основни настройки

• line - Тенденции във времето
• bar - Сравнение на категории или периоди от време
• area - Запълнена тенденчна диаграма
• pie - Пропорции (изисква Group By)
• donut - Пай с дупка в центъра (изисква Group By)
• polarArea - Кръгла с променлив радиус (изисква Group By)
• radar - Сравнение с множество оси
• radialBar - Единичен индикатор за напредък

​

Стъпка 2: Показване и филтри

• Заглавие на диаграмата

• Незадължителен подзаглавен текст под диаграмата
• Пример: “Производителност за последните 30 дни”

• Основен цвят на диаграмата
• За pie/donut използва многоцветна палитра (син, зелен, оранжев, червен, лилав, розов)

• Същото като статистиките

• Групиране на данните по стойности от колона
• Примери: Status, Campaign Id, Assistant Name
• Задължително за pie/donut/polarArea диаграми
• Незадължително за bar/radar диаграми
• Не може да се използва с Group By Period

• Групиране по времеви интервали
• Опции: hour, day, week, month
• Използва се за line/bar/area диаграми
• Не може да се използва с Group By

• Същото като статистиките

​

Стъпка 3: Разширени настройки (само за диаграми)

• Хоризонтални/вертикални линии на фона
• Помагат за четене на точни стойности
• По подразбиране: Да

• Етикети с цветово кодиране
• По подразбиране: Да за pie/donut/polarArea, Не за останалите
• Позиция: Долу от диаграмата

• Изплуващи прозорчета при посочване с точни стойности
• По подразбиране: Да (препоръчително)

• Стойности показани директно на елементите на диаграмата
• По подразбиране: Да за pie/donut/polarArea, Не за останалите
• Може да претрупа line/bar диаграмите

• Контроли за увеличение и изтегляне
• По подразбиране: Не

• smooth - Закръглени криви (по подразбиране, визуално привлекателно)
• straight - Директни линии (точно)
• stepline - Стъпаловидно (добро за дискретни събития)

• Дебелина в пиксели (1-10)
• По подразбиране: 2px

• Вертикално пространство в пиксели (200-800)
• По подразбиране: 300px
• По-високи диаграми са по-добри за повече точки с данни

• Ефект с цветен градиент
• По подразбиране: Не

• Краен цвят за градиента
• По подразбиране: Зелен (#10b981)

• Автоматично изчислява процент от условията
• Формула: (изпълнени условия / общо) × 100
• Изисква: Първо трябва да се добави поне едно условие
• Пример: Условие “status = completed” изчислява завършени лийдове / общо лийдове × 100
• Появява се след добавяне на условия в Стъпка 2

• Показва “X постигнати / Y общо” под radialBar диаграмата
• Видим само когато “Изчисли като процент” е активирано
• Показва точни числа заедно с процента
• Пример за долен колонтитул: “150 постигнати / 1,000 общо”

• Където започва дъгата в градуси (-360° до 360°)
• По подразбиране: -140°
• Обичайни стойности: -140° (по подразбиране), -90° (лев полукръг), 0° (отдолу)

• Където завършва дъгата в градуси (-360° до 360°)
• По подразбиране: 130°
• Валидация: Общата дъга (край - начало) не може да надвишава 360°
• Обичайни стойности: 130° (по подразбиране), 90° (десен полукръг), 180° (половин кръг), 270° (три четвърти)

• Размер на вътрешния кръг като процент (0-100%)
• По подразбиране: 60%
• По-висока стойност = по-тънък пръстен, по-ниска стойност = по-дебел пръстен

• Разстояние за пунктиран пръстеновиден модел (0-50)
• По подразбиране: 10
• 0 = непрекъсната линия, по-високи числа = повече разстояние между тиретата

​

Ръководство за типове диаграми

• Използвайте за: Дневни/седмични тенденции, непрекъснати данни
• Изисква: Group By Period
• Пример: Повиквания на ден за последните 30 дни

• Използвайте за: Сравнение на категории, периоди от време
• Може да използва: Group By (категории) ИЛИ Group By Period (време)
• Пример: Повиквания по кампания, почасово разпределение

• Използвайте за: Същото като линейна, подчертава обема
• Изисква: Group By Period
• Пример: Тенденция в обема на повикванията

• Използвайте за: Пропорции, проценти
• Изисква: Group By (НЕ Group By Period)
• Пример: Разбивка на статуса на повикванията

• Използвайте за: Като pie, но показва величината чрез радиуса
• Изисква: Group By
• Пример: Принос на кампанията

• Използвайте за: Сравнение с множество променливи
• Изисква: Group By
• Пример: Производителност в различни метрики

• Използвайте за: Кръгли индикатори за напредък показващи проценти (0-100%)
• Не използва: Group By или Group By Period
• Изчисление на проценти: Добавете условия, след това активирайте “Изчисли като процент” за автоматично изчисляване на (изпълнени условия / общо) × 100
• Пример: Коефициент на конверсия на лийдове (15%), успех при доставка на SMS (82.8%), завършване на цели

​

Примери

Таблица: calls
Агрегация: COUNT
Тип диаграма: line
Етикет: "Дневни повиквания"
Group By Period: day
Покажи мрежа: Да
Stroke Curve: smooth
Интервал от дати: 30 дни

Таблица: calls
Агрегация: COUNT
Тип диаграма: pie
Етикет: "Статус на повикванията"
Group By: status
Покажи легенда: Да
Покажи етикети с данни: Да
Интервал от дати: 7 дни

Таблица: calls
Агрегация: COUNT
Тип диаграма: bar
Етикет: "Повиквания по час"
Group By Period: hour
Интервал от дати: 7 дни

Таблица: calls
Агрегация: COUNT
Тип диаграма: bar
Етикет: "Повиквания по кампания"
Group By: campaign.name
Интервал от дати: 30 дни

Таблица: leads
Агрегация: COUNT
Тип диаграма: radialBar
Етикет: "Коефициент на конверсия"
Описание: "Завършени лийдове"
Цвят: success
Интервал от дати: 30 дни

Стъпка 2 - Условия:
  Поле: status
  Оператор: =
  Стойност: completed

Стъпка 2 - Процент (появява се след добавяне на условие):
  Изчисли като процент: Да
  Покажи долен колонтитул с числа: Да

Стъпка 3 - Разширени настройки (незадължително):
  Начален ъгъл: -140°
  Краен ъгъл: 130°
  Размер на дупката: 60%
  Dash Array: 10

Как работи:
  - Брои лийдове където status = completed (напр. 150)
  - Брои общо лийдове (напр. 1,000)
  - Изчислява: 150 / 1,000 × 100 = 15%
  - Показва: "15%" с долен колонтитул "150 постигнати / 1,000 общо"

Таблица: sms
Агрегация: COUNT
Тип диаграма: radialBar
Етикет: "SMS доставени"
Описание: "Коефициент на успех при доставка"
Цвят: info
Интервал от дати: 7 дни

Стъпка 2 - Условия:
  Поле: status
  Оператор: =
  Стойност: delivered

Стъпка 2 - Процент:
  Изчисли като процент: Да
  Покажи долен колонтитул с числа: Да

Стъпка 3 - Разширени настройки:
  Активирай градиент: Да
  Градиент към цвят: #10b981 (зелен)
  Начален ъгъл: -90°
  Краен ъгъл: 270° (създава три четвърти кръг)
  Размер на дупката: 55%
  Dash Array: 12

Резултат: "82.8%" с долен колонтитул "120 постигнати / 145 общо"
Визуализация: Син към зелен градиент, три четвърти кръг

Таблица: calls
Агрегация: COUNT
Тип диаграма: radialBar
Етикет: "Качествени повиквания"
Описание: "Дълги завършени изходящи повиквания"
Цвят: success
Интервал от дати: 30 дни

Стъпка 2 - Условия (всички трябва да са верни):
  Условие 1:
    Поле: status
    Оператор: =
    Стойност: completed

  Условие 2:
    Поле: duration
    Оператор: >
    Стойност: 180

  Условие 3:
    Поле: type
    Оператор: =
    Стойност: outbound

Стъпка 2 - Процент:
  Изчисли като процент: Да
  Покажи долен колонтитул с числа: Да

Стъпка 3 - Разширени настройки:
  Активирай градиент: Да
  Градиент към цвят: #3b82f6
  Dash Array: 8

Как работи:
  - Брои повиквания отговарящи на ВСИЧКИ три условия (напр. 45)
  - Брои общо повиквания (напр. 100)
  - Изчислява: 45 / 100 × 100 = 45%
  - Показва: "45%" с долен колонтитул "45 постигнати / 100 общо"

Таблица: leads
Агрегация: COUNT
Тип диаграма: radialBar
Етикет: "Квалифицирани лийдове"
Цвят: info
Интервал от дати: 30 дни

Стъпка 2 - Условия:
  Поле: status
  Оператор: =
  Стойност: scheduled

Стъпка 2 - Процент:
  Изчисли като процент: Да
  Покажи долен колонтитул с числа: Да

Стъпка 3 - Разширени настройки (дизайн полукръг):
  Активирай градиент: Да
  Градиент към цвят: #10b981
  Начален ъгъл: -90°
  Краен ъгъл: 90° (създава перфектен полукръг)
  Размер на дупката: 70% (по-тънък пръстен)
  Dash Array: 0 (непрекъсната линия)

Резултат: "2.2%" с долен колонтитул "4,841 постигнати / 220,073 общо"
Визуализация: Чист полукръг от ляво на дясно, син към зелен градиент

​

Table Widget-и

​

Стъпка 1: Основни настройки

• Изберете източник: calls, leads, campaigns, assistants, phone_numbers, sms

• Изберете кампания за да:
  • Филтрирате таблицата към тази кампания
  • Активирате колони с персонализирани променливи
• Незадължително

• Изберете асистент за да:
  • Филтрирате таблицата към този асистент
  • Активирате колони с полета за оценка
• Незадължително

• Основни колони: Id, Status, Created At, др.
• Колони за връзки: Assistant Name, Campaign Name
• Полета за оценка: evaluation. (ако е избран асистент)
• Променливи на лийдове: variables. (ако е избрана кампания)
• По подразбиране ако няма избрани: Id, Status, Created At

​

Стъпка 2: Показване и филтри

• Заглавие на таблицата

• Незадължителен подзаглавен текст

• Същото като статистики/диаграми

• Колона за сортиране по подразбиране
• Само прости колони (не връзки)
• По подразбиране: created_at

• desc (най-новите първи) - по подразбиране
• asc (най-старите първи)

• Брой редове за показване (1-100)
• По подразбиране: 10

• Същото като статистики/диаграми

​

Интерактивни функции

• Редовете на таблицата са кликаеми
• Автоматично препраща към страницата за детайли/редактиране на записа
• Работи за: Повиквания, Лийдове, Кампании, Асистенти

• Променяйте интервала от дати директно на widget-а
• Заменя конфигурирания интервал по подразбиране
• Полезно за изследване на различни периоди от време

• Падащо меню с множество избор за филтриране по статус
• Налично за: Повиквания, Лийдове, Кампании, Асистенти, SMS
• Изберете множество статуси наведнъж

• Дълъг текст се съкращава автоматично на 50 знака
• Посочването върху съкратен текст показва пълното съдържание в подсказка

​

Типове колони

• Международен формат (+1 555 123 4567)
• Префикс със знаме на държавата
• Примери: client_phone_number, phone_number

• Цветни значки
• Примери: поле status в която и да е таблица

• Формат “преди 3 часа”
• Посочването показва пълната дата и час
• Примери: created_at, updated_at

• Boolean полета: отметка или X със зелена/червена значка
• Не-boolean полета: стойност със сива значка
• Посочването показва описанието на полето
• Формат: evaluation.

• Персонализирани данни за лийдове
• Формат: variables.
• Примери: customer_name, company

• Достъп до свързани данни
• Примери: Assistant Name, Campaign Name
• Не може да се сортира по тях

​

Примери

Таблица: calls
Колони:
  - Client Phone Number
  - Assistant Name
  - Duration
  - Status
  - Created At
Сортиране: Created At desc
Редове: 25
Интервал от дати: 7 дни

Таблица: calls
Асистент: [Изберете за зареждане на полета]
Колони:
  - Client Phone Number
  - Assistant Name
  - evaluation.appointment_booked
  - Created At
Сортиране: Created At desc
Редове: 50
Интервал от дати: 30 дни
Условия:
  - Status = completed
  - Колона: Extracted Variables
    Extracted Variable Name: Custom variable
    Custom Variable Name: appointment_booked
    Оператор: =
    Variable Value: true

​

Филтриране на данни

​

Оператори

• = - Равно
• != - Не е равно
• > - По-голямо от
• >= - По-голямо или равно
• < - По-малко от
• <= - По-малко или равно
• like - Съдържа текст
• in - Едно от (разделени със запетая)
• not in - Не едно от
• is null - Няма стойност
• is not null - Има стойност

​

Основно филтриране

Колона: Status
Оператор: =
Стойност: completed

Колона: Duration
Оператор: >
Стойност: 60

Колона: Status
Оператор: in
Стойност: completed,in-progress

​

Филтриране по полета за оценка

1. Колона: Extracted Variables
2. Extracted Variable Name: Status или Custom variable
3. Ако Custom variable: Въведете името на полето в Custom Variable Name
4. Variable Value: true/false за boolean, или any + персонализирана стойност

Колона: Extracted Variables
Extracted Variable Name: Custom variable
Custom Variable Name: appointment_booked
Оператор: =
Variable Value: true

Колона: Extracted Variables
Extracted Variable Name: Custom variable
Custom Variable Name: sentiment
Оператор: =
Variable Value: any
Custom Value: positive

Колона: Extracted Variables
Extracted Variable Name: Custom variable
Custom Variable Name: interested
Оператор: =
Variable Value: any

​

Множество условия

Филтър за успешни дълги повиквания:
Условие 1:
  - Колона: Status
  - Оператор: =
  - Стойност: completed

Условие 2:
  - Колона: Duration
  - Оператор: >
  - Стойност: 120

Условие 3:
  - Колона: Extracted Variables
  - Extracted Variable Name: Custom variable
  - Custom Variable Name: appointment_booked
  - Оператор: =
  - Variable Value: true

​

Най-добри практики

​

Именуване на widget-и

• ✅ “Продажби повиквания - Последни 30 дни”
• ✅ “Средна продължителност поддръжка”
• ❌ “Widget 1”

​

Интервали от дати

• Днес: Наблюдение в