Uruchom czat na swojej stronie
Ostatnia aktualizacja: 01.08.2026
Czat na żywo to małe okienko w rogu Twojej strony. Klient klika, pisze pytanie i dostaje odpowiedź, nie szukając formularza ani adresu e-mail. Po Twojej stronie nie ma żadnego nowego programu do nauczenia: rozmowa z czatu trafia do tej samej skrzynki co maile, z historią klienta, tagami i statusami. Odpowiadasz na nią tym samym polem, tym samym przyciskiem i w tym samym miejscu co na zwykłe zgłoszenie.
To ustawienie administratora
Czat wystawia publiczny adres i wpuszcza rozmowy z zewnątrz, więc konfiguruje go osoba z rolą administratora - tak samo jak skrzynki pocztowe. Reszta zespołu po prostu odpisuje na rozmowy w inboksie.
Krok po kroku
Całość robi się raz i zajmuje kilka minut. Nie musisz umieć programować ani wiedzieć, czym jest HTML.
- W panelu wejdź w Ustawienia > Czat na żywo.
- Wpisz nazwę czatu - najlepiej taką jak sklep, na którym ma działać. Zobaczysz ją potem przy każdej rozmowie w skrzynce.
- Kliknij Utwórz czat na żywo. Tiqlo przygotuje okienko i gotowy kod.
- W sekcji Kod do wklejenia na stronę kliknij Kopiuj. To jedna linijka, nic więcej.
- Wklej tę linijkę w kodzie swojej strony, tuż przed zamknięciem
</body>, czyli na samym końcu. - Wróć do Tiqlo, w sekcji Adresy stron wpisz adres swojej strony (na przykład
sklep.pl) i kliknij Zapisz ustawienia czatu. - Wejdź na swoją stronę i odśwież ją. W rogu powinien pojawić się przycisk czatu.
Strony nie robisz sam? Wyślij komuś tę linijkę
Jeśli stronę albo sklep prowadzi ktoś inny - agencja, informatyk, znajomy - po prostu skopiuj tę jedną linijkę, wyślij mu ją i napisz: „wklej to przed zamknięciem body”. To dla niego codzienna, minutowa robota. Ty w tym czasie dopisz w Tiqlo adres strony i macie z głowy.
Gdzie w sklepie szukać miejsca na ten kod
Popularne sklepy i kreatory stron mają na to gotowe pole w ustawieniach. Nazywa się różnie, ale chodzi zawsze o to samo: miejsce na dodatkowy kod, który ma się doklejać do każdej podstrony.
- Shoper, Shoplo, IdoSell - szukaj sekcji w rodzaju „Dodatkowy kod”, „Skrypty” albo „Integracje”.
- WooCommerce i WordPress - pole „Kod w stopce” w motywie albo wtyczka typu „Nagłówek i stopka”.
- Wix, Squarespace, Webflow - ustawienia witryny, sekcja z kodem osadzonym, opcja „przed </body>”.
- Menedżer tagów (na przykład Google Tag Manager) też zadziała - skrypt umie odnaleźć swój własny tag, nawet gdy wstrzykuje go menedżer.
Nie znajdujesz takiego pola?
Nie szukaj na siłę i nie eksperymentuj w plikach sklepu. Wyślij linijkę osobie, która prowadzi stronę - to szybsze i bezpieczniejsze niż grzebanie w szablonie na produkcji.
Skąd wiesz, że zadziałało
Nie musisz zgadywać. Pod kodem do wklejenia Tiqlo pokazuje, czy widget realnie się do nas odzywa: „Widget odzywa się ze strony sklep.pl, ostatnio 3 minuty temu”. Ten napis oznacza dwie rzeczy naraz - kod siedzi tam, gdzie trzeba, i adres strony jest na liście dozwolonych.
Dopóki widzisz „Nie widzieliśmy jeszcze czatu na żadnej stronie”, brakuje jednej z tych dwóch rzeczy. Najczęściej adresu, o którym opowiadamy w osobnym artykule: Adresy stron.
Kilka sklepów? Kilka czatów
Jeden sklep to jeden czat i tak jest najwygodniej. Prowadzisz drugi albo piąty? Wróć na listę czatów i kliknij Dodaj kolejny czat. Zakładasz go dokładnie tak samo jak pierwszy, a te dwa są potem od siebie całkowicie niezależne.
- Własny kod do wklejenia. Każdy czat ma swoją linijkę. Wklejasz ją tylko na stronę tego sklepu, którego dotyczy.
- Własne adresy stron. Lista dozwolonych adresów jest osobna, więc czat ze sklepu z butami nie pokaże się na stronie z rowerami.
- Własny wygląd. Kolor, teksty w okienku, pozycja i motyw - wszystko ustawiasz osobno, pod szatę graficzną danego sklepu.
- Własna nazwa. Wpisujesz ją przy zakładaniu i widzisz ją wszędzie tam, gdzie mowa o tym czacie.
W skrzynce każdy czat jest osobnym kanałem i występuje pod swoją nazwą. Patrzysz na rozmowę i od razu wiesz, z którego sklepu przyszła - nie trzeba tego zgadywać z treści.
Nazwa przydaje się też w automatyzacjach. Warunek Kanał pozwala wskazać konkretny czat, więc rozmowom z jednego sklepu możesz na przykład automatycznie nadawać jego tag albo przypisywać je osobie, która ten sklep prowadzi.
Dwa czaty nie mogą nazywać się tak samo
Jeśli wpiszesz nazwę, którą już u siebie masz, Tiqlo nie założy drugiego czatu. Powie o tym wprost i pokaże odnośnik Otwórz ten czat, żeby od razu przenieść Cię do tego istniejącego. To celowe: dwie identyczne nazwy nie odróżniałyby niczego ani na liście, ani w skrzynce.
Czatów na jednym koncie może być najwyżej 20. To z zapasem starcza nawet komuś, kto prowadzi kilkanaście sklepów. Gdybyś naprawdę potrzebował więcej, napisz do nas - poszukamy rozwiązania.
Co planujemy: osobny asystent dla każdego sklepu
Asystent AI nie jest jeszcze podłączony do czatu - dziś odpisują wyłącznie ludzie z Twojego zespołu. Kiedy ruszy, każdy sklep będzie mógł mieć własnego asystenta, wyszkolonego pod swój asortyment: inne odpowiedzi dla sklepu z butami, inne dla sklepu z rowerami. Mówimy o tym już teraz, żebyś zakładając czaty wiedział, dokąd to zmierza, ale to plan na przyszłość, a nie funkcja, która działa dzisiaj.
Włącznik na dole ekranu
Na samym dole ustawień jest przełącznik Czat na stronie. Wyłączenie go chowa okienko u wszystkich odwiedzających i nie powstają nowe rozmowy. Kod może spokojnie zostać na stronie, nic nie zrobi. Dotychczasowe rozmowy zostają w Tiqlo, nic nie znika. Przełącznik dotyczy tylko tego jednego czatu - pozostałe działają dalej.
Czat da się wyciszyć w dwóch miejscach
Poza tym przełącznikiem jest jeszcze odłączenie całego kanału w Ustawieniach > Kanały. Odłączony kanał wycisza czat mocniej niż cokolwiek na ekranie ustawień czatu, więc gdy tak jest, mówimy o tym czerwoną ramką na samej górze. Zanim zaczniesz szukać błędu w kodzie, spójrz na te dwa miejsca.
Dodatki w kodzie (opcjonalne, dla ogarniętych)
Tę część możesz spokojnie pominąć
Wszystko, co naprawdę potrzebne, ustawisz klikając w panelu. Poniższe dodatki są dla osób, które lubią mieć kontrolę nad szczegółem albo mają na stronie wyjątkową sytuację. Bez nich czat działa tak samo dobrze.
Wygląd czatu ustawiasz w panelu i tam jest jego miejsce. Czasem jednak jedna konkretna strona potrzebuje wyjątku: baner zgód siedzi dokładnie tam, gdzie ma być przycisk, albo landing ma ciemne tło i lepiej wygląda na nim ciemne okno. Wtedy dopisujesz do tej samej linijki dodatkowy atrybut, a on wygrywa z ustawieniem z panelu - tylko na tej stronie, na której go wkleiłeś.
| Dodatek | Co robi | Przykład |
|---|---|---|
data-accent | Kolor akcentu, zapis szesnastkowy | data-accent="#0f766e" |
data-position | Róg strony: left albo right | data-position="left" |
data-theme | Motyw okna: light, dark albo auto | data-theme="dark" |
data-radius | Zaokrąglenie rogów w pikselach, od 0 do 28 | data-radius="4" |
data-label | Napis na przycisku otwierającym czat | data-label="Napisz do nas" |
data-compact | Sam okrągły przycisk, bez napisu | data-compact="true" |
data-offset-side | Odsunięcie przycisku od boku, w pikselach | data-offset-side="90" |
data-offset-bottom | Odsunięcie przycisku od dołu, w pikselach | data-offset-bottom="120" |
Dopisujesz je w tym samym tagu, obok adresu skryptu, na przykład tak: <script src="...?k=TWOJ_KLUCZ" data-position="left" data-compact="true" async></script>. Wartości, których nie zrozumiemy, po prostu pomijamy - czat nadal się uruchomi.
Własny przycisk otwierający czat
Masz w menu sklepu przycisk „Kontakt” albo „Napisz do nas” i wolisz, żeby to on otwierał okno czatu? Podepnij pod niego window.tiqloChat.open(). Działają też window.tiqloChat.close() i window.tiqloChat.toggle().
Najprostszy przykład: <button onclick="window.tiqloChat.open()">Napisz do nas</button>. Warunek jest jeden - linijka z czatem musi być na tej stronie, bo to ona tworzy window.tiqloChat.
Wkleiłem kod i nic się nie dzieje. Co sprawdzić?
W zdecydowanej większości przypadków brakuje adresu strony na liście w sekcji Adresy stron. Pusta lista albo literówka w adresie oznaczają, że czat nigdzie się nie pokaże, i to jest zamierzone. Zajrzyj też pod kod do wklejenia: jeśli Tiqlo pisze, że widget odzywa się z Twojej strony, to znaczy, że i kod, i adres są w porządku. Jeśli nadal widzisz „Nie widzieliśmy jeszcze czatu”, brakuje jednej z tych dwóch rzeczy. Sprawdź jeszcze, czy zmiany na stronie zostały zapisane i czy nie oglądasz starej wersji z pamięci przeglądarki (odśwież stronę z wciśniętym Shiftem).
Czy czat spowolni mój sklep?
Nie powinien. Skrypt waży około 20 kB po kompresji, czyli mniej niż jedno zdjęcie produktu, i ładuje się w tle - strona nie czeka na niego z pokazaniem treści. Całe okno czatu jest zamknięte we własnej ramce, więc nie miesza się ze stylami sklepu i nie ma jak niczego na nim rozjechać.
Czy muszę wklejać kod na każdą podstronę osobno?
Nie. Pole na dodatkowy kod w sklepie czy w kreatorze strony dokleja go do wszystkich podstron naraz. Wklejasz raz, a czat pojawia się i na stronie głównej, i na karcie produktu, i w koszyku.
Zmieniłem coś w wyglądzie, a na stronie stara wersja. Dlaczego?
Skrypt leży przez pięć minut w pamięci przeglądarki, żeby nie pobierać go przy każdym wejściu na kolejną podstronę. Same ustawienia wyglądu widget pobiera przy każdym uruchomieniu, więc zwykle wystarczy odświeżyć stronę. Jeśli zmieniałeś coś w samej linijce kodu, daj sobie te pięć minut.