Използвате Shoper за управление на вашия онлайн магазин? Това ръководство ще ви преведе през всичко необходимо, за да свържете Smartsupp — от инсталирането на приставката с едно кликване до метода с ръчно добавяне на код.
Разделили сме ръководството на следните части:
Инсталиране на Smartsupp приставката
В таблото за управление на Shoper отидете на Добавки и интеграции > Приложения. Превъртете надолу и намерете Smartsupp - live chat, Flow (formerly chatbots) & video recordings, след което щракнете върху него.
Щракнете върху бутона Инсталиране на приложението.
Приемете Общите условия на App Store, след което щракнете Инсталиране.
Ще видите съобщение за потвърждение, че приставката Smartsupp е инсталирана успешно.
Конфигуриране на Smartsupp
След инсталацията отидете на Добавки и интеграции > Моите приложения и щракнете върху иконата Smartsupp.
Можете или да създадете нов Smartsupp акаунт, или да влезете във вече съществуващ, за да го свържете с вашия Shoper магазин.
След като бъде свързан, можете да започнете да чатите с вашите посетители или да коригирате настройките на Smartsupp, като използвате Smartsupp API. Не забравяйте да запазите промените.
Съвет: След запазване отворете магазина си в нов раздел и обновете страницата — прозорецът за чат Smartsupp трябва вече да е видим.
Ръчна инсталация на кода
Ако инсталацията на приставката не работи, можете ръчно да добавите 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-а и как да го контролирате.
Защо не виждам чата на моя уебсайт? — Отстранете най-често срещаните проблеми с инсталацията.
Изтегляне на приставки — Разгледайте всички налични интеграции за платформи.