Tipy pro vzhled chatbota
Několik praktických doporučení, která pomáhají nastavit chatbota tak, aby vizuálně seděl do vašeho webu a fungoval spolehlivě.
1. Barvy
- Použijte přesné RGB hodnoty vaší značky. Odhadování barvou v pickeru vede k mírným odchylkám. RGB hodnoty primární barvy najdete ve svém brand manuálu nebo je zjistíte z webu nástrojem jako je ColorZilla.
- Vyzkoušejte přednastavené motivy jako výchozí bod. Světlý nebo tmavý styl pak dolaďte vlastními barvami.
- Zkontrolujte čitelnost textu. Světlé popředí na světlém pozadí nebo tmavé na tmavém je špatně čitelné. Vždy si výsledek prohlédněte na Playgroundu.
2. Obrázky
- Logo záhlaví: použijte obrázek s průhledným pozadím. Logo se zobrazuje v barevné horní liště chatu — obrázek s bílým pozadím tam bude působit neohrabaně.
- Systémový avatar a bublina loga: obrázky se zobrazují jako kruhový výřez. Použijte čtvercový obrázek, aby nedošlo k nežádoucímu ořezu.
- Nepřekračujte limit 5 MB. Velké soubory zpomalují načítání chatbota.
3. Umístění
- Zkontrolujte překryv s jinými prvky. Cookie lišty, fixní navigace nebo tlačítka mohou chatbota překrývat nebo naopak. Použijte Posun Y pro odsazení — viz Umístění chatbota.
- Otestujte na mobilu i desktopu. Pozice a odsazení se mohou na různých zařízeních chovat odlišně.
- Pro landing page, QR, kiosk nebo dedicovanou poradnu zvolte Celá obrazovka + Otevřít chat automaticky. Chat je pak hlavní rozhraní stránky a otevře se hned po načtení — detaily a další use-casy v Umístění chatbota a Bubliny a výzvy.