Използвате ли онлайн магазин в Shoper? Това ръководство ще Ви преведе през всичко необходимо за свързване на Smartsupp — от еднократната инсталация на приставката до ръчното добавяне на кода.
Разделихме ръководството на следните секции:
Инсталиране на Smartsupp приставка
В таблото за управление на Shoper отидете на Добавки и интеграции > Приложения. Превъртете надолу и намерете Smartsupp (посочено като Smartsupp - Live Czat, Czatbot, Mira AI i więcej narzędzi AI), след което щракнете върху него.
Щракнете бутона Инсталирай приложението.
Приемете Общите условия на App Store, след което изберете Инсталирай.
Ще получите съобщение за потвърждение, че Smartsupp приставката е инсталирана успешно.
Конфигуриране на Smartsupp
След инсталацията отидете на Добавки и интеграции > Моите приложения и щракнете върху иконата на Smartsupp.
Можете да създадете нов акаунт в Smartsupp или да влезете във вече съществуващия акаунт, за да го свържете с Вашия Shoper магазин.
След като направите връзката, можете да започнете разговор с Вашите посетители или да управлявате Smartsupp настройките чрез Smartsupp API. Не забравяйте да запазите промените.
Съвет: След като запазите, отворете магазина си в нов раздел и опреснете страницата — чат прозорецът на Smartsupp вече трябва да бъде видим.
Ръчна инсталация на кода
Ако инсталираният чрез приставката Smartsupp не работи, може да добавите ръчно кода на Smartsupp като JavaScript фрагмент.
Копиране на чат кода
Открийте уникалния си Smartsupp чат код в таблото за управление - Настройки > Канали > Чат на живо > Инсталиране > Поставяне на кода.
Поставяне на кода в Shoper
В Shoper отидете в секцията за JavaScript фрагменти и поставете Вашия Smartsupp код. Уверете се, че премахвате таговете <script> и </script> — Shoper не допуска HTML тагове в това поле.
Забележка: Полето за JavaScript код в Shoper може да има ограничение в броя символи. Затова дръжте кода възможно най-кратък. Не използвайте // коментари, тъй като Shoper може да ги третира като невалидни. След поставяне опреснете браузъра, за да видите промените.
API персонализация
Може да използвате Smartsupp JavaScript API, за да персонализирате поведението на чат прозореца във Вашия Shoper магазин. Ето някои от често използваните примери:
Отваряне на чат прозореца от персонализиран бутон:
<button onclick="smartsupp('chat:open')">Чат с нас</button>
Скриване на чат прозореца на определени страници (например количка или плащане):
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.
Какво следва?
Основни настройки на чат прозореца — Персонализирайте цветове, позиция, приветствени съобщения и др.
Статус на чат прозореца — Разберете как работи статусът на чат прозореца и как да го управлявате.
Защо не виждате чата на уебсайта си? — Открийте най-честите проблеми при инсталация.
Изтегляне на приставки — Вижте всички налични платформи и интеграции.
💡 Нуждаете се от още помощ? Свържете се с нашия екип по поддръжката — винаги сме на разположение да Ви помогнем!