Шаблоны и примеры
Готовые интерфейсы и блоки, которые можно скопировать, перекрасить и подключить к своему сайту: чат с ИИ-продажником, блоки аналитики и страница-дашборд. Всё на чистых HTML, CSS и JavaScript, без библиотек и внешних адресов.
Что внутри
Чат с ИИ-продажником
Три интерфейса - как на нашем сайте, минимальный, тёмный; своя кнопка со встроенным блоком.
Блоки аналитики
Плитки, линия по дням, источники, воронка, видимость и «Пульс» по ответам аналитического API; вариант на Chart.js.
Свой дашборд
Серверный прокси на Node.js и PHP, ключ API остаётся на сервере, и страница из четырёх блоков.
Как пользоваться
- На каждой странице есть живой предпросмотр с меткой «пример» и код во вкладках. Предпросмотр построен из того же кода, что показан во вкладках, - расхождений нет.
- Цвета, скругления и шрифты задают CSS-переменные (
--ch-*у чата,--ab-*у блоков): меняйте значения, структуру трогать не нужно. - Переключатель «Светлая / Тёмная» над предпросмотром показывает обе темы; в коде тёмная тема включается по системе и по атрибуту data-theme.
- Код не подгружает ничего снаружи: ни библиотек, ни шрифтов, ни картинок с чужих адресов.
- Данные в примерах вымышлены. Реальные цифры приходят из вашего аккаунта.
Ключ API и браузер
Чат работает без ключа: канал определяется идентификатором. Аналитика требует ключ с правами analytics:read и dashboards:read - он хранится только на вашем сервере, а браузер ходит к вашему прокси.