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 > Okno czatu 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. |
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 > Okno czatu > 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 EXPERT (Legacy: PRO) 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.