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