Готові підключити Smartsupp до вашого сайту? Цей посібник проведе вас через увесь процес встановлення — від створення облікового запису до перевірки роботи widget чату на вашому сайті.
Ми розділили процес на кроки:
Крок 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: перевірте встановлення
Після додавання коду на ваш сайт відкрийте його в браузері, щоб перевірити, чи Widget чату З’являється в нижньому куті сторінки. Ви маєте побачити балон чату Smartsupp, на який відвідувачі можуть натиснути.
Якщо widget не з’являється, ще раз перевірте таке:
Код розміщено між тегами <head> ... </head> (або він завантажується через GTM / плагін).
Ваш сайт опубліковано й він загальнодоступний.
Немає помилок JavaScript, які блокують завантаження скрипту.
Примітка: Після встановлення ви можете побачити Демонстраційні повідомлення На панелі управління. Вони є частиною ознайомлення зі Smartsupp і допомагають вам попрактикуватися у використанні платформи — це не повідомлення від реальних відвідувачів.
Порада: Smartsupp також працює на планшетах, iPad і в наших нативних мобільних додатках для Android Та iPhone. Завантажте безкоштовний мобільний додаток, щоб спілкуватися з клієнтами в дорозі!
Розширені можливості: кілька доменів і налаштування через API
Smartsupp можна встановити на певній кількості доменів залежно від вашого Плану. Якщо вам потрібно налаштувати вигляд або мову widget чату на різних сайтах, ви можете скористатися API Smartsupp для розширеного налаштування.
Примітка: Налаштування через API (наприклад, встановлення різних кольорів або мов вікна чату для кожного домену) доступне в планах Expert Та Ultimate . Докладніше див. у Документації API.
Що далі?
Основні налаштування вікна чату — Налаштуйте кольори, розташування, вітальні повідомлення тощо.
Flow — Налаштуйте автоматизовані сценарії чату, щоб залучати відвідувачів 24/7.
Знайомство з Mira AI асистентом покупок — Доручіть AI вести розмови та рекомендувати товари.
Який пакет вибрати? — Порівняйте плани та знайдіть найкращий варіант для вашого бізнесу.