ChatLab tarjoaa kaksi tapaa lisätä chatbot verkkosivustollesi: widget-elementtinä tai iframe-upotuksena. Molemmat käyttävät samaa chatbotia samoilla koulutusdatalla ja asetuksilla, mutta ne eroavat toisistaan siinä, miten chatbot näkyy sivullasi.
Widget
Widget lisää chat-kuvakkeen kiinteään kohtaan sivullasi (oletuksena oikeaan alakulmaan). Kävijät napsauttavat kuvaketta avatakseen chat-ponnahdusikkunan. Chat-ikkunan voi milloin tahansa sulkea takaisin kuvakkeeksi.
Tärkeimmät ominaisuudet:
- Näkyy käynnistinkuvakkeena näytön kulmassa
- Avautuu ponnahdusikkunana, kun kävijät napsauttavat kuvaketta
- Pysyy käytettävissä kaikilla sivuilla, joille koodi on asennettu
- Tukee mukauttamista: kuvakkeen sijainti, automaattinen avautuminen, tervetuloviestikuplat ja pienennetty näyttötila (Settings (Asetukset) > Appearance (Ulkoasu))
Iframe
Iframe upottaa chatbotin suoraan sivusi sisältöön. Chat-ikkuna on aina näkyvissä, ja sen ympärillä voi olla muita sivun elementtejä.
Tärkeimmät ominaisuudet:
- Aina näkyvissä sivulla ilman tarvetta napsauttaa kuvaketta
- Upotettu sivun rakenteeseen muun sisällön viereen
- Muokattava koko - voit määrittää upotuskoodin
width- jaheight-määritteet asetteluusi sopiviksi - Paras erillisille sivuille, joilla chatbot on keskeinen elementti, kuten tukisivulle tai laskeutumissivulle
Missä widget tai iframe valitaan
- Valitse chatbotisi hallintapaneelista
- Napsauta Deploy (Käyttöönotto) -välilehteä
- Valitse HTML Code (HTML-koodi) ja valitse sitten Widget- tai Iframe-välilehti nähdäksesi vastaavan upotuskoodin
- Napsauta Copy to clipboard (Kopioi leikepöydälle). Sijoita Widget-koodi verkkosivuston header-osaan tai alustasi skriptialueelle; sijoita Iframe-koodi sivun runkoon kohtaan, jossa haluat chatin näkyvän.
- Julkaise sivu, avaa se tietokoneella ja mobiililaitteella ja lähetä testiviesti.
Molempien tilojen kokeileminen
Voit esikatsella kumpaakin tilaa upottamatta koodia. Etsi Overview (Yleiskatsaus) -välilehdeltä rivi Try out & share (Kokeile ja jaa) ja napsauta jompaakumpaa linkkiä:
- As always-open frame (Aina avoimena kehyksenä) - avaa chatbotin iframe-tilassa
- As openable widget (Avattavana widgetinä) - avaa chatbotin widget-tilassa käynnistinkuvakkeen kera
Jokaisella rivillä on myös QR Code (QR-koodi) -linkki, joka avaa skannattavan koodin samaan URL-osoitteeseen, joten voit testata chatbotia puhelimellasi skannaamalla sen kameralla.
Lisätietoja näiden esikatselulinkkien jakamisesta on artikkelissa Linkin lähettäminen chatbotiisi.
Kumpi minun kannattaisi valita?
- Valitse widget, jos haluat chatbotin olevan käytettävissä jokaisella sivulla viemättä tilaa näytöltä. Kävijät voivat avata chatin apua tarvitessaan ja sulkea sen, kun asia on hoidettu.
- Valitse iframe, jos haluat chatbotin olevan näkyvä osa tietyn sivun asettelua, kuten ohjekeskuksessa, yhteydenottosivulla tai tuotesivulla, missä chatbot on aina valmiina vuorovaikutukseen.