Izgled i Brending

Vizuelni identitet vašeg AI asistenta treba prirodno da se uklopi u dizajn vaše web stranice. Pitaj.io Dizajner vam omogućava da bez pisanja koda konfigurišete sve vizuelne parametre widgeta.

Osnovna vizuelna podešavanja

Otvorite Dizajner u navigaciji
U glavnom meniju vašeg agenta kliknite na Dizajner → Izgled.
Odaberite primarnu boju (Primary Brand Color)
Unesite HEX kod vaše kompanijske boje (npr. #2563EB) ili upotrijebite ugrađeni birač boja. Ova boja se primjenjuje na:
- Zaglavlje chat prozora
- Balončiće poruka korisnika
- Dugmad za slanje i interaktivne akcije
- Plutajuće dugme lansera na dnu ekrana
Režim teme (Theme Mode)
Odaberite kako se widget prikazuje posjetiocima:
- Automatski (System Sync): Prati tamni ili svijetli način rada operativnog sistema posjetioca.
- Uvijek Svijetla (Light): Čista bijela pozadina (#ffffff) sa visokim kontrastom teksta.
- Uvijek Tamna (Dark): Elegantna duboka obsidian tema sa prilagođenim tonovima sive boje.
Zaobljenja ivica (Border Radius)
Odaberite stil koji odgovara vašim dugmadima na sajtu: Oštro (0px), Standardno zaobljeno (12px) ili Potpuno zaobljeno (Pill - 24px).

Pozicioniranje i ponašanje na ekranu

Pozicija na stranici

Možete odabrati da se lanser nalazi u Donjem desnom uglu (standard za većinu web sajtova) ili Donjem lijevom uglu (korisno ako već imate WhatsApp ikonicu ili ‘Back to Top’ dugme desno).

Razmaci od ivica (Offsets)

Precizno podesite odmak u pikselima od dna (bottom-offset) i od bočne ivice (side-offset) kako widget ne bi prekrivao kolačiće (cookie banner) ili navigaciju.

Prilagođavanje za mobilne uređaje

Pitaj.io chat widget je potpuno prilagodljiv za telefone:

Full-screen prikaz na mobilnom: Kada korisnik otvori chat na telefonu, prozor se otvara preko cijelog ekrana sa vidljivim dugmetom za zatvaranje na vrhu, osiguravajući ugodno kuckanje bez zumiranja.
Automatsko zatvaranje tastature: Nakon slanja poruke tastatura ne zaklanja odgovor asistenta.