ChatLab-chatbotin lisääminen Webflow-sivustollesi antaa vierailijoille mahdollisuuden keskustella tekoälyavustajasi kanssa suoraan sivustollasi. Tässä oppaassa käydään läpi vaiheet upotuskoodin hakemiseen ChatLabista ja sen liittämiseen Webflow-palveluun.
Vaihe 1 - Kopioi upotuskoodi ChatLabista
- Kirjaudu sisään ChatLabiin ja valitse chatbot, jonka haluat upottaa
- Napsauta Deploy-välilehteä (Julkaise) ja valitse sitten Webflow oikeanpuoleisesta alustapaneelista
- Valitse joko Widget (chat-ponnahdusikkuna, joka avautuu chat-kuvakkeesta) tai Iframe (sivulle upotettu, aina näkyvissä oleva chat). Katso vertailu artikkelista Mitä eroa on widgetillä ja Iframella?
- Napsauta Copy to clipboard (Kopioi leikepöydälle)
Vaihe 2 - Lisää koodi Webflow-palveluun
Koodin lisääminen Site Settings -asetuksiin (Sivuston asetukset) asettaa chatbotin Webflow-sivustosi jokaiselle sivulle.
- Avaa projektisi Webflow Dashboardissa
- Siirry kohtaan Site Settings > Custom Code (Mukautettu koodi)
- Liitä kopioitu koodi Head Code -osioon (Head-koodi)
- Napsauta Save Changes (Tallenna muutokset)
- Valitse Publish (Julkaise), jotta muutokset tulevat voimaan sivustollasi
Lisääminen vain yhdelle sivulle
Jos haluat chatbotin vain tietylle sivulle koko sivuston sijaan:
- Avaa sivu Webflow Designerissa
- Napsauta rataskuvaketta avataksesi Page Settings -asetukset (Sivun asetukset)
- Vieritä alas Custom Code -osioon
- Liitä koodi Head Code -kenttään
- Tallenna ja julkaise sivustosi
Asennuksen tarkistaminen
Avaa Webflow-sivustosi selaimessa julkaisemisen jälkeen. Näet chat-kuvakkeen sivun kulmassa (widget-tilassa) tai chat-ikkunan suoraan sivulle upotettuna (iframe-tilassa). Napsauta kuvaketta avataksesi chatin ja lähetä testiviesti varmistaaksesi, että kaikki toimii oikein.