Виджет на сайте

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

Как он выглядит

• На компьютере — строка приглашения внизу экрана с вопросами-подсказками. Посетитель может её закрыть, тогда останется узкая вкладка у края экрана; вкладку можно перетащить на любой край.
• На телефоне — круглая кнопка в углу, диалог открывается на весь экран.
• Окно диалога можно растянуть, открепить и перетащить — настройки запоминаются у посетителя.

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

Своё оформление

Меню в панели → «Сайты» → блок «Оформление виджета». Настраиваются:

• Основной цвет — кнопка, шапка диалога, сообщения посетителя, кнопка отправки.
• Фон окна диалога и цвет текста поверх него.
• Подписи — строка над полем вопроса, подсказка в поле ввода, текст пустого диалога.

Достаточно выбрать один основной цвет и один фон: второй тон градиента и контрастный цвет текста считаются автоматически, поэтому виджет не рассыпается на несочетаемые цвета. Кнопка «Вернуть наше оформление» сбрасывает всё разом.

Вопросы-подсказки

Там же, блок «Вопросы-подсказки»: вопрос и ответ к нему. Вопросы по очереди показываются в строке виджета — это заметно повышает шанс, что посетитель начнёт разговор.

• Если посетитель отправит вопрос слово в слово (регистр, «ё» и пунктуация не важны) — ответ придёт сразу, как от живого оператора: с паузами «печатает…».
• Абзацы ответа становятся отдельными сообщениями — пустая строка между абзацами делит ответ на части, максимум четыре.
• Вопрос можно оставить без ответа — тогда он просто подсказка, а отвечает оператор.
• Как только посетитель напишет что-то своё — автоответы прекращаются, дальше только человек.

Если оператор не отвечает

Через несколько минут ожидания виджет сам напишет посетителю, что вопрос не потерян, и предложит оставить контакт или продолжить разговор в MAX. Диалог при этом остаётся в панели — оператор ответит позже, а посетитель получит ответ на сайте или в мессенджере.

Кнопка на сайте с готовым вопросом

Любая кнопка или ссылка на сайте может открыть чат и подставить вопрос в поле ввода — отправит его посетитель сам, одним нажатием. Удобно для «Спросить про доставку» рядом с корзиной или «Помочь с выбором» на карточке товара:

<button onclick="DirectDialog.push(['ask', 'Подскажите про доставку в мой город'])">
  Спросить про доставку
</button>

Кнопка отправки в виджете при этом подсвечивается — посетитель видит, что от него ждут действия. Текст он может дописать или стереть: это обычное поле ввода, сообщение за него никто не отправляет.

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

Переписка не теряется

• Посетитель вернулся на сайт — история на месте.
• Оператор может прислать «ссылку-продолжение»: по ней диалог откроется на другом устройстве.
• Файлы и картинки летают в обе стороны.