Быстрый старт

Возможности чата

Настройка чата в виджете

Добавьте канал livechat в список каналов виджета. Доступно на тарифах Pro (до 100 диалогов/мес) и Business (безлимит).

"channels": [
  { "type": "livechat", "value": "", "label": "Онлайн-чат" },
  { "type": "whatsapp", "value": "79001234567", "label": "WhatsApp" }
]

Персонализация чата

Настройте имя и должность оператора, аватар, шапку чата и приветственное сообщение.

"config": {
  "chatOperatorName": "Анна Петрова",
  "chatOperatorTitle": "Менеджер по продажам",
  "chatOperatorAvatar": "user",
  "chatGreetingEnabled": true,
  "chatGreetingText": "Здравствуйте! Чем могу помочь?",
  "chatGreetingDelay": 30,
  "chatQuickButtonsEnabled": true,
  "chatQuickButtons": [
    { "text": "Сколько стоит?" },
    { "text": "Как заказать?" },
    { "text": "Какие сроки?" }
  ]
}

Шаблоны быстрых ответов

Оператор вводит / в поле ввода и видит список шаблонов. Выбор шаблона вставляет текст в поле. Настраиваются в дашборде индивидуально для каждого пользователя.

Рабочие часы и офлайн-форма

Настройте расписание работы по дням недели. Вне рабочих часов чат переключается в офлайн-режим: посетитель видит форму «Оставьте контакт — мы свяжемся». Заявки поступают на email и во вкладку «Заявки».

"config": {
  "chatWorkScheduleEnabled": true,
  "chatWorkSchedule": {
    "mon": { "start": "09:00", "end": "18:00" },
    "tue": { "start": "09:00", "end": "18:00" },
    "wed": { "start": "09:00", "end": "18:00" },
    "thu": { "start": "09:00", "end": "18:00" },
    "fri": { "start": "09:00", "end": "17:00" },
    "sat": null,
    "sun": null
  }
}

Что показывает дашборд

Проактивные приглашения в чат

Нажмите «Написать» на карточке посетителя — диалог откроется у него в виджете автоматически. Идеально для таргетирования горячих лидов: посетитель на странице цен 2 минуты — начните диалог первым.

Доступность

Стили виджета

Анимации кнопки

Привлекайте внимание посетителей с помощью анимаций. Анимация автоматически останавливается при открытии панели.

Кастомизация иконок

Мобильная адаптация

Отдельные настройки для мобильных: позиция, размер кнопки и отступы. Управляйте видимостью через showOnMobile и showOnDesktop.

"config": {
  "position": "bottom-right",
  "mobilePosition": "bottom-left",
  "size": "medium",
  "mobileSize": "small",
  "offsetX": 20, "offsetY": 20,
  "mobileOffsetX": 10, "mobileOffsetY": 10,
  "showOnMobile": true,
  "showOnDesktop": true
}

Базовые триггеры

Рабочие часы

Виджет показывается только в рабочее время с учётом часового пояса.

"triggers": {
  "workingHoursEnabled": true,
  "workingHoursStart": "09:00",
  "workingHoursEnd": "18:00",
  "timezone": "Europe/Moscow"
}

URL-правила

Показывайте виджет только на определённых страницах или исключайте ненужные.

"triggers": {
  "urlMode": "include",
  "urls": "/contacts\n/pricing\n/product/*"
}

UTM-фильтры

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

"triggers": {
  "utmEnabled": true,
  "utmSource": "yandex",
  "utmMedium": "cpc",
  "utmCampaign": "sale_2026"
}

Сегменты посетителей

Виджет автоматически определяет, первый ли это визит или пользователь возвращается. Вы можете настроить разные тексты для каждого сегмента.

"config": {
  "segmentsEnabled": true,
  "greeting": "Выберите удобный мессенджер",
  "greetingNew": "Привет! Задайте вопрос — ответим за 5 минут",
  "greetingReturning": "С возвращением! Чем можем помочь?"
}

Деловой стиль с менеджером

Стиль «Деловой» позволяет добавить фото, имя и должность менеджера — повышает доверие посетителей.

"config": {
  "style": "premium",
  "managerImage": "https://example.com/photo.jpg",
  "managerName": "Анна Петрова",
  "managerTitle": "Менеджер по продажам",
  "showOnlineStatus": true,
  "backgroundColor": "#1a1a2e",
  "accentColor": "#e94560"
}

Как работает

Включение

QR-коды доступны на тарифах Pro и Business. Включите в настройках виджета:

"config": {
  "qrEnabled": true
}

QR отображается только на десктопе. На мобильных устройствах канал открывается напрямую. Для канала «Телефон» QR-код содержит ссылку tel: — при скане телефон начинает набор номера.

Что можно тестировать

Как работает

Быстрая настройка (2 минуты)

Все 17 автоматических целей

Составные цели (воронки)

В Метрике можно создать составную цель с несколькими шагами. Это покажет, где посетители «отваливаются». Рекомендуемая воронка:

Что происходит под капотом

Виджет автоматически вызывает ym() с параметрами визита:

