Ohjekeskus
Chatbotin lisääminen verkkosivustolle

Mitä eroa on widgetillä ja iframella?

Viimeksi päivitetty:

ChatLab tarjoaa kaksi tapaa lisätä chatbot verkkosivustollesi: widgetinä tai iframena. Molemmat käyttävät samaa chatbotia samoilla koulutustiedoilla ja asetuksilla, mutta ne eroavat toisistaan siinä, miten chatbot näkyy sivullasi.

Widget

Widget lisää chat-kuvakkeen kiinteään kohtaan sivullasi (oletuksena oikeaan alakulmaan). Vierailijat avaavat chat-ponnahdusikkunan napsauttamalla kuvaketta. Chat-ikkunan voi milloin tahansa sulkea takaisin kuvakkeeksi.

Tärkeimmät ominaisuudet:

  • Näkyy avauskuvakkeena näytön kulmassa
  • Avautuu ponnahdusikkunana, kun vierailija napsauttaa kuvaketta
  • Pysyy käytettävissä kaikilla sivuilla, joille koodi on asennettu
  • Tukee mukauttamista: kuvakkeen sijainti, automaattinen avautuminen, tervetuloviestikuplat ja pienennetty näyttötila (Settings > Appearance (Asetukset > Ulkoasu))

Widget-välilehti valittuna Deploy-näkymässä

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- ja height-määritteet asettelusi mukaan
  • Paras erillisille sivuille, joilla chatbot on keskeinen elementti, kuten tukisivulle tai laskeutumissivulle

Iframe-välilehti valittuna Deploy-näkymässä

Mistä widget tai iframe valitaan

  1. Valitse chatbotisi hallintapaneelista
  2. Napsauta Deploy-välilehteä (Julkaise)
  3. Valitse Widget- tai Iframe-välilehti nähdäksesi vastaavan upotuskoodin
  4. Napsauta Copy to clipboard (Kopioi leikepöydälle) ja liitä koodi verkkosivustollesi

Molempien tilojen kokeileminen

Voit esikatsella kumpaakin tilaa upottamatta lainkaan koodia. Etsi Overview-välilehdeltä (Yleiskatsaus) 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 avauskuvakkeen kera

Jokaisella rivillä on myös QR Code -linkki (QR-koodi), joka avaa samaan URL-osoitteeseen vievän skannattavan koodin, joten voit testata chatbotia puhelimellasi skannaamalla sen kameralla.

Try out & share -linkit Overview-välilehdellä

Lisätietoja näiden esikatselulinkkien jakamisesta löydät artikkelista Linkin lähettäminen chatbotillesi.

Kumpi minun tulisi valita?

  • Valitse widget, jos haluat chatbotin olevan käytettävissä jokaisella sivulla viemättä tilaa näytöltä. Vierailijat voivat avata chatin tarvitessaan apua ja sulkea sen, kun asia on hoidettu.
  • Valitse iframe, jos haluat chatbotin olevan näkyvä osa tietyn sivun asettelua, kuten ohjekeskuksessa, yhteydenottosivulla tai tuotesivulla, jossa chatbot on aina valmiina vuorovaikutukseen.