Готові підключити Smartsupp до вашого сайту? У цьому посібнику детально описано весь процес встановлення — від створення облікового запису до перевірки, що віджет чату працює на вашому сайті.
Ми розділили інструкцію на етапи:
Крок 1: Створіть обліковий запис Smartsupp
Якщо ви ще не маєте облікового запису Smartsupp, почніть з безкоштовної реєстрації. Реєстрація займає лише хвилину — вам знадобиться лише ваша ел. пошта.
Після створення облікового запису ви потрапите на панель управління Smartsupp, де зможете знайти свій унікальний код чату та почати налаштовувати живий чат.
Корисні матеріали:
Як створити обліковий запис Smartsupp? — детальний покроковий посібник зі створення облікового запису.
Огляд панелі управління — ознайомтеся з панеллю управління Smartsupp і її основними розділами.
Крок 2: Знайдіть ваш код чату
Після реєстрації ви отримаєте ел. лист із вашим унікальним кодом чату Smartsupp. Також ви завжди можете знайти його у панелі управління у розділі Налаштування > Канали > Живий чат > Встановлення > Вставити код.
Ваш код чату виглядає ось так:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_CODE';window.smartsupp||(function(d) { var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[]; s=d.getElementsByTagName('script')[0];c=d.createElement('script'); c.type='text/javascript';c.charset='utf-8';c.async=true; c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);})(document);</script>
Порада: Кожен обліковий запис Smartsupp має унікальний код чату. Обов'язково скопіюйте весь фрагмент коду — включаючи початковий і кінцевий <script> теги.
Крок 3: Додайте Smartsupp на ваш сайт
Існує три способи встановити Smartsupp на ваш сайт. Оберіть той, який найкраще підходить для вашої ситуації:
Варіант A: Вставте код вручну
Вставте код чату у HTML вашого сайту між тегами <head> ... </head>. Це забезпечить завантаження Smartsupp на кожній сторінці сайту.
Варіант B: Використовуйте Google Tag Manager
Якщо ви вже користуєтеся Google Tag Manager для керування скриптами на сайті, можете додати код Smartsupp як призначений для користувача HTML-тег. Це чудовий вибір, якщо ви хочете зберігати всі скрипти в одному місці.
Варіант C: Використовуйте готовий плагін
Smartsupp пропонує плагіни та інтеграції для багатьох популярних платформ. З плагіном вам не потрібно працювати з кодом — просто встановіть плагін і підключіть обліковий запис Smartsupp.
Плагіни доступні для таких платформ, як:
Зверніть увагу: Якщо ви не впевнені у редагуванні коду сайту, радимо скористатися плагіном або звернутися до вашого веб-розробника для допомоги з встановленням.
Корисні матеріали:
Google Tag Manager — покрокова інструкція з встановлення через GTM.
Завантажити плагіни — перегляньте всі доступні інтеграції з платформами.
Крок 4: Перевірте встановлення
Після додавання коду на ваш сайт відкрийте сторінку у браузері та перевірте, що віджет чату відображається в нижньому куті сторінки. Ви маєте побачити балон чату Smartsupp, готовий до натискання відвідувачами.
Якщо віджет не з'явився, перевірте наступне:
Код розміщено між тегами <head> ... </head> (або завантажено через GTM / плагін).
Ваш сайт опубліковано та він є у вільному доступі.
Відсутні JavaScript-помилки, які блокують завантаження скрипту.
Зверніть увагу: Після встановлення у вашій панелі управління можуть з’явитися демо-повідомлення. Це частина ознайомлення з Smartsupp і допомагає попрактикуватися у використанні платформи — це не повідомлення від справжніх відвідувачів.
Порада: Smartsupp також працює на планшетах, iPad та у наших мобільних додатках для Android і iPhone. Завантажте безкоштовний мобільний додаток, щоб спілкуватися з клієнтами у будь-якому місці!
Додатково: Мультидоменність та налаштування через API
Smartsupp можна встановити на обмежену кількість доменів залежно від вашого пакету. Якщо потрібно налаштувати зовнішній вигляд або мову віджета чату на різних сайтах, скористайтеся API Smartsupp для розширених налаштувань.
Зверніть увагу: Налаштування через API (наприклад, вибір різних кольорів вікна чату або мов для окремих доменів) доступне у пакетах Expert та Ultimate. Детальніше читайте у документації API.
Що далі?
Базові налаштування вікна чату — Налаштуйте кольори, позицію, вітальні повідомлення та інше.
Flow — Налаштуйте автоматизовані сценарії чату для взаємодії з відвідувачами 24/7.
Вступ до Mira AI асистента покупок — Дозвольте AI вести розмови та рекомендувати товари.
Який пакет обрати? — Порівняйте пакети та оберіть найкращий для вашого бізнесу.