Přizpůsobení vzhledu WhisperBota

Vzhled WhisperBota si můžete jednoduše upravit tak, aby skvěle zapadl do vizuální identity vašeho webu.

Nastavení vzhledu#

V levém menu vyberte WhisperBoti a klikněte na konkrétního bota. Zde najdete následující možnosti:

• Barva WhisperBota: Hlavní barva, kterou uvidíte v hlavičce, bublinách zpráv a dalších prvcích chatu. Můžete na ni kliknout a vybrat ji z palety, nebo rovnou zadat její hexadecimální kód.
• Obrázek (avatar) chatbota: Nahrajte vlastní logo nebo obrázek, který se bude zobrazovat jako avatar chatbota. Maximální velikost souboru jsou 2 MB. Pokud obrázek nenahrajete, WhisperBot automaticky použije první písmeno ze svého názvu.
• Jméno chatbota: Jméno, které se zákazníkům ukáže v hlavičce WhisperBota (například „Chatbot asistent“).

Nastavení pozice#

Sami si určíte, kde přesně se má WhisperBot zobrazovat na počítači a kde na mobilních zařízeních.

Pozice na desktopu#

• Horizontální ukotvení: Zvolte, ke které straně má být WhisperBot přichycen (Vlevo, Uprostřed, Vpravo).
• Horizontální odsazení (px): Vzdálenost v pixelech od vybraného okraje. (Tato hodnota se ignoruje, pokud zvolíte ukotvení Uprostřed).
• z-index: Určuje pořadí vrstvení prvků na stránce. Výchozí hodnota je záměrně velmi vysoká (2147483647), aby WhisperBot vždy zůstal v popředí. Snižte ji pouze v případě, že potřebujete, aby nějaký konkrétní prvek vašeho webu překrýval okno chatu.

Pozice na mobilu#

Jakmile je šířka okna prohlížeče stejná nebo menší než nastavený bod zlomu, WhisperBot se automaticky přepne na mobilní zobrazení. (Pokud tato pole nevyplníte, použijí se hodnoty z nastavení pro desktop).

• Bod zlomu (breakpoint) pro mobil (px): Šířka okna, od které se začne aplikovat mobilní rozvržení. Výchozí hodnota je 640px.
• Mobilní horizontální ukotvení: Určuje, kde se bude spouštěcí tlačítko chatu nacházet na menších obrazovkách.
• Mobilní horizontální odsazení (px): Vzdálenost od okraje obrazovky na mobilních zařízeních.

Související články#

• Konfigurace zpráv a chování