// При клике по WhatsApp виджет вызовет:
ym(12345678, 'reachGoal', 'click_whatsapp', {
  widget_id: "clx123abc456",
  url: "https://example.com/contacts",
  channel: "whatsapp",
  ab_variant: "variant-A"  // если активен A/B тест
});

// При успешной отправке callback-формы:
ym(12345678, 'reachGoal', 'callback_request', {
  widget_id: "clx123abc456",
  url: "https://example.com",
  form_type: "callback",
  name: "Иван",
  phone: "+79001234567"
});

// При первом сообщении в чат:
ym(12345678, 'reachGoal', 'chat_started', {
  widget_id: "clx123abc456",
  url: "https://example.com",
  source: "livechat"
});

Параметры визита

Каждая цель отправляется с дополнительными параметрами, доступными в отчётах Метрики:

Доступность

Важно

Быстрая настройка

Все 10 автоматических событий

Параметры событий

Каждое событие включает набор параметров для детальной аналитики.

Воронка конверсии в GA4

Создайте воронку в GA4 (Explore → Funnel exploration) для анализа пути посетителя:

Так вы увидите на каком этапе посетители уходят и сможете оптимизировать виджет.

Что происходит под капотом

Виджет вызывает gtag() автоматически:

// Пример вызова при клике по каналу
gtag('event', 'writesapp_channel_click', {
  widget_id: 'abc123',
  page_url: 'https://example.com/contacts',
  channel: 'whatsapp',
  ab_variant: 'variant_B'
});

// Пример вызова при отправке callback-формы
gtag('event', 'writesapp_callback_request', {
  widget_id: 'abc123',
  page_url: 'https://example.com',
  form_type: 'callback'
});

Важно

Google Analytics 4

Виджет автоматически отправляет 10 событий в GA4 при каждом действии посетителя. Подробная документация — в разделе Google Analytics 4.

"config": {
  "gaEnabled": true
}

Яндекс.МетрикаPro

Автоматическая отправка 17 целей в Метрику. Подробная документация — в разделе Яндекс.Метрика.

"config": {
  "ymEnabled": true,
  "ymCounterId": "12345678"
}

Обратный звонок (Callback)

Добавьте канал «Обратный звонок» — посетитель заполнит форму с именем и номером телефона, заявка придёт вам на email и в личный кабинет.

"channels": [
  { "type": "callback", "value": "", "label": "Обратный звонок" }
]

JavaScript Callback

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

"config": {
  "callbackEnabled": true,
  "callbackFunction": "onWidgetClick"
}

// В вашем JS:
window.onWidgetClick = function(channel, data) {
  console.log('Канал:', channel, 'Данные:', data);
};

• +Google Analytics 4: 10 автоматических событий (gtag) — все тарифы
• +Яндекс.Метрика: 17 автоматических целей (reachGoal) — виджет, каналы, формы, чат
• +Составные воронки конверсии для GA4 и Метрики
• +Параметры визита: widget_id, URL, канал, A/B вариант
• ~Яндекс.Метрика перенесена на тариф Pro (ранее доступна всем)
• ~Трекинг чата: chat_started, chat_message_sent, chat_prechat_submit

• +Онлайн-чат с посетителями (Pre-chat форма, быстрые вопросы, MagicType)
• +Мониторинг посетителей в реальном времени
• +Проактивные приглашения в чат с карточки посетителя
• +Email-уведомления о новых сообщениях в чате
• +Favicon badge с индикатором непрочитанных сообщений
• +Шаблоны быстрых ответов (/слеш-команды) для операторов
• +Звуковые уведомления при новых сообщениях
• ~Офлайн-режим теперь работает по расписанию (понедельно)

• +QR-коды для телефонных звонков (tel:)
• +Автоматический Pro trial 14 дней при регистрации
• ~Кнопка виджета: иконка закрытия (×) при открытии панели
• ~Сокращение длинных ссылок в виджете до домена

• +QR-коды для мессенджеров (WhatsApp, Telegram, Viber, VK, MAX)
• +Персонализация приветствий (сегменты: новые/возвращающиеся)
• +Интеграция с Google Analytics и Яндекс.Метрикой
• +Форма обратного звонка (Callback)
• +Кастомизация иконок (filled/outline, brand/single color)
• +Анимации кнопки (bounce, pulse, shake, glow)
• +UTM-фильтры для таргетированного показа
• ~Раздельные мобильные настройки (позиция, размер, отступы)

• +Стиль «Деловой» с аватаром менеджера
• +Авторизация через Яндекс ID
• +Система поддержки с тикетами
• +A/B тестирование виджетов
• ~Улучшена мобильная адаптация

• +Интеграция с Google Analytics и Яндекс.Метрикой
• +Настройка рабочих часов
• +UTM-фильтры для таргетинга
• +Поддержка мессенджера MAX

• +A/B тесты для виджетов
• +Webhooks для событий
• +API ключи в настройках
• ~Rate limit до 1000 req/min для Business

• +Первый релиз WritesApp 2.0
• +REST API v1
• +6 стилей виджетов
• +Аналитика в реальном времени