Jak wkleić czat na stronę
Czat dodajesz jedną linijką kodu - raz, tak jak kod Google Analytics. Potem wszystko zmieniasz w panelu, bez ruszania strony.
Gdzie jest kod
W panelu wejdź w Widget, zakładka Instalacja. W sekcji Gdzie masz stronę? wybierz swoją platformę - zobaczysz instrukcję krok po kroku i przycisk Kopiuj kod.
Kod wygląda tak (Twój ma własny klucz zamiast TWÓJ_KLUCZ - skopiuj go z panelu):
<script src="https://chatrina.com/widget/widget.js" data-key="TWÓJ_KLUCZ" async></script>
WordPress i WooCommerce
- W panelu WordPress wejdź w Wtyczki → Dodaj nową i zainstaluj darmową wtyczkę WPCode.
- Wejdź w Code Snippets → Header & Footer (Nagłówek i stopka).
- W polu Footer (Stopka) wklej kod.
- Kliknij Zapisz. Czat pojawi się na każdej podstronie.
Bez wtyczki: Wygląd → Edytor plików motywu → footer.php i wklej kod tuż przed </body>. WooCommerce działa na WordPressie, więc instrukcja jest ta sama.
Shopify
- W panelu Shopify wejdź w Sklep internetowy → Motywy.
- Przy aktywnym motywie kliknij … → Edytuj kod.
- Otwórz plik
layout/theme.liquid. - Znajdź
</body>(Ctrl+F albo Cmd+F) i tuż przed nim wklej kod. - Kliknij Zapisz.
Wix
- W panelu Wix wejdź w Ustawienia → Zaawansowane → Kod niestandardowy.
- Kliknij + Dodaj kod niestandardowy i wklej kod.
- Zaznacz Wszystkie strony i miejsce Body - koniec.
- Kliknij Zastosuj i opublikuj stronę.
Webflow
- Otwórz Site settings → Custom code.
- W polu Footer code wklej kod.
- Zapisz i opublikuj stronę (Publish).
Strona zrobiona z AI (Lovable, Bolt, Cursor, Replit, Claude)
Wybierz kartę Vibecoding (AI) i kliknij Kopiuj prompt. Wklej go do czatu w swoim narzędziu - AI samo doda kod we właściwym miejscu. Potem zatwierdź zmiany i opublikuj stronę.
Inna strona
Otwórz szablon, który jest na każdej podstronie (zwykle stopka albo główny layout), i wklej kod tuż przed zamykającym </body>. Zapisz i opublikuj zmiany.
Stroną zajmuje się ktoś inny?
Wybierz kartę Wyślij programiście, wpisz e-mail tej osoby i kliknij Wyślij kod i instrukcję. Dostanie kod i instrukcje dla popularnych platform. W mailu nie ma Twoich danych logowania.
Sprawdź, czy działa
Po wklejeniu otwórz swoją stronę w przeglądarce (odśwież ją), wróć do panelu i kliknij Sprawdź, czy działa. Zobaczysz ✓ Widget działa na … z adresem Twojej strony albo podpowiedź, co jeszcze zrobić.
Czat się nie pokazuje?
- W Widget → Wygląd i co jest na stronie przełącznik na górze musi pokazywać Widget włączony na stronie, a w sekcji Co jest na Twojej stronie musi być włączony Czat.
- Plan musi być aktywny albo musi trwać okres próbny.
- Jeśli w zakładce Instalacja wpisałeś domeny w polu Na jakich stronach może działać widget, czat działa tylko na nich. Puste pole = działa wszędzie, gdzie wkleisz kod.
- Gdy w danym miesiącu skończy się limit rozmów, czat znika do końca okresu albo do dokupienia pakietu - plany i limity.
- Wtyczki blokujące reklamy u odwiedzającego mogą ukryć czat w jego przeglądarce.
Częste pytania
Czy kod spowolni moją stronę?
Kod ładuje się asynchronicznie (atrybut async), więc nie wstrzymuje wyświetlania strony.
Czy muszę wklejać kod na każdej podstronie osobno?
Nie. Wklejasz go raz w miejscu, które jest wspólne dla wszystkich podstron: w stopce, w głównym szablonie albo w ustawieniach kodu niestandardowego.
Nie znalazłeś odpowiedzi?
Masz konto? Napisz do nas w panelu, w zakładce Pomoc i zgłoszenia. Możesz też napisać na hello (at) chatrina.com.