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 ja lataat PDF-dokumentteja (kuten esitteet ja hinnastot), joista se oppii vastaamaan kävijöille luonnollisesti. Lisäksi voit lisätä usein kysytyt kysymykset vastauksineen valmiiksi painikkeiksi.
Mitä kattavammin chatbot koulutetaan, sitä luotettavammin se vastaa. Tärkeää on, että chatbot on ohjeistettu vastaamaan vain annetun tiedon perusteella eikä ”keksimään” 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 <body>-osioon, esimerkiksi footeriin (ei <head>-osioon). WordPressissä on tähän useita helppoja tapoja:
- Liitännäisellä: asenna esimerkiksi ”Insert Headers and Footers” -tyyppinen liitännäinen, liitä koodi sen footer-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 ilme brändiisi sopivaksi, jotta se tuntuu osalta sivustoasi. Muutokset päivittyvät sivustolle automaattisesti upotuskoodin kautta, joten WordPressiin ei tarvitse tehdä mitään. Valitse myös widget-tyyppi käyttötarpeesi mukaan – jokaisella widgetillä on oma upotuskoodinsa:
- 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, vastaamatta jääneitä kysymyksiä 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. Chatbotin varsinainen sovellus ladataan viiveellä vasta kävijän ensimmäisestä vuorovaikutuksesta tai muutaman sekunnin kuluttua, jotta se ei kuormita sivun ensilatausta.
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 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.