Masz sklep internetowy na Shoper? Z tym poradnikiem szybko i łatwo zintegrujesz Smartsupp — krok po kroku, od instalacji wtyczki jednym kliknięciem po ręczną instalację przez kod.
Poradnik podzieliliśmy na sekcje:
Jak zainstalować wtyczkę Smartsupp
W panelu Shoper wejdź w Dodatek i integracje > Aplikacje. Przewiń na dół i znajdź Smartsupp (oznaczony jako Smartsupp - Live czat, czatbot, Mira AI i więcej narzędzi AI), a potem kliknij w aplikację.
Kliknij Zainstaluj aplikację.
Zaakceptuj warunki App Store, potem wybierz Zainstaluj.
Zobaczysz informację, że instalacja wtyczki Smartsupp przebiegła pomyślnie.
Konfigurowanie Smartsupp
Po instalacji przejdź do Dodatek i integracje > Moje aplikacje i kliknij ikonę Smartsupp.
Teraz możesz utworzyć nowe konto Smartsupp lub zalogować się na swoje obecne konto, żeby połączyć je ze swoim sklepem internetowym.
Po połączeniu kont możesz już rozmawiać z odwiedzającymi lub wejść w ustawienia Smartsupp przez Smartsupp API. Nie zapomnij kliknąć Zapisz zmiany.
Wskazówka: Gdy już klikniesz "Zapisz", otwórz swój sklep internetowy w nowej karcie i odśwież stronę — powinieneś zobaczyć na niej widget Live czat Smartsupp.
Ręczna instalacja kodu
Jeśli nie udało się zainstalować wtyczki, możesz dodać kod Smartsupp ręcznie jako fragment JavaScript.
Skopiuj kod czatu
Swojego unikatowego kodu Smartsupp szukaj w panelu — Ustawienia > Kanały > Live czat > Instalacja > Wstaw kod.
Wklej kod w Shoperze
W Shoper otwórz sekcję Snippets JavaScript i wklej Twój kod Smartsupp. Koniecznie usuń tagi <script> i </script> — Shoper nie obsługuje tagów HTML w tym miejscu.
Uwaga: W polu JavaScript w Shoper obowiązuje limit znaków, więc skróć kod jak najbardziej się da. Unikaj komentarzy //, bo mogą nie zadziałać. Po wklejeniu odśwież stronę, żeby zobaczyć efekt.
Personalizacja przez API
Dzięki Smartsupp JavaScript API możesz dostosować wygląd i działanie widgetu Live czat w swoim sklepie internetowym. Najczęściej używane opcje to:
Otwieranie Live czat własnym przyciskiem:
<button onclick="smartsupp('chat:open')">Czat z nami</button>
Ukrywanie widgetu Live czat na wybranych podstronach (np. koszyk czy checkout):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Ukrycie domyślnego przycisku Live czat i upewnienie się, że czat ciągle pozostaje niewidoczny po zamknięciu:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Uwaga: Pole JavaScript w Shoper ogranicza długość kodu i nie obsługuje komentarzy //. Staraj się, by kod był jak najkrótszy i nie używaj tagów HTML (np. <script>).
Odinstalowywanie wtyczki
Chcesz usunąć wtyczkę Smartsupp? Wejdź w Dodatek i integracje > Moje aplikacje i kliknij aplikację Smartsupp.
Wybierz Odinstaluj aplikację.
Potwierdź, że chcesz usunąć aplikację.
Uwaga: Smartsupp i Shoper to oddzielne usługi. Usunięcie wtyczki nie oznacza rezygnacji z abonamentu Smartsupp. Jeśli chcesz go całkowicie zakończyć, skontaktuj się z naszym zespołem wsparcia.
Powiązane zasoby:
Instalacja Smartsupp — pełen przegląd różnych sposobów dodania Live czat.
Google Tag Manager — alternatywna instalacja przez GTM.
Co dalej?
Podstawowe ustawienia okna Live czat — Zmieniaj kolory, pozycje, wiadomości powitalne i wiele więcej.
Status okna Live czat — Zobacz, jak działa status widgetu Live czat i jak nim sterować.
Dlaczego nie widzę Live czat na mojej witrynie internetowej? — Rozwiązania najczęstszych problemów z instalacją.
Pobierz wtyczki — Przeglądaj dostępne integracje z platformami.