Preskoči na sadržaj

Jedan red koda: kako se chat agent ubacuje na sajt

BizzBot4 min čitanja

Chat agent se na sajt ubacuje tako što se jedan kratak red koda, takozvana skripta, nalepi na mesto koje se učitava na svakoj stranici. Taj red pozove chat prozor sa spoljnog servera i prikaže ga u uglu sajta. Ne menja izgled sajta, a ako ne želiš da ga diraš, to može da uradi neko drugi umesto tebe.

Ukratko

  • Skripta je mali program koji sajt učita i koji prikaže chat prozor.
  • Widget je taj chat prozor, obično ikonica u donjem uglu.
  • Kod se lepi jednom, na mesto koje važi za ceo sajt.
  • Ako ti je to nezgodno, kod može da nalepi neko drugi umesto tebe.

Šta su widget i skripta

Widget je vidljivi deo chata, a skripta je red koda koji ga pokreće. Widget je ikonica u donjem desnom uglu koju posetilac klikne da bi otvorio razgovor. Skripta je naredba koju sajt pročita kad se otvori: "učitaj chat prozor sa ove adrese". Posetilac vidi samo ikonicu, a ispod nje stoji jedan red koji sve povezuje.

Primer radi, na sajtu bizzbot.rs vidiš demo agenta Bizi kao ikonicu u donjem desnom uglu. To je upravo widget.

Skripta se sastoji od adrese sa koje se chat učitava i nekoliko podešavanja, a izgleda kao nerazumljiv niz znakova. Ne moraš da je razumeš, dovoljno je da je preneseš tačno onako kako si je dobio. Zamisli je kao ekser na zidu: ne menja zid, ali bez njega nema gde da se okači slika.

Skripta ne pretvara tvoj sajt u nešto drugo. Sajt ostaje isti, a chat se samo prikazuje preko njega. Ako skriptu kasnije obrišeš, widget nestaje, a sve ostalo ostaje kako je bilo.

Gde se kod lepi

Kod se lepi na mesto koje se učitava na svim stranicama, a najčešće je to zaglavlje ili podnožje sajta. Većina sajtova ima deo za "dodatni kod" ili "skripte" u podešavanjima teme ili platforme. Opšta pravila su ista bez obzira na platformu:

  1. Nađi mesto za dodatni kod. Traži nazive poput "header", "footer", "custom code", "dodatne skripte" ili "umetanje koda".
  2. Izaberi mesto koje važi za ceo sajt. Ako nalepiš kod samo na jednu stranicu, chat će se prikazivati samo na njoj.
  3. Nalepi red koda tačno onako kako si ga dobio. Ne menjaj ga i ne dodaj razmake ili navodnike.
  4. Sačuvaj i osveži sajt. Otvori sajt u novom prozoru i proveri da li se ikonica pojavljuje.
  5. Proveri na telefonu. Otvori sajt i na mobilnom, jer većina posetilaca dolazi odatle.

Za konkretne sisteme pogledaj tekstove o chat agentu na WordPress sajtu i o chat agentu na web prodavnici.

Šta ako nisi tehnički

Lepljenje koda ne traži programiranje, ali ako ti je neprijatno, ne moraš da ga radiš. Postoje tri uobičajena puta.

  • Sam. Ako imaš pristup administraciji sajta i vidiš polje za dodatni kod, red se nalepi za nekoliko minuta.
  • Neko ko održava tvoj sajt. Prosledi mu kod i uputstvo, to je za njega posao od par minuta.
  • Ponuđač chat agenta. Kod BizzBot-a, kod možeš da nalepiš sam ili ga nalepimo mi.

Pre nego što bilo šta menjaš na sajtu, napravi kopiju ili proveri da ti platforma čuva prethodne verzije. To je dobra navika i bez chat agenta.

Šta još treba da znaš o skripti

Evo nekoliko stvari koje vlasnici često pitaju, a nisu tehničke.

Da li usporava sajt?

Svaki dodatak donosi malo opterećenja, pa je pametno proveriti brzinu pre i posle. Tekst o uticaju chat agenta na SEO govori o tome šta se zna, a šta ne.

Da li radi na svim stranicama?

Radi gde je kod učitan. Ako sajt ima više delova (na primer, glavni sajt i zasebnu prodavnicu), proveri da li je kod postavljen na svakom.

Šta ako promenim temu ili platformu?

Kod koji je u temi može da nestane kad je promeniš. Zato sačuvaj kopiju koda i posle svake veće izmene sajta proveri da li se ikonica i dalje pojavljuje.

Da li je potrebno nešto da se instalira na serveru?

Za BizzBot nije, dovoljno je da nalepiš jedan red koda. Kod drugih rešenja uslovi mogu da se razlikuju, pa to pitaj ponuđača.

Provera da je sve u redu

Kad nalepiš kod, uradi kratku proveru.

  • Ikonica se vidi na početnoj, na stranici proizvoda i na kontaktu.
  • Klik otvara prozor, a prozor se zatvara.
  • Agent odgovara na jednostavno pitanje.
  • Na telefonu ikonica ne zaklanja važna dugmad, na primer "Dodaj u korpu".
  • Pozdravna poruka i ime agenta su onakvi kakve si odobrio.
  • Prozor se otvara brzo i ne blokira čitanje sajta.

Pre nego što agenta pokažeš kupcima, prođi i kroz testiranje sa stvarnim pitanjima.

Česta pitanja

Da li je jedan red koda dovoljan da chat agent radi?

Za prikaz chat prozora jeste, ali agent mora prethodno da bude podešen. Znanje o ponudi, pravilima i tonu razgovora podesi se pre nego što se kod objavi, inače će prozor biti prazan ili neprecizan.

Mogu li da uklonim chat agenta sa sajta?

Možeš. Dovoljno je da obrišeš red koda, i ikonica nestaje sa svih stranica. Pre brisanja sačuvaj kopiju ako planiraš da ga vratiš.

Šta ako ne znam gde da nalepim kod?

Pošalji pristup ili screenshot administracije osobi koja održava sajt, ili zatraži pomoć od ponuđača. Kod BizzBot-a kod možemo da nalepimo mi.

Šta dalje

Ako nisi siguran da li tvoj sajt ima polje za dodatni kod, otvori podešavanja i potraži "header" ili "custom code", a ako ga ne nađeš, javi nam se pa ćemo zajedno proveriti. Kako ceo proces izgleda od početka, pročitaj u tri koraka BizzBot-a.

  • Postavljanje i uvođenje

    Chat agent na WordPress sajtu

    Chat agent na WordPress sajtu dodaje se umetanjem jednog reda koda u zaglavlje ili podnožje. Evo opšteg postupka, provere i najčešćih problema.

    · 4 min čitanja