Плануєте підключити живий чат Smartsupp до свого магазину Shopify? У цьому посібнику ви знайдете всі доступні варіанти встановлення — від офіційного застосунку Shopify до ручної інтеграції коду для розширених налаштувань.
Ми структурували цей посібник за розділами:
Варіант 1: Встановлення через застосунок Shopify (рекомендуємо)
Найпростіший спосіб інтеграції Smartsupp із вашим магазином Shopify — скористатися нашим офіційним застосунком. Не потрібно програмування — достатньо встановити, увійти й можна розпочинати спілкування з клієнтами.
Знайти та встановити застосунок
Відвідайте Shopify App Store (apps.shopify.com) і знайдіть Smartsupp, або перейдіть безпосередньо на сторінку застосунку Smartsupp.
Виберіть Smartsupp і натисніть Додати застосунок, щоб встановити його у свій магазин Shopify.
Встановіть Smartsupp
Після додавання Smartsupp натисніть Встановити, щоб завершити інтеграцію.
Увійдіть у свій обліковий запис Smartsupp
Після встановлення відкрийте іконку Smartsupp. Ви можете Створити безкоштовний обліковий запис або Підключити вже існуючий обліковий запис. Увійдіть, використовуючи ваші дані Smartsupp, щоб пов'язати обліковий запис із магазином.
Порада: Офіційний застосунок Shopify — це швидкий і безпечний спосіб встановлення Smartsupp. Після підключення облікового запису потрібно лише активувати віджет у темі (детальніше нижче).
Варіант 2: Активуйте віджет у темі
Після встановлення застосунку Smartsupp необхідно активувати чат-віджет у налаштуваннях теми Shopify. Дотримуйтесь цих кроків:
Перейдіть до інтернет-магазину
Увійдіть до свого облікового запису Shopify і відкрийте Інтернет-магазин на головній панелі.
Налаштуйте тему магазину
Зайдіть у розділ Теми > Налаштувати, потім відкрийте Налаштування теми.
Увімкніть віджет Smartsupp
Оберіть Вбудовані застосунки та активуйте віджет Smartsupp, щоб він з'явився на сайті. Натисніть Зберегти для застосування змін.
Порада: Після активації віджета, відкрийте головну сторінку магазину та оновіть її — чат-віджет Smartsupp вже має бути видимим.
Варіант 3: Додати код вручну
Якщо потрібно підключити один обліковий запис Smartsupp до кількох магазинів Shopify або бажаєте повний контроль над налаштуванням, можна вставити код чату Smartsupp безпосередньо у файли теми.
Зверніть увагу: Самостійне редагування теми може призвести до помилок у роботі магазину, якщо щось зроблено неправильно. Якщо сумніваєтесь у своїх знаннях коду, зверніться до веб-розробника.
Скопіюйте код чату
Ваш унікальний код чату Smartsupp знаходиться у кабінеті адміністратора, розділ Налаштування → Канали → Живий чат → Встановлення.
Вставте код у вашу тему
Перейдіть в адмін-панелі Shopify у Інтернет-магазин > Теми і натисніть Редагувати код. Відкрийте файл 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.
Що далі?
Базові налаштування чату — Налаштуйте кольори, позицію, вітальні повідомлення тощо.
Статус чату — Як працює статус chat widget та як ним керувати.
Чому чат не відображається на сайті? — Вирішення основних питань щодо встановлення.
Додаткові інтеграції — Дивіться перелік усіх доступних платформ для інтеграції.