Po zainstalowaniu czatu Smartsupp na swojej stronie pierwszą rzeczą, którą zapewne zechcesz zrobić, jest skonfigurowanie wyglądu i działania okna czatu. Okno czatu Smartsupp łączy czat i formularz kontaktowy w jednym widżecie, dzięki czemu odwiedzający mogą wysyłać wiadomości i — jeśli włączysz formularz kontaktowy — podać dane takie jak imię i e-mail.
💡 Gdzie to znaleźć: Wszystkie poniższe opcje znajdują się w Ustawienia > Kanały > Live chat > Ustawienia w panelu Smartsupp.
W tym artykule:
Co możesz dostosować
W ustawieniach wyglądu okna czatu możesz dostosować poniższe elementy, aby widżet pasował do Twojej strony:
Ustawienie | Co robi |
Gradient kolorów | Ustawia kolory okna czatu, aby pasowały do Twojej marki. |
Pozycja | Umieszcza okno czatu po lewej lub prawej stronie ekranu. |
Ogólne teksty | Edytuje etykiety i komunikaty wyświetlane w oknie czatu. |
Motyw | Przełącza ogólny wygląd okna czatu. |
Styl nagłówka | Przełącza między nagłówkiem Compact i Standard. Compact zmniejsza wysokość nagłówka dla czystszego, skoncentrowanego na treści widgetu; Standard zachowuje większy nagłówek, lepiej dopasowany do czatu na żywo z wieloma operatorami. |
🟡 Warto wiedzieć: Widgety utworzone od 17 czerwca 2026 domyślnie używają nagłówka Compact. Widgety utworzone wcześniej pozostają na Standard ze względu na zgodność wsteczną — w każdej chwili możesz przełączać się między nimi w ustawieniach wyglądu czatu.
Zmiana pozycji okna czatu
Przycisk czatu możesz przesunąć bezpośrednio z panelu — bez żadnego kodu:
Zaloguj się na swoje konto Smartsupp.
Przejdź do Ustawienia > Kanały > Live chat > Ustawienia > Wygląd (lub Ustawienia pozycji).
Dostosuj umiejscowienie — wybierz lewą lub prawą stronę ekranu, ustaw przesunięcie pionowe i odstęp od krawędzi.
Zapisz zmiany. Zaktualizowana pozycja zostanie automatycznie zastosowana na Twojej stronie.
Zaawansowane: pozycja przez API JavaScript
🟡 Uwaga: Zmiana pozycji przez API wymaga pakietu PLUS oraz dostępu programisty do kodu Twojej strony.
API JavaScript Smartsupp daje programistom precyzyjniejszą kontrolę nad widżetem czatu. Możesz na przykład ustawić różne pozycje dla komputera i urządzeń mobilnych:
<script>
// Desktop position
smartsupp('chat:position', { bottom: 20, right: 20 });
// Mobile override
if (window.innerWidth < 768) {
smartsupp('chat:position', { bottom: 100, right: 10 });
}
</script>
Aby to wdrożyć:
Otwórz kod swojej strony i znajdź skrypt instalacyjny Smartsupp.
Wklej powyższy fragment bezpośrednio pod skryptem Smartsupp.
Dostosuj wartości
bottomirightdo swojego projektu dla komputera i urządzeń mobilnych.Zapisz zmiany i odśwież stronę w oknie incognito lub prywatnym, aby zweryfikować nowe pozycje.
💡 Wskazówka: Aby uzyskać pełną kontrolę, możesz utworzyć własny przycisk i zarządzać widżetem czatu w całości przez API JavaScript.
Co dalej?
Języki okna czatu — zobacz obsługiwane języki i jak je zmienić.
Status okna czatu — kontroluj, kiedy Twoje okno czatu jest online lub offline.
Dlaczego nie widzę czatu na swojej stronie? — napraw okno czatu, które się nie pojawia.
💡 Nadal potrzebujesz pomocy? Jeśli nie możesz znaleźć jakiegoś ustawienia lub coś nie działa zgodnie z oczekiwaniami, skontaktuj się z naszym zespołem wsparcia przez czat lub e-mail — chętnie pomożemy.