Вікно на сайті: консультант і його вигляд

Вікно чату — не лише «поле для питань». На сторінці товару воно знає, про що питають, показує цей товар, уміє покласти його в кошик і підказує наступний крок. А виглядає так, як ви скажете.

Програмувати для цього не треба. Ви ставите на сайт один рядок коду — і більше його не чіпаєте: усе, що на цій сторінці, вмикається й міняється словами в розмові з конструктором.

Що вікно вміє саме

Що	Як це виглядає
бачить товар	на сторінці товару агент знає назву, ціну, наявність, характеристики й опис — «це добра річ?» і «а є 42 розмір?» отримують відповідь про той товар, який у людини перед очима
показує картку товару	над розмовою стоїть картка: фото, назва, ціна
кладе в кошик	кнопка на картці натискає кнопку «Купити» вашого магазину — магазин робить усе, що робить завжди: просить вибрати розмір, показує своє вікно кошика
пропонує, що спитати далі	під відповіддю — до трьох кнопок із наступною реплікою: «Для офісу», «Покажи інші»
переводить до людей	коли помічник сам допомогти не може — кнопки ваших месенджерів, і питання людини вже вписане в повідомлення
пише списками	переліки — справжніми списками, виділене — жирним, посилання на ваш сайт відкриваються в тій самій вкладці
розгортається	кнопка в шапці робить вікно широким — для довгих відповідей

Товар вікно читає з розмітки, яку магазини й так ставлять для пошуковиків (schema.org або OpenGraph), і з тексту самої картки. Якщо на вашому сайті такої розмітки немає — картки не буде, а решта працюватиме.

Картка лише там, де товар один

На сторінці каталогу, де в розмітці двадцять товарів, картки немає: «ви зараз переглядаєте» про перший із двадцяти було б неправдою.

Кнопка «в кошик» зʼявляється, лише коли є що натиснути

Своєї корзини у вікна немає — кошик належить магазину. Вікно шукає на сторінці кнопку покупки вашого сайту й натискає її. Не знайшло — кнопки на картці не буде: мовчазна кнопка, яка нічого не робить, гірша за її відсутність.

Чого вікно не бачить

Сторінку воно читає без рядка запиту (усе після ? не збирається), і текст бере лише з блоку довкола заголовка товару, а не з усієї сторінки: шапка з кошиком та імʼям людини до помічника не їде.

Вимкнути читання сторінки зовсім:

хай вікно не читає мої сторінки

Кнопки ваших месенджерів

«Чому чорна є, а білої немає?» — питання не до помічника. Найгірше, що він може зробити, — вигадати відповідь. Правильний кінець такої розмови — «ось де вам відповість людина», одним натисканням.

коли не можеш допомогти — давай мій телеграм @svitlo_shop і вайбер 067 123 45 67

Після цього під відповіддю, з якою помічник сам не впорався, стоять кнопки. Натискання відкриває месенджер, і в полі вводу вже написано питання людини й адреса сторінки, з якої вона пише, — підтримка бачить, про що йшлося, а не «добрий день».

Кнопка	Що назвати
Telegram	імʼя користувача (@svitlo_shop) або номер
Viber, WhatsApp	номер телефону
Зателефонувати	номер телефону
Написати листа	адресу пошти
своя	адресу з https:// і напис на кнопці

Кнопок — до чотирьох. Ті самі кнопки вікно пропонує після оцінки «не допомогло».

Це не те саме, що «покликати людину»

Покликати людину — це розмова, яка лишається у вікні й чекає на оператора з вашого кабінету. Для цього в кабінеті хтось має сидіти. Кнопки месенджерів ведуть туди, де ваші люди вже відповідають.

Звертання на імʼя

Помічник звернеться на імʼя, якщо сайт скаже вікну, хто прийшов.

• WordPress — нічого робити не треба: наш плагін передає імʼя людини, яка увійшла на сайт. Лише імʼя — ні пошти, ні ідентифікатора.
• Інший сайт — це один атрибут у рядку коду, data-user-name="Олексій"; його ставить той, хто веде сайт (подробиці).
• Без цього — помічник може просто спитати, як звертатись.

Імʼя — це слово для привітання. Воно не доводить, хто це, і жодних прав не дає.

Вигляд — словами

зроби вікно кутастим, постав наш логотип і підпиши кнопку «Потрібна допомога?»

Рядок коду на сайті від цього не міняється — перевставляти нічого не треба. Вікно на сайті оновиться саме.

Скажіть	І вікно
«зроби кутасте» / «ледь округле»	змінить форму: кути вікна, кнопок і реплік
«зроби більше» / «компактніше»	змінить розмір вікна й тексту в ньому
«пиши нашим шрифтом»	візьме шрифт вашої сторінки
«шапку — нашим кольором»	заллє шапку акцентом
«постав на кнопку торбинку»	змінить значок: хмарка, знак питання, іскра, торбинка, гарнітура
«підпиши кнопку „Потрібна допомога?“»	зробить кнопку довгастою, з підписом
«постав наш логотип»	покаже картинку в шапці або на кнопці — потрібна адреса картинки з https://
«підніми кнопку вище, бо закриває кнопку „нагору“»	відсуне кнопку й вікно від краю
«хай саме запрошує: „Підказати з вибором?“»	покаже плашку біля кнопки — раз на відвідування, із хрестиком
«прибери картку товару» / «прибери кнопку в кошик»	прибере — товар помічник бачитиме далі
«прибери підказки під відповідями»	відповіді будуть без кнопок-варіантів
«напиши під полем, що ціни уточнювати в менеджера»	замінить примітку під полем вводу

Кольори, заголовок, привітання й кут — там само, де й раніше.

Як завгодно: свій стиль

Коли набору вище мало — «репліки з хвостиком», «шапку градієнтом у кольорах бренду», «хай кнопка пульсує», «намалюй свій значок», «у полі напиши „Що шукаєте?“» — просто скажіть це. Конструктор напише для вікна власний стиль, намалює значок і замінить будь-який напис.

зроби шапку градієнтом від синього до фіолетового, репліки помічника — з тонкою рамкою, а в полі вводу напиши «Що шукаєте?»

Дві речі тут лишаються незмінними, бо вікно стоїть на вашому сайті, перед вашими клієнтами:

• Коду немає. Стиль і малюнок — так; сценарій — ні, у жодній формі.
• Стиль не виходить за вікно. Він діє лише всередині нього й вашої сторінки не зачепить. Вікно ще й перевіряє себе саме: якщо у згорнутому стані воно закрило собою сторінку — стиль знімається, і вікно стає типовим. Негарне вікно краще за магазин, у якому не натискається жодна кнопка.

Читабельність зі своїм стилем — на вас

У наборі з таблиці вище платформа сама тримає текст читабельним на будь-якому тлі. Зі своїм стилем цієї гарантії вже немає — дивіться на перегляд.

Два написи замінити не можна: «Контакт побачить власник цього сайту» у формі контакту і «Оператор бачить, що ви друкуєте». Це не оформлення, а те, що людина має знати до того, як щось вписала.

Повернути типове: «скинь вигляд вікна» — або окремо «прибери свій стиль».

Подивитись, що вийшло

Після кожної зміни вигляду в розмові зʼявляється кнопка «Яким його бачать на сайті». Те саме — рядок «Вікно на сайті» на панелі поруч.

Це справжнє вікно з вашими налаштуваннями на зразку сторінки товару: можна перемкнути «відкрите вікно» й «лише кнопка», написати в нього й побачити зразок відповіді з варіантами й кнопками. Розмова там несправжня — кредити не витрачаються, у «Розмовах» нічого не зʼявляється.

Що сказати

Скажіть	І він
«постав консультанта в мій інтернет-магазин»	дасть рядок коду; товар, картку й кошик вікно побачить саме
«ось посилання на наші товари: …»	навчить помічника всього асортименту — Товари магазину
«коли не знаєш — давай мій телеграм @…»	поставить кнопки месенджерів під відповіді, з якими не впорався
«зроби вікно як у нас на сайті»	підбере форму, шрифт і кольори; покаже перегляд
«зроби зовсім по-своєму: …»	напише власний стиль вікна
«покажи, як воно виглядає»	відкриє перегляд справжнього вікна
«скинь вигляд вікна»	поверне типове

Що далі

• Товари магазину — щоб помічник знав увесь асортимент і радив інші товари.
• Де агент відповідає — рядок коду, дозволений домен, WordPress.
• Коли клієнт просить людину — оператор у самому вікні.
• Вікно на чужій сторінці: що вміє сам скрипт — для того, хто править код сайту.