Dodavanje ChatLab chatbota na vaš Webflow veb-sajt omogućava posetiocima da komuniciraju sa vašim AI asistentom direktno na sajtu. Ovaj vodič vas vodi kroz korake za preuzimanje koda za ugradnju (embed code) iz ChatLab-a i njegovo postavljanje u Webflow.
1. korak - Kopirajte kod za ugradnju iz ChatLab-a
- Prijavite se na ChatLab i izaberite chatbot koji želite da ugradite
- Kliknite na karticu Deploy (Objavi), a zatim izaberite Webflow na panelu sa platformama sa desne strane
- Izaberite između opcija Widget (iskačući prozor za ćaskanje koji se pokreće klikom na ikonicu za chat) ili Iframe (uvek vidljiv chat ugrađen u samu stranicu). Pogledajte članak Koja je razlika između vidžeta i Iframe-a? radi poređenja
- Kliknite na Copy to clipboard (Kopiraj u privremenu memoriju)
2. korak - Dodajte kod u Webflow
Dodavanjem koda u Site Settings (Podešavanja sajta) postavićete chatbot na svaku stranicu vašeg Webflow sajta.
- Otvorite svoj projekat na kontrolnoj tabli Webflow Dashboard
- Idite na Site Settings > Custom Code (Prilagođeni kod)
- Nalepite kopirani kod u odeljak Head Code (Kod zaglavlja)
- Kliknite na Save Changes (Sačuvaj izmene)
- Kliknite na Publish (Objavi) kako bi izmene na vašem sajtu stupile na snagu
Dodavanje samo na jednu stranicu
Ako želite da se chatbot prikazuje na određenoj stranici umesto na celom sajtu:
- Otvorite stranicu u alatu Webflow Designer
- Kliknite na ikonicu zupčanika da biste otvorili Page Settings (Podešavanja stranice)
- Pomerite stranicu nadole do odeljka Custom Code
- Nalepite kod u polje Head Code
- Sačuvajte i objavite svoj sajt
Provera instalacije
Nakon objavljivanja, otvorite svoj Webflow sajt u pregledaču. Trebalo bi da vidite ikonicu za chat u uglu stranice (za režim vidžeta) ili prozor za chat ugrađen na stranici (za režim iframe). Kliknite na ikonicu da biste otvorili chat i pošaljite probnu poruku kako biste potvrdili da sve radi kako treba.