Използвате ли онлайн магазин в Shoper? В този наръчник ще намерите всичко необходимо, за да свържете Smartsupp — от едноклик инсталацията на приставката до варианта с ръчно добавяне на код.
Разделихме наръчника на следните секции:
Инсталиране на Smartsupp приставка
Във Вашето Shoper табло изберете Добавки и интеграции > Приложения. Превъртете надолу и намерете Smartsupp (посочен като Smartsupp - Live Czat, Czatbot, Mira AI и повече AI инструменти), след което кликнете върху него.
Натиснете бутона Инсталирай приложение.
Приемете условията на App Store и след това кликнете Инсталирай.
Ще видите потвърждение, че Smartsupp приставката e успешно инсталирана.
Конфигуриране на Smartsupp
След инсталацията отидете на Добавки и интеграции > Моите приложения и натиснете иконата на Smartsupp.
Може да създадете нов акаунт в Smartsupp или да влезете във вече съществуващия акаунт, за да го свържете с Shoper магазина си.
След свързване можете да започнете чат с посетителите или да управлявате Smartsupp настройките чрез Smartsupp API. Не забравяйте да запазите промените.
Съвет: След като запазите, отворете магазина си в нов раздел и опреснете страницата — Smartsupp чат Widget-а вече трябва да се вижда.
Ръчна инсталация на код
Ако приставката не работи, може да добавите Smartsupp кода ръчно като JavaScript фрагмент.
Копирайте чата кода
Открийте Вашия уникален Smartsupp код за чат в таблото под Настройки > Канали > Чат на живо > Инсталация > Вмъкване на код.
Поставете кода в Shoper
В Shoper отидете в секцията за JavaScript фрагменти и поставете Smartsupp кода. Премахнете <script> и </script> таговете — Shoper не допуска HTML тагове в това поле.
Забележка: JavaScript полето в Shoper може да има ограничение в броя символи – запазете кода максимално кратък. Не използвайте // коментари, тъй като Shoper може да ги приеме за невалидни. След поставяне на кода, опреснете браузъра, за да видите промените.
Персонализиране чрез API
Може да използвате Smartsupp JavaScript API, за да персонализирате поведението на чат Widget-а във Вашия Shoper магазин. Ето няколко чести примера:
Отваряне на чат Widget-а с персонализиран бутон:
<button onclick="smartsupp('chat:open')">Чат с нас</button>
Скриване на Widget-а на определени страници (напр. в количка или при плащане):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Скриване на стандартния чат бутон и задържане на скрит режим и след затваряне:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Забележка: JavaScript полето в Shoper може да има лимит на символите и не поддържа // коментари. Дръжте кода възможно най-кратък и не въвеждайте HTML тагове като <script>.
Деинсталиране на приставката
Ако трябва да деинсталирате Smartsupp приставката, отидете на Добавки и интеграции > Моите приложения и изберете приложението Smartsupp.
Изберете Деинсталирай приложението.
Потвърдете деинсталацията.
Забележка: Smartsupp и Shoper са напълно отделни услуги. Деинсталирането на приставката не прекратява Вашия Smartsupp абонамент. Ако желаете да прекратите абонамента си, свържете се с нашия екип по поддръжка.
Свързани ресурси:
Инсталиране на Smartsupp — пълен преглед на всички методи за инсталация.
Google Tag Manager — алтернатива за инсталация чрез GTM.
Какво следва?
Основни настройки на чат кутията — Персонализирайте цветовете, позицията, началните съобщения и още.
Статус на чат Widget-а — Вижте как работи статусът на чат Widget-а и как да го управлявате.
Защо не виждате чата на Вашия уебсайт? — Открийте решения на най-честите проблеми при инсталация.
Изтегляне на приставки — Вижте всички налични платформи и интеграции.
💡 Нуждаете се от още помощ? Свържете се с нашия екип по поддръжка — ще Ви съдействаме с удоволствие!