Chcesz połączyć Smartsupp ze swoją stroną internetową? Ten przewodnik przeprowadzi Cię przez cały proces instalacji — od utworzenia konta po weryfikację, czy widget czatu jest aktywny na Twojej stronie.
Podzieliliśmy ten przewodnik na kroki:
Krok 1: Utwórz konto Smartsupp
Jeśli nie masz jeszcze konta Smartsupp, zacznij od bezpłatnej rejestracji. Rejestracja zajmuje tylko minutę — wystarczy Twój adres e-mail.
Po utworzeniu konta zostaniesz przekierowany do panelu Smartsupp, gdzie znajdziesz swój unikalny kod czatu i rozpoczniesz konfigurację live chatu.
Powiązane zasoby:
Jak utworzyć konto Smartsupp? — szczegółowy przewodnik krok po kroku dotyczący tworzenia konta.
Przegląd panelu — poznaj panel Smartsupp i jego główne sekcje.
Krok 2: Znajdź swój kod czatu
Po rejestracji otrzymasz e-mail z Twoim unikalnym kodem czatu Smartsupp. Możesz go również znaleźć w dowolnym momencie w panelu w sekcji Ustawienia > Chat box > Instalacja > Wstaw kod.
Twój kod czatu wygląda następująco:
<script>
var _smartsupp = _smartsupp || {};
_smartsupp.key = 'YOUR_SMARTSUPP_CODE';
window.smartsupp||(function(d) {
var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
s=d.getElementsByTagName('script')[0];c=d.createElement('script');
c.type='text/javascript';c.charset='utf-8';c.async=true;
c.src='//www.smartsuppchat.com/loader.js?';
s.parentNode.insertBefore(c,s);
})(document);
</script>
Wskazówka: Każde konto Smartsupp ma unikalny kod czatu. Upewnij się, że kopiujesz cały fragment kodu — łącznie z otwierającymi i zamykającymi tagami <script>.
Krok 3: Dodaj Smartsupp do swojej strony
Istnieją trzy sposoby instalacji Smartsupp na Twojej stronie internetowej. Wybierz metodę, która najlepiej pasuje do Twojej konfiguracji:
Opcja A: Wklej kod bezpośrednio
Wstaw kod czatu do kodu HTML swojej strony internetowej pomiędzy tagami <head> ... </head>. Dzięki temu Smartsupp będzie ładowany na każdej stronie Twojej witryny.
Opcja B: Użyj Google Tag Managera
Jeśli już korzystasz z Google Tag Managera do zarządzania skryptami na swojej stronie, możesz dodać kod Smartsupp jako niestandardowy tag HTML. To świetna opcja, jeśli chcesz mieć wszystkie skrypty w jednym miejscu.
Opcja C: Użyj gotowej wtyczki
Smartsupp oferuje wtyczki i integracje dla wielu popularnych platform. Dzięki wtyczce nie musisz dotykać żadnego kodu — wystarczy zainstalować wtyczkę i połączyć swoje konto Smartsupp.
Wtyczki są dostępne dla platform takich jak:
Uwaga: Jeśli nie czujesz się komfortowo edytując kod swojej strony, zalecamy skorzystanie z wtyczki lub poproszenie programisty o pomoc przy instalacji.
Powiązane zasoby:
Google Tag Manager — przewodnik krok po kroku dotyczący instalacji przez GTM.
Pobierz wtyczki — przeglądaj wszystkie dostępne integracje z platformami.
Krok 4: Zweryfikuj instalację
Po dodaniu kodu do strony otwórz ją w przeglądarce, aby sprawdzić, czy widget czatu pojawia się w dolnym rogu strony. Powinieneś zobaczyć dymek czatu Smartsupp gotowy do kliknięcia przez odwiedzających.
Jeśli widget się nie pojawia, sprawdź następujące rzeczy:
Kod jest umieszczony pomiędzy tagami <head> ... </head> (lub załadowany przez GTM / wtyczkę).
Twoja strona jest opublikowana i publicznie dostępna.
Nie ma błędów JavaScript blokujących ładowanie skryptu.
Uwaga: Po instalacji możesz zobaczyć wiadomości demo w swoim panelu. Są częścią procesu wdrożenia Smartsupp i pomagają Ci ćwiczyć korzystanie z platformy — nie pochodzą od prawdziwych odwiedzających.
Wskazówka: Smartsupp działa również na tabletach, iPadach i w naszych natywnych aplikacjach mobilnych na Androida i iPhone’a. Pobierz bezpłatną aplikację mobilną, aby czatować z klientami gdziekolwiek jesteś!
Zaawansowane: Multi-domena i personalizacja API
Smartsupp można zainstalować na określonej liczbie domen w zależności od Twojego planu. Jeśli potrzebujesz dostosować wygląd lub język widgetu czatu na różnych stronach, możesz użyć API Smartsupp do zaawansowanej konfiguracji.
Uwaga: Personalizacja za pomocą API (np. ustawianie różnych kolorów lub języków chat boxa na poszczególnych domenach) jest dostępna w planach EXPERT i ULTIMATE. Szczegóły znajdziesz w dokumentacji API.
Co dalej?
Podstawowe ustawienia chat boxa — Dostosuj kolory, pozycję, wiadomości powitalne i więcej.
Chatbot — Skonfiguruj zautomatyzowane przepływy czatu, aby angażować odwiedzających 24/7.
Wprowadzenie do Mira AI Shopping Assistant — Pozwól AI prowadzić rozmowy i polecać produkty.
Który pakiet wybrać? — Porównaj plany i znajdź najlepszy dla swojego biznesu.
💡 Potrzebujesz dodatkowej pomocy? Skontaktuj się z naszym zespołem wsparcia — chętnie pomożemy!