Dodavanje ChatLab chatbota na Vaš Webflow veb-sajt omogućava posetiocima da komuniciraju sa Vašim AI asistentom direktno na Vašem sajtu. Ovaj vodič Vas vodi kroz korake za preuzimanje koda za ugradnju (embed code) iz ChatLab-a i njegovo lepljenje u Webflow.
Pre nego što počnete
Pre nego što počnete, kreirajte svog chatbota i proverite da li Vaš Webflow sajt ili radni prostor (workspace) podržava dodavanje prilagođenog koda (custom code). Pogledajte Webflow zahteve za prilagođeni kod. Takođe su Vam potrebne dozvole za uređivanje i objavljivanje veb-sajta.
Korak 1 - Kopirajte kod za ugradnju iz ChatLab-a
- Prijavite se na ChatLab i izaberite chatbota kojeg želite da ugradite
- Kliknite na karticu Deploy (Objavi), a zatim izaberite Webflow sa panela platformi sa desne strane
- Izaberite Widget (Vidžet) za instalaciju u zaglavlje opisano u nastavku. Ako želite uvek vidljiv chat, izaberite Iframe i pratite uputstva za iframe u nastavku. Pogledajte Koja je razlika između vidžeta i Iframe-a? radi poređenja
- Kliknite na Copy to clipboard (Kopiraj u privremenu memoriju)
Korak 2 - Dodajte kod u Webflow
Dodavanje koda u podešavanjima Site Settings (Podešavanja sajta) postavlja chatbota na svaku stranicu Vašeg Webflow sajta.
- Otvorite svoj projekat na Webflow kontrolnoj tabli (Webflow Dashboard)
- Idite na Site settings > Custom code (Podešavanja sajta > Prilagođeni kod)
- Nalepite kopirani kod u odeljak Head Code
- Kliknite na Save Changes (Sačuvaj izmene)
- Kliknite na Publish (Objavi) da bi promene stupile na snagu
Dodavanje samo na jednu stranicu
Ako želite da se chatbot prikazuje na tačno određenoj stranici, a ne na celom sajtu:
- Otvorite stranicu u Webflow Designer-u
- Kliknite na ikonu zupčanika da biste otvorili Page Settings (Podešavanja stranice)
- Pomerite naniže do odeljka Custom Code
- Nalepite kod u polje Head Code
- Sačuvajte i objavite svoj sajt
Dodavanje uvek vidljivog iframe-a
U Webflow Designer-u postavite element Code Embed na mesto gde želite chatbota, nalepite isečak koda za Iframe iz ChatLab-a i podesite njegovu širinu i visinu prema Vašem rasporedu. Sačuvajte i objavite sajt. Za razliku od vidžeta, iframe ide u sadržaj stranice, a ne u Head Code.
Provera instalacije
Nakon objavljivanja, otvorite svoj Webflow sajt u pregledaču. Trebalo bi da vidite ikonu za chat u uglu stranice (za režim vidžeta) ili ugrađeni prozor za chat na samoj stranici (za režim iframe-a). Kliknite na ikonu da biste otvorili chat i pošaljite test poruku kako biste potvrdili da sve funkcioniše.