Přeskočit na hlavní obsah

Pokročilé: nastavení pozice chat boxu pomocí JavaScript API

Mějte plnou kontrolu nad umístěním chat boxu v kódu – snadno určete různé pozice pro desktop i mobilní zařízení.

Autor: Michal Jindra

Vývojáři mohou přesně nastavit, kde se chat box zobrazí, přidáním několika možností do instalačního kódu Smartsupp. Tento návod ukazuje, jak chat box přesunout doleva, posunout jej z výchozí pozice, nastavit odlišnou pozici pouze pro mobily nebo jej na mobilních zařízeních skrýt.

Pokročilé: nastavení v instalačním kódu

🟡 Poznámka: Budete potřebovat přístup vývojáře ke kódu svého webu. Pro přesunutí chat boxu na levou stranu je nutné mít tarif Solo nebo vyšší.

Nastavení vložte do konfigurační části svého instalačního kódu: za řádek s _smartsupp.key a před loader (část začínající window.smartsupp||). Chat box je načte při svém spuštění, proto musí být uvedena před načtením loaderu.

Přesunout chat box na levou stranu:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...zbytek vašeho instalačního kódu (loader)</script>

Upravit pozici chat boxu proti výchozímu umístění (v pixelech):

_smartsupp.offsetX = 20;  // posune jej od okraje obrazovky_smartsupp.offsetY = 100; // posune jej výš od spodní hrany

Použít odlišnou pozici jen na mobilních zařízeních:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) {  _smartsupp.offsetY = 150;}// ...zbytek vašeho instalačního kódu (loader)</script>

Skrýt chat box pouze na mobilu (na desktopu zůstane zobrazen – k dispozici ve všech tarifech):

_smartsupp.hideMobileWidget = true;

Jak postupovat:

  1. Otevřete kód svého webu a najděte instalační skript Smartsupp.

  2. Přidejte potřebná nastavení přímo za řádek _smartsupp.key a před loader.

  3. Nastavte hodnoty podle požadavků svého webu.

  4. Uložte úpravy a zkontrolujte výsledek – obnovte web v anonymním nebo soukromém okně a vyzkoušejte i mobilní verzi na telefonu.

💡 Tip: Příkazy jako smartsupp('chat:position', ...) nejsou podporovány. Chat box je ignoruje a v konzoli prohlížeče se objeví hláška "Unknown API command". Všechny podporované možnosti najdete v dokumentaci pro vývojáře.


Co dál?

💡 Potřebujete další pomoc? Kontaktujte náš tým podpory – rádi vám pomůžeme!

Dostali jste odpověď na svou otázku?