Jak zainstalować czat na żywo Smartsupp w swoim sklepie Shoper — za pomocą wbudowanej wtyczki z Shoper App Store lub ręcznego wstawienia kodu.
Prowadzisz sklep internetowy na Shoperze? Ten przewodnik przeprowadzi Cię przez wszystko, co musisz zrobić, aby połączyć Smartsupp — od instalacji wtyczki jednym kliknięciem po ręczną metodę wstawiania kodu.
Przewodnik podzieliliśmy na następujące sekcje:
Zainstaluj wtyczkę Smartsupp
W panelu Shoper przejdź do Dodatki i integracje > Aplikacje. Przewiń w dół i znajdź Smartsupp - live chat, chatbot & video recordings, a następnie kliknij.
Kliknij przycisk Zainstaluj aplikację.
Zaakceptuj regulamin App Store, a następnie kliknij Zainstaluj.
Zobaczysz komunikat potwierdzający, że wtyczka Smartsupp została pomyślnie zainstalowana.
Skonfiguruj Smartsupp
Po instalacji przejdź do Dodatki i integracje > Moje aplikacje i kliknij ikonę Smartsupp.
Możesz utworzyć nowe konto Smartsupp lub zalogować się na istniejące, aby połączyć je ze swoim sklepem Shoper.
Po połączeniu możesz zacząć rozmawiać z odwiedzającymi lub dostosować ustawienia Smartsupp za pomocą API Smartsupp. Nie zapomnij zapisać zmian.
Wskazówka: Po zapisaniu otwórz swój sklep w nowej karcie i odśwież stronę — widget czatu Smartsupp powinien być teraz widoczny.
Ręczna instalacja kodu
Jeśli instalacja wtyczki nie działa, możesz dodać kod Smartsupp ręcznie jako fragment kodu JavaScript.
Skopiuj kod czatu
Znajdź swój unikalny kod czatu Smartsupp w panelu w sekcji Ustawienia > Chatbox > Instalacja > Wstaw kod.
Wklej kod w Shoperze
W Shoperze przejdź do sekcji fragmentów kodu JavaScript i wklej swój kod Smartsupp. Upewnij się, że usuniesz tagi <script> i </script> — Shoper nie akceptuje tagów HTML w tym polu.
Uwaga: Shoper ma limit 250 znaków w polu API. Unikaj używania komentarzy // w kodzie, ponieważ Shoper może traktować je jako niefunkcjonalne. Po wklejeniu odśwież przeglądarkę, aby zobaczyć zmiany.
Personalizacja API
Możesz użyć API JavaScript Smartsupp, aby dostosować zachowanie widgetu czatu w swoim sklepie Shoper. Oto kilka typowych przykładów:
Otwórz widget czatu za pomocą własnego przycisku:
<button onclick="smartsupp('chat:open')">Porozmawiaj z nami</button>
Ukryj widget czatu na określonych stronach (np. koszyk lub kasa):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Ukryj domyślny przycisk czatu i pozostaw go ukrytym po zamknięciu:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Uwaga: Shoper ma limit 250 znaków w polu API i nie obsługuje komentarzy //. Upewnij się, że Twój kod mieści się w limicie i unikaj tagów HTML, takich jak <script>.
Wskazówka: Pełną listę dostępnych metod API znajdziesz w dokumentacji API Smartsupp.
Odinstaluj wtyczkę
Jeśli chcesz odinstalować wtyczkę Smartsupp, przejdź do Dodatki i integracje > Moje aplikacje i kliknij aplikację Smartsupp.
Kliknij Odinstaluj aplikację.
Potwierdź odinstalowanie.
Uwaga: Smartsupp i Shoper to dwie oddzielne usługi. Odinstalowanie wtyczki nie anuluje Twojej subskrypcji Smartsupp. Aby ją anulować, skontaktuj się z naszym zespołem wsparcia.
Powiązane zasoby:
Instalacja Smartsupp — pełny przegląd wszystkich metod instalacji.
Google Tag Manager — alternatywna metoda instalacji z GTM.
Co dalej?
Podstawowe ustawienia chatboxa — Dostosuj kolory, pozycję, wiadomości powitalne i wiele więcej.
Status chatboxa — Dowiedz się, jak działa status widgetu czatu i jak go kontrolować.
Dlaczego nie widzę czatu na mojej stronie? — Rozwiąż najczęstsze problemy z instalacją.
Pobierz wtyczki — Poznaj wszystkie dostępne integracje z platformami.
💡 Potrzebujesz więcej pomocy? Skontaktuj się z naszym zespołem wsparcia — chętnie pomożemy!