Керуєте інтернет-магазином на Shoper? У цьому посібнику знайдете покрокову інструкцію для підключення Smartsupp — від встановлення додатка одним кліком до ручного додавання коду.
Посібник поділено на наступні розділи:
Встановити додаток Smartsupp
У панелі керування Shoper відкрийте Додатки та інтеграції > Додатки. Пролистайте сторінку вниз і знайдіть Smartsupp (зазначено як Smartsupp - Live Czat, Czatbot, Mira AI і більше AI інструментів), після чого натисніть на цей додаток.
Натисніть кнопку Встановити додаток.
Прийміть умови App Store і натисніть Встановити.
Після цього побачите підтвердження успішного встановлення додатка Smartsupp.
Налаштувати Smartsupp
Після встановлення перейдіть у Додатки та інтеграції > Мої додатки та відкрийте Smartsupp.
Ви можете створити новий обліковий запис Smartsupp або увійти у власний, щоб підключити його до вашого магазину Shoper.
Після підключення ви можете почати спілкуватися з відвідувачами чи налаштувати Smartsupp через API Smartsupp. Не забудьте зберегти зміни.
Порада: Після збереження відкрийте ваш магазин у новій вкладці і оновіть сторінку — віджет чату Smartsupp має з’явитися автоматично.
Ручне встановлення коду
Якщо встановлення додатка не спрацювало, ви можете додати код Smartsupp вручну як JavaScript-фрагмент.
Скопіювати код чату
Знайдіть унікальний код чату Smartsupp у панелі Налаштування > Канали > Живий чат > Встановлення > Додати код.
Вставити код у Shoper
У Shoper перейдіть у розділ JavaScript-фрагментів і вставте ваш код Smartsupp. Обов'язково видаліть теги <script> і </script> — Shoper не приймає HTML-теги у цьому полі.
Примітка: Поле JavaScript у Shoper має обмеження по кількості символів, тому залишайте код якнайкоротшим. Не використовуйте // коментарі, адже Shoper може сприймати їх як помилкові. Після вставлення оновіть сторінку браузера, щоб побачити зміни.
Налаштування через API
Ви можете використовувати Smartsupp JavaScript API для налаштування роботи віджета чату у вашому магазині Shoper. Ось кілька типових прикладів:
Відкрити віджет чату за допомогою власної кнопки:
<button onclick="smartsupp('chat:open')">Чат із нами</button>
Приховати віджет чату на окремих сторінках (наприклад, кошик або оформлення замовлення):
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.
Що далі?
Базові налаштування вікна чату — Налаштуйте кольори, розташування, вітання та багато іншого.
Статус вікна чату — Дізнайтеся, як працює статус віджета чату та як ним керувати.
Чому не видно чат на сайті? — Вирішуйте найпоширеніші проблеми зі встановленням.
Завантажити додатки — Перегляньте всі доступні інтеграції з платформами.