Готові підключити 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 — налаштуйте автоматичні Flows у чаті, щоб взаємодіяти з відвідувачами 24/7.
Вступ до Mira AI асистента покупок — дозвольте AI обробляти розмови та рекомендувати товари.
Який пакет мені обрати? — порівняйте плани та знайдіть найкращий варіант для свого бізнесу.