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