WordPress on Suomen yleisin verkkosivualusta ja tekoälychatbotin lisääminen siihen on helpompaa kuin moni luulee. Et tarvitse kehittäjää etkä koodausosaamista, etkä joudu tekemään muutoksia sivustosi rakenteeseen. Itse asiassa WordPressiin lisätään käytännössä vain yksi upotuskoodi ja kaikki muu, kuten chatbotin koulutus, ulkoasun muokkaus ja seuranta, hoidetaan keskitetysti Booostedin dashboardista. Tässä oppaassa käymme läpi vaihe vaiheelta, miten Booostedin AI-chatbot lisätään WordPress-sivustolle, miten se koulutetaan ja miten varmistat, että se toimii oikein.
Mitä tarvitset ennen aloitusta?
- WordPress-sivuston ylläpito-oikeudet (admin-tunnukset).
- Booostedilta saatu chatbotin upotuskoodi.
- Tiedot, joilla chatbot koulutetaan: sivuston sisältö, usein kysytyt kysymykset ja mahdolliset PDF-dokumentit, kuten esitteet tai hinnastot.
Kun nämä ovat valmiina, varsinainen käyttöönotto on nopea.
Vaihe 1: Chatbotin koulutus Booostedin dashboardissa
Ennen asennusta chatbot koulutetaan tuntemaan yrityksesi ja tämä tehdään kokonaan Booostedin dashboardin kautta, ei WordPressissä. Dashboardissa syötät chatbotille sivustosi sisällön, lataat dokumentteja (kuten esitteet ja hinnastot) ja lisäät usein kysytyt kysymykset vastauksineen. Se oppii tästä aineistosta vastaamaan kävijöille luonnollisesti.
Mitä kattavammin chatbot koulutetaan, sitä luotettavammin se vastaa. Tärkeää on, että chatbot vastaa vain todennetun tiedon perusteella eikä ”keksi” vastauksia – lue tarkemmin, kuinka chatbot oppii ymmärtämään yrityksesi. Koska koulutus tapahtuu dashboardissa, voit myös päivittää ja täydentää chatbotin tietoja milloin tahansa ilman, että WordPress-sivustoon tarvitsee koskea.
Vaihe 2: Upotuskoodin lisääminen WordPressiin
Tämä on käytännössä ainoa vaihe, joka tehdään itse WordPressissä. Upotuskoodi on pieni koodinpätkä, jonka saat Booostedin hallintapaneelista ja joka lisätään sivuston <head>– tai <body>-osioon. WordPressissä on tähän useita helppoja tapoja:
- Liitännäisellä: asenna esimerkiksi ”Insert Headers and Footers” -tyyppinen liitännäinen, liitä koodi sille varattuun kenttään ja tallenna. Tämä on helpoin tapa ilman teemamuokkauksia.
- Teeman asetuksista: monessa modernissa teemassa (ja sivunrakentajassa) on oma kenttä custom-koodille header- tai footer-osiossa.
- Lohkona: jos haluat chatbotin vain tietyille sivuille, voit lisätä koodin Custom HTML -lohkolla suoraan haluamallesi sivulle Gutenberg-editorissa.
Koodin lisäämisen ja tallennuksen jälkeen chatbot ilmestyy sivustolle automaattisesti. Mitään muuta asennusta ei tarvita.
Vaihe 3: Ulkoasun ja widget-tyypin valinta dashboardissa
Myös chatbotin ulkonäkö muokataan Booostedin dashboardissa – et siis tarvitse CSS-osaamista tai teemamuokkauksia. Säädä dashboardissa chatbotin värit, sijainti ja sävy brändiisi sopivaksi, jotta se tuntuu osalta sivustoasi. Muutokset päivittyvät sivustolle automaattisesti upotuskoodin kautta, joten WordPressiin ei tarvitse tehdä mitään. Valitse dashboardissa myös widget-tyyppi käyttötarpeesi mukaan:
- In-page-chatbot – keskusteluikkuna sivun sisällä.
- Sticky side button – aina näkyvillä oleva yhteydenottopainike sivun reunassa.
- Popup-widget – ajoitettu ponnahdusikkuna, joka tarjoaa sisältöä tai tarjouksen oikealla hetkellä.
- Widget Pro – monitoiminen widget, joka yhdistää useita painikkeita ja lomakkeita.
Vaihe 4: Testaus
Avaa sivustosi (mielellään myös yksityisessä selausikkunassa), testaa muutama tyypillinen kysymys ja varmista, että chatbot vastaa oikein ja ohjaa kävijän oikeille sivuille. Testaa myös mobiilissa, sillä suuri osa kävijöistä käyttää puhelinta. Jos huomaat puutteita vastauksissa, voit täydentää chatbotin koulutusaineistoa.
Vaihe 5: Seuranta ja optimointi
Kun chatbot on käytössä, seuraat keskusteluja, kysytyimpiä aiheita ja liidejä Booostedin dashboardista. Datan avulla näet, mitkä kysymykset toistuvat ja missä kohtaa kävijät tarvitsevat apua ja voit kehittää sekä chatbottia että sivustoasi sen perusteella.
Yleisiä kysymyksiä asennuksesta
Hidastaako chatbot WordPress-sivua?
Ei merkittävästi. Widget ladataan kevyesti taustalla eikä se estä sivun muuta toimintaa tai sisällön latautumista.
Voinko näyttää chatbotin vain tietyillä sivuilla?
Kyllä. Voit rajata näkyvyyden esimerkiksi lisäämällä koodin vain halutuille sivuille Custom HTML -lohkolla tai liitännäisen sääntöjen avulla.
Mitä tehdään WordPressissä ja mitä Booostedin dashboardissa?
WordPressiin lisätään vain kertaalleen upotuskoodi. Kaikki muu, kuten chatbotin koulutus, ulkoasun ja värien muokkaus, widget-tyypin valinta sekä keskustelujen ja liidien seuranta hoidetaan Booostedin dashboardissa. Näin voit päivittää chatbottia jatkuvasti ilman, että sivuston koodiin tarvitsee koskea.
Tarvitsenko erillisen liitännäisen?
Et välttämättä, pelkkä upotuskoodi riittää. Liitännäinen voi kuitenkin helpottaa koodin hallintaa, jos et halua muokata teeman tiedostoja.
Toimiiko tämä myös WooCommercessa?
Kyllä. WooCommerce toimii WordPressin päällä, joten asennus tapahtuu samalla tavalla. Lue lisää WooCommerce-chatbotista.
Mitä jos vaihdan teemaa myöhemmin?
Jos upotuskoodi on lisätty liitännäisellä, se säilyy teeman vaihdosta huolimatta. Jos koodi on teeman asetuksissa, se kannattaa lisätä uudelleen uuteen teemaan.
Voinko asentaa chatbotin itse vai autatteko te?
Voit tehdä asennuksen itse tämän oppaan mukaan, mutta autamme mielellämme – hoidamme käyttöönoton kanssasi tai puolestasi.
Kiinnostuitko?
Haluatko nähdä omakohtaisesti, miten tekoälypohjainen chatbot toimii? Ota yhteyttä ja sovitaan ilmainen demopalaveri!