Ваш інтернет-магазин працює на Shoper? Цей посібник допоможе вам підключити Smartsupp — від встановлення плагіна одним натисканням до ручного додавання коду.
Ми поділили посібник на такі розділи:
Встановлення плагіна Smartsupp
На панелі управління Shoper перейдіть до розділу Додатки та інтеграції > Додатки. Прокрутіть униз і знайдіть Smartsupp - живий чат, Flow (раніше чат-боти) & відеозаписи, а потім натисніть на нього.
Натисніть кнопку Встановити додаток .
Прийміть умови & положення App Store, а потім натисніть Встановити.
Ви побачите повідомлення з підтвердженням успішного встановлення плагіна Smartsupp.
Налаштування Smartsupp
Після встановлення перейдіть до розділу Додатки та інтеграції > Мої додатки І натисніть на значок Smartsupp .
Ви можете створити новий обліковий запис Smartsupp або увійти в наявний, щоб підключити його до вашого магазину Shoper.
Після підключення ви можете почати спілкуватися з відвідувачами або змінити налаштування Smartsupp за допомогою Smartsupp API. Не забудьте Зберегти зміни.
Порада: Після збереження відкрийте свій магазин у новій вкладці й оновіть сторінку — тепер widget чату Smartsupp має бути видимим.
Ручне встановлення коду
Якщо не вдається встановити плагін, ви можете додати код Smartsupp вручну як фрагмент JavaScript.
Скопіюйте код чату
Знайдіть свій унікальний код чату Smartsupp на панелі управління в розділі Налаштування > Канали > Живий чат > Встановлення > Вставити код.
Вставте код у Shoper
У Shoper перейдіть до розділу фрагментів JavaScript і вставте свій код Smartsupp. Обов’язково видаліть теги <script> І </script> — Shoper не приймає HTML-теги в цьому полі.
Примітка: Поле JavaScript у Shoper може мати обмеження кількості символів, тому код має бути якомога коротшим. Уникайте // Коментарів, оскільки Shoper може вважати їх нефункціональними. Після вставлення оновіть браузер, щоб побачити зміни.
Налаштування через API
Ви можете використовувати JavaScript API Smartsupp, щоб налаштувати поведінку widget чату у вашому магазині Shoper. Ось кілька поширених прикладів:
Відкриття widget чату за допомогою власної кнопки:
<button onclick="smartsupp('chat:open')">Chat with us</button>
Приховування widget чату на певних сторінках (Наприклад, кошика або оформлення замовлення):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Приховування стандартної кнопки чату І запобігання її появі після закриття:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Примітка: Поле JavaScript у Shoper може мати обмеження кількості символів і не підтримує // Коментарі. Код має бути коротким, і в ньому не слід використовувати HTML-теги, як-от <script>.
Видалення плагіна
Якщо вам потрібно видалити плагін Smartsupp, перейдіть до розділу Додатки та інтеграції > Мої додатки І натисніть на додаток Smartsupp .
Натисніть Видалити додаток.
Підтвердьте видалення.
Примітка: Smartsupp і Shoper — це два окремі сервіси. Видалення плагіна не скасовує вашу підписку Smartsupp. Щоб скасувати її, зверніться до нашої Команди підтримки.
Пов’язані ресурси:
Встановлення Smartsupp — повний огляд усіх способів встановлення.
Google Tag Manager — альтернативний спосіб встановлення за допомогою GTM.
Що далі?
Основні налаштування вікна чату — Налаштуйте кольори, розташування, вітальні повідомлення тощо.
Статус вікна чату — Дізнайтеся, як працює статус widget чату та як ним керувати.
Чому я не бачу чат на своєму сайті? — Усуньте найпоширеніші проблеми зі встановленням.
Завантаження плагінів — Ознайомтеся з усіма доступними інтеграціями з платформами.