Все проекты

Кейс 32 / 50 · Сайты и восстановление

Кастомный Jivo Chat-виджет для сайта на Tilda

Сделал кастомный мини-виджет чата для сайта на Tilda: аккуратная карточка с аватаркой оператора, анимацией печати текста и кнопкой отправки, которая открывает стандартный Jivo Chat.

  • Tilda
  • Jivo Chat
  • HTML
  • CSS
  • JavaScript
  • Mobile QA
  • Custom widget
Иллюстрация кейса — публичные скриншоты не размещены
ПроектTilda-сайт
Год2026
НаправлениеСайты и восстановление

Подробности

Сделал кастомный мини-виджет Jivo Chat для сайта на Tilda: вместо стандартной кнопки Jivo добавил аккуратную карточку с аватаркой оператора, анимацией печати текста и кнопкой отправки. По клику открывается стандартный Jivo Chat.

Что было сделано:

  • Проверил подключение Jivo на сайте.
  • Не добавлял второй скрипт Jivo — использовал существующую интеграцию.
  • Сделал кастомный HTML/CSS/JS-виджет.
  • Добавил появление через 7 секунд.
  • Настроил анимацию печати текста.
  • Скрыл стандартную кнопку Jivo, чтобы она не мешала кастомной карточке.
  • Сделал маленькую кнопку возврата после закрытия виджета.
  • Проверил мобильную версию и исправил наложения.
  • Не затронул квиз и другие страницы сайта.

Результат:

На сайте появился брендированный чат-виджет, который выглядит как часть дизайна сайта, корректно работает на мобильной версии и открывает стандартный Jivo Chat без дублирования скриптов.

Стек: Tilda, Jivo Chat, HTML, CSS, JavaScript.