ChatLab-chatbotin lisääminen Wix-verkkosivustollesi antaa kävijöiden keskustella tekoälyavustajasi kanssa suoraan sivustollasi. Tässä oppaassa käydään läpi vaiheet, joilla saat upotuskoodin ChatLabista ja liität sen Wixiin.
Ennen kuin aloitat
Ennen kuin aloitat, luo chatbotisi ja varmista, että Wix-sivustosi on julkaistu ja siihen on yhdistetty oma verkkotunnus. Wix kuvaa nämä vaatimukset artikkelissa Embedding custom code on your site. Tarvitset myös oikeudet verkkosivuston muokkaamiseen ja julkaisemiseen.
Vaihe 1 - Kopioi upotuskoodi ChatLabista
- Kirjaudu sisään osoitteessa ChatLab ja valitse chatbot, jonka haluat upottaa
- Napsauta Deploy (Käyttöönotto) -välilehteä ja valitse sitten oikealla olevasta alustapaneelista Wix
- Valitse Widget (Widgetti) alla olevia mukautetun koodin vaiheita varten. Jos haluat aina näkyvissä olevan chatin, valitse Iframe ja käytä erillisiä sivun upotusohjeita alempana. Katso vertailu artikkelista Mitä eroa on widgetillä ja Iframella?
- Napsauta Copy to clipboard (Kopioi leikepöydälle)
Vaihe 2 - Lisää koodi Wixiin
- Siirry Wixin hallintapaneelissa kohtaan Settings (Asetukset)
- Napsauta kohdan Development & integrations (Kehitys ja integraatiot) alta Custom Code (Mukautettu koodi). Vanhemmissa Wixin hallintapaneeleissa tämä voi löytyä kohdasta Advanced (Lisäasetukset).
- Napsauta + Add Custom Code (+ Lisää mukautettu koodi) oikeasta yläkulmasta
- Liitä kopioitu koodi tekstikenttään
- Anna koodillesi nimi (esim. "ChatLab")
- Valitse kohdassa Add Code to Pages (Lisää koodi sivuille), millä sivuilla chatbotin tulisi näkyä - valitse All pages (Kaikki sivut) näyttääksesi sen kaikkialla
- Valitse kohdassa Place Code in (Sijoita koodi kohteeseen) vaihtoehto Head
- Napsauta Apply (Käytä)
Aina näkyvissä olevan iframen lisääminen
Lisää Wix Editorissa sivulle HTML-iframe-/upotuselementti, liitä siihen ChatLabin Iframe-koodinpätkä ja muuta elementin kokoa niin, että chat on helppokäyttöinen sekä tietokoneella että mobiililaitteilla. Julkaise sivu. Iframe on sijoitettava näkyvään sivuasetteluun, ei Head-osion mukautettuun koodiin. Katso Wixin opas näkyvään upotettuun sisältöön.
Asennuksen tarkistaminen
Kun olet tallentanut muutokset, avaa Wix-sivustosi selaimessa. Sivun kulmassa pitäisi näkyä chat-kuvake (widget-tilassa) tai chat-ikkuna upotettuna sivulle (iframe-tilassa). Napsauta kuvaketta avataksesi chatin ja lähetä testiviesti varmistaaksesi, että kaikki toimii.