Ovo je prvi vodič u seriji uputstava za AI chatbot na vašem sajtu. U njemu prolazimo kroz postavljanje bota i sva osnovna podešavanja, korak po korak. Kada završite ovaj vodič, bot će biti podešen i spreman da se ubaci na sajt.
Prijava u kontrolnu tablu
Kontrolnoj tabli pristupate na adresi chat.webhostingsrbija.rs. Prijavite se email adresom i lozinkom koje ste dobili prilikom aktivacije usluge.
Čim se prijavite, sa leve strane stoji Inbox, odnosno spisak razgovora. U gornjem levom uglu su ikonice za glavne delove table: Sajtovi, Analitika, Profil i Pomoć. U dnu leve trake vidite vašu kvotu poruka, na primer „Besplatne: 50/50“. Važno je da znate da se tih 50 besplatnih poruka mesečno troši samo kada bot odgovara. Poruke koje šaljete vi ili vaš operater su neograničene i ne računaju se u kvotu.
Sajtovi: dodavanje sajta
Kliknite na Sajtovi. Ovde se nalaze svi vaši sajtovi. Svaki sajt ima svoju karticu sa nazivom, oznakom, statusom i brojem dozvoljenih domena. Za novi bot kliknite na dugme „Dodaj sajt“ u gornjem desnom uglu.
U prozoru „Dodaj sajt“ popunjavate sledeće:
- Ime: naziv sajta koji vidite samo vi u tabli, na primer ime firme ili prodavnice.
- Slug: kratka oznaka malim slovima koja se koristi u tehničkom kodu. Predlaže se automatski iz imena i možete je ostaviti.
- Domen sajta: adresa sajta na kojem će bot raditi, jedan domen po redu, sa https na početku. Adresa test stranice se dodaje automatski.
- Odmah indeksiraj sajt: kada je stiklirano, bot odmah pročita sadržaj vašeg sajta i iz njega nauči da odgovara. Preporuka je da ostane uključeno.
- Tip biznisa: bira gotov tok razgovora prilagođen vašoj delatnosti. Ako izaberete opciju bez toka, bot vodi slobodan razgovor bez unapred pripremljenih koraka.
Kliknite Sačuvaj i sajt je kreiran. U nastavku podešavamo izgled i ponašanje bota u tabu Pregled.
Tab Pregled: sve na jednom mestu
Otvorite sajt iz liste i naći ćete se u tabu Pregled. To je početna strana svakog sajta i tu je sve što vam treba za pokretanje: uživo prikaz bota sa leve strane i podešavanja sa desne. Kad god nešto promenite, kliknite dugme Sačuvaj gore desno da bi izmena bila zapamćena.
Uživo prikaz
Sa leve strane je uživo prikaz, tačan prikaz onoga što vidi posetilac. Gore je zatvoreno okruglo dugme kako stoji u uglu sajta, a ispod je otvoren prozor sa primerom razgovora. Prikaz se menja odmah dok podešavate boje i tekstove, pa uvek vidite rezultat pre nego što sačuvate.
Osnovno
Kartica Osnovno drži glavne stvari:
- Brand boja (dugme): boja okruglog dugmeta koje posetilac vidi u uglu sajta.
- Tekst na hover-u dugmeta: kratak natpis koji iskoči kada posetilac pređe mišem preko dugmeta, na primer „Razgovor“.
- Pozicija: ugao u kojem stoji dugme, dole desno, dole levo, gore desno ili gore levo.
- Ime bota: naziv u zaglavlju prozora za razgovor.
- Pozdravna poruka: prva poruka koju bot pokazuje kada posetilac otvori chat.
Šta skreće pažnju pored dugmeta
Ovde birate mali baloncić iznad dugmeta koji mami posetioce na razgovor. Imate četiri režima: bez baloncića, gotova poruka iz galerije, vaš sopstveni tekst do 120 karaktera i slika koju otpremite ili nalepite kao URL. Posetilac uvek može da sakrije baloncić klikom na x.
Boje widgeta
Ako želite finije da uskladite bota sa sajtom, ovde podešavate boju svakog dela prozora posebno: pozadinu i slova zaglavlja, pozadinu panela, kao i boje balona za poruke bota i za poruke posetioca. Ako promenite samo brand boju iznad, zaglavlje i baloni posetioca je automatski nasleđuju dok im ne zadate posebnu boju.
Dostupnost
Kartica Dostupnost određuje šta se dešava kada nema slobodnog operatera. Oznaka „Agent online“ znači da je bar jedan operater otvorio kontrolnu tablu. Imate dve opcije:
- Sakrij chat dugme kad nema agenata online: posetioci uopšte ne vide dugme dok neko od vas ne otvori tablu.
- Označi chat kao offline kad nema agenata online: dugme se vidi, ali kada posetilac otvori chat dobija poruku da trenutno niste dostupni.
Ispod su još dva polja. Email za podršku se prikazuje posetiocu kada bot zatvori razgovor. Poruka pri automatskom zatvaranju je tekst koji posetilac vidi kada se razgovor zatvori zbog neaktivnosti. Ako ostavite prazno, koristi se podrazumevana poruka.
Pre-chat forma
Pre-chat forma pita posetioca za ime i email pre nego što pošalje prvu poruku. Korisno je ako želite da ga kasnije kontaktirate. Formu uključujete prekidačem u zaglavlju kartice, a zatim birate šta se pita i možete dodati uvodnu poruku. Ako je forma isključena, posetilac odmah ulazi u razgovor.
Embed kod: kako bota staviti na sajt
Ovo je korak koji bota zaista stavlja na vaš sajt. Dobijate dve verzije koda:
- Obični sajtovi (HTML): nalepite dati red neposredno pre zatvarajućeg body taga u podnožju sajta.
- WordPress: ne lepite skriptu direktno u temu jer to može da izbaci belu stranu. Umesto toga dodajete pripremljeni kod u functions.php teme, najbolje child-teme, ili preko dodatka Code Snippets.
Dugme Kopiraj stavlja kod u memoriju u jednom kliku. Ako na WordPress sajtu koristite dodatak za keš ili optimizaciju, na primer Autoptimize, WP Rocket, W3 Total Cache, LiteSpeed Cache ili SG Optimizer, obavezno dodajte widget.js u listu izuzetaka. Ti dodaci spajaju spoljne skripte u jedan fajl i mogu da pokvare rad chata. Tačno uputstvo za svaki dodatak stoji odmah ispod koda, u žutom okviru. Posle izmene obavezno obrišite keš dodatka.
Test stranica
Pre nego što bota ubacite na pravi sajt, možete ga isprobati na gotovoj test stranici. Dobijate dva linka, stranicu 1 i stranicu 2, koje su povezane navigacijom. Otvorite ih da proverite kako bot izgleda i da vidite da razgovor ostaje sačuvan kada posetilac pređe sa jedne strane na drugu.
Dozvoljeni domeni
U tabu Napredno, pod Domeni, stoji spisak adresa na kojima widget sme da radi. Bot se prikazuje samo na ovim domenima, što je zaštita da neko ne ubaci vašeg bota na tuđi sajt. Upisujete jedan domen po redu, zajedno sa https, bez putanje i bez kose crte na kraju. Domeni koje ste uneli pri kreiranju sajta već se nalaze ovde.
Kako izgleda uživo
Kada je kod postavljen, posetilac na vašem sajtu vidi okruglo dugme u uglu. Klikom na njega otvara se prozor sa pozdravnom porukom i, ako ste izabrali tip biznisa, dugmadima za brzi početak razgovora. Ovako bot izgleda uživo na test stranici sajta.
