Přizpůsobení vzhledu widgetu

Vzhled WhisperBota si můžete přizpůsobit tak, aby odpovídal vizuální identitě vaší značky.

Nastavení vzhledu#

Přejděte na WhisperBoti a klikněte na svého bota, abyste se dostali k tomuto nastavení:

• Barva widgetu: Hlavní barva widgetu, která se používá v hlavičce, bublinách zpráv a dalších prvcích uživatelského rozhraní. Kliknutím na barevný kruh otevřete výběr barvy, případně zadejte hexadecimální kód.
• Obrázek (avatar) chatbota: Nahrajte vlastní logo, které bude sloužit jako avatar chatbota ve widgetu. Maximální velikost souboru jsou 2 MB. Pokud obrázek nenahrajete, widget použije první písmeno z názvu chatbota.
• Jméno chatbota: Jméno zobrazené v hlavičce widgetu (např. "Chatbot asistent").

Nastavení pozice#

Můžete si vybrat, kde se chatovací widget zobrazí na počítači a kde na mobilních zařízeních.

Pozice na desktopu#

• Horizontální ukotvení: Vyberte, kde má být widget ukotven (Vlevo, Uprostřed, Vpravo).
• Horizontální odsazení (px): Vzdálenost v pixelech od vybraného okraje ukotvení. (Nepoužívá se, pokud je ukotvení Uprostřed).
• z-index: Řídí pořadí vrstvení v CSS. Výchozí hodnota je velmi vysoká (2147483647), aby byl widget vždy navrchu. Snižte ji pouze v případě, že potřebujete, aby se nad chatem zobrazovaly konkrétní prvky stránky.

Pozice na mobilu#

Pokud je šířka okna (viewport) rovna nebo menší než bod zlomu pro mobilní zařízení, widget využije tato mobilní ukotvení a odsazení. (Pokud zůstanou prázdná, použijí se hodnoty pro desktop).

• Bod zlomu (breakpoint) pro mobil (px): Šířka okna, při které a pod kterou se uplatňuje mobilní rozvržení. Výchozí hodnota je 640px.
• Mobilní horizontální ukotvení: Kde se spouštěč chatu nachází na malých obrazovkách.
• Mobilní horizontální odsazení (px): Vzdálenost od okraje na mobilu.

Související články#

• Konfigurace zpráv a chování