Хочете додати живий чат Smartsupp до вашого інтернет-магазину Shopify? У цьому посібнику описані всі доступні методи встановлення — від офіційного додатка Shopify до ручної інтеграції коду для розширених налаштувань.
Ми розділили посібник на такі розділи:
Варіант 1: встановлення за допомогою додатка Shopify (рекомендовано)
Найпростіший спосіб додати Smartsupp до вашого магазину Shopify — скористатися нашим офіційним додатком. Жодного кодування не потрібно — просто встановіть, увійдіть, і ви готові до спілкування в чаті.
Знайдіть і встановіть додаток
Відкрийте Shopify App Store (apps.shopify.com) і знайдіть Smartsupp, або перейдіть безпосередньо на сторінку додатка Smartsupp.
Виберіть додаток Smartsupp і натисніть Add app, щоб встановити його у ваш магазин Shopify.
Встановити Smartsupp
Після того як ви додали Smartsupp, натисніть Install, щоб завершити встановлення.
Увійдіть у свій обліковий запис Smartsupp
Після встановлення натисніть значок Smartsupp. Ви можете Створити безкоштовний обліковий запис або Підключити наявний обліковий запис. Увійдіть, використовуючи ваші облікові дані Smartsupp, щоб пов’язати обліковий запис.
Порада: Додаток Shopify — це найшвидший і найбезпечніший спосіб встановити Smartsupp. Після підключення облікового запису вам лише потрібно увімкнути віджет у вашій темі (див. нижче).
Варіант 2: увімкнення віджета у вашій темі
Після встановлення додатка Smartsupp потрібно увімкнути вікно чату у налаштуваннях теми Shopify. Виконайте такі кроки:
Відкрийте Online Store
Увійдіть у ваш магазин Shopify і відкрийте Online Store з головного меню.
Налаштуйте вашу тему
Перейдіть до Themes > Customize, потім відкрийте Theme settings.
Увімкніть віджет Smartsupp
Натисніть App embeds і перемкніть віджет Smartsupp, щоб увімкнути його на вашому сайті. Натисніть Save, щоб застосувати зміни.
Порада: Після увімкнення віджета відкрийте головну сторінку вашого магазину та оновіть сторінку — вікно чату Smartsupp має стати видимим.
Варіант 3: ручне встановлення коду
Якщо вам потрібно підключити один обліковий запис Smartsupp до кількох сайтів Shopify або ви надаєте перевагу ручному контролю, ви можете вставити код чату Smartsupp безпосередньо у файли теми.
Примітка: Пряме редагування файлів теми може пошкодити ваш магазин, якщо виконане неправильно. Якщо ви не впевнені у роботі з кодом, попросіть вашого веб‑розробника про допомогу.
Скопіюйте код чату
Знайдіть ваш унікальний код чату Smartsupp на панелі управління в розділі Settings > Chatbox > Installation > Put code.
Вставте код у вашу тему
В адмін-панелі Shopify перейдіть до Online Store > Themes і натисніть Edit code. Відкрийте файл theme.liquid і вставте код чату Smartsupp безпосередньо перед закривальним тегом </head>. Збережіть файл.
Порада: Докладні інструкції щодо редагування коду тем Shopify див. в офіційній документації Shopify.
Важливі примітки
Виставлення рахунків через Shopify
Якщо ви встановлюєте Smartsupp через додаток Shopify, оплата за підписку обробляється через Shopify. Усі зміни у виставленні рахунків потрібно здійснювати безпосередньо в розділі виставлення рахунків Shopify. Smartsupp не має доступу для редагування або зміни вашої інформації про виставлення рахунків. Через додаток Shopify доступні лише щомісячні підписки.
Примітка: Якщо у вас виникли будь-які проблеми з оплатою за підписку, що виставляється через Shopify, зверніться безпосередньо до служби підтримки Shopify. Smartsupp не може змінювати виставлення рахунків Shopify.
Примітка: Shopify не дозволяє підключати один обліковий запис Smartsupp до кількох сайтів Shopify. Якщо у вас кілька магазинів, використовуйте метод ручного встановлення коду, описаний вище.
Примітка: Якщо вікно чату не з’являється після встановлення, спробуйте очистити кеш браузера й оновити сайт. Якщо проблема не зникає, перевстановіть додаток Smartsupp з Shopify App Store.
Пов’язані матеріали:
Встановлення Smartsupp — повний огляд усіх методів встановлення.
Google Tag Manager — альтернативний метод встановлення за допомогою GTM.
Що далі?
Основні налаштування вікна чату — налаштуйте кольори, позицію, вітальні повідомлення та інше.
Статус вікна чату — дізнайтеся, як працює статус віджета вікна чату та як ним керувати.
Чому я не бачу чат на своєму сайті? — вирішення типових проблем із встановленням.
Завантажити плагіни — перегляньте всі доступні інтеграції з платформами.