Przejdź do głównej zawartości

Zaawansowane: ustawianie pozycji okna czatu przez JavaScript API

Kontroluj położenie okna czatu w swoim kodzie – także osobno na komputerach i urządzeniach mobilnych.

Napisane przez Michal Jindra

Jako deweloper możesz dokładnie zdecydować, gdzie na stronie pojawi się okno czatu – wystarczy, że dodasz kilka opcji konfiguracyjnych do swojego kodu instalacyjnego Smartsupp. Poniżej pokazujemy, jak przenieść okno czatu na lewą stronę, ustawić inną pozycję niż domyślna i wybrać osobne ustawienia dla wersji mobilnej.

Zaawansowane: ustawienie w kodzie instalacyjnym

🟡 Uwaga: Potrzebujesz dostępu deweloperskiego do kodu swojej strony. Przeniesienie czatu na lewą stronę wymaga planu Solo lub wyższego.

Dodaj wybrane opcje do sekcji konfiguracyjnej swojego kodu instalacyjnego: zaraz po linii z _smartsupp.key, ale przed loaderem (czyli fragmentem zaczynającym się od window.smartsupp||). Okno czatu odczytuje te ustawienia podczas ładowania, więc wszystko musi być gotowe przed inicjacją loadera.

Aby przenieść czat na lewą stronę:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...reszta Twojego kodu instalacyjnego (loader)</script>

Przesuń czat z domyślnej pozycji (podaj wartości w pikselach):

_smartsupp.offsetX = 20;  // odległość od krawędzi _smartsupp.offsetY = 100; // odległość od dołu

Osobna pozycja tylko na urządzeniach mobilnych:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) {  _smartsupp.offsetY = 150;}// ...reszta Twojego kodu instalacyjnego (loader)</script>

Jak wdrożyć te zmiany:

  1. Otwórz kod swojej strony i znajdź skrypt instalacyjny Smartsupp.

  2. Dodaj wybrane opcje tuż po linijce _smartsupp.key, przed loaderem.

  3. Dopasuj wartości do wyglądu Twojej strony.

  4. Zapisz zmiany i odśwież stronę w trybie incognito lub prywatnym, żeby sprawdzić nowe ustawienie. Przetestuj też widok mobilny na telefonie.

💡 Porada: Komendy w stylu smartsupp('chat:position', ...) nie są obsługiwane – okno czatu je zignoruje, a w konsoli pojawi się komunikat „Unknown API command”. Pełną listę opcji konfiguracyjnych znajdziesz w dokumentacji deweloperskiej.


Co dalej?

💡 Potrzebujesz dodatkowej pomocy? Skontaktuj się z naszym zespołem wsparcia — z przyjemnością pomożemy!

Czy to odpowiedziało na twoje pytanie?