Przejdź do głównej zawartości

Zaawansowane: pozycja okna czatu przez JavaScript API

Steruj pozycją okna czatu w kodzie, w tym różnymi pozycjami dla desktopu i mobile.

JavaScript API Smartsuppa daje programistom precyzyjną kontrolę nad tym, gdzie widget czatu pojawia się na stronie. Ten poradnik pokazuje, jak ustawić pozycję okna czatu w kodzie — w tym różne pozycje dla desktopu i urządzeń mobilnych.

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ć:

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

  2. Wklej powyższy fragment bezpośrednio pod skryptem Smartsupp.

  3. Dostosuj wartości bottom i right do swojego projektu dla komputera i urządzeń mobilnych.

  4. 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?

💡 Potrzebujesz dalszej pomocy? Skontaktuj się z naszym zespołem wsparcia — chętnie pomożemy!

Czy to odpowiedziało na twoje pytanie?