Verkkosivut ovat edelleen yrityksen kivijalka netissä ja netti on edelleen se paikka. Dudelle verkkosivut ja verkkopalvelut ovat usein synonyymi WordPressille, koska olemme puhtaasti WordPress-toimija. Hassua kyllä, WordPress on vuosien varrella laajentunut niin paljon käyttötarkoituksiltaan, että parhaimmillaan käytämme sen tietokantarakennetta ja helppokäyttöistä wp-adminia, vaikka esim. frontti on saatettu rakentaa React.js:ää hyödyntämällä. Esimerkiksi WordPressin Gutenberg-editori toimii Reactilla.
Oikein toteutettuna WordPress on keskeinen osa yrityksesi digitaalista kokonaisuutta ja keskustelee sujuvasti esimerkiksi ERPin, CRM:n, lipunmyyntijärjestelmän, taloushallinnon, rekrytointityökalujen tai minkä tahansa muun yrityksesi palvelun osa-alueen kanssa. Olemme Dudella integroineet WordPressin lukemattomiin eri järjestelmärajapintoihin. Tässä kirjoituksessa kerron lisää siitä mitä se käytännössä tarkoittaa ja miksi sillä on väliä.
Sanomattakin selvää, että tämä on aika tekninen blogikirjoitus. Pyrin kuitenkin pitämään teknisen tekstin helposti ymmärrettävänä myös ei-teknisille lukijoille.
Manuaalisuus toimii vain markkinointisivustoilla
Jos yhtään laajemmasta kokonaisuudesta on kyse, 2020-luvulta lähtien yrityksesi verkkosivut eivät voi enää olla erillinen saareke, jonne joku syöttää sisältöä käsin ja joka elää omassa kuplassaan. Data liikkuu, järjestelmät keskustelevat keskenään ja manuaalinen tiedon naputteleminen useaan paikkaan on tehotonta, virhealtista ja ennen kaikkea turhaa työtä. Tietotyössä erilaiset järjestelmät ovat ainoastaan järkevää, sillä myyntisuppilot ja liidien keruu, markkinoinnin automaatiot, rekryt, myynnit, tuotteet ja monet muut toiminnot kannattaa keskittää parhaiten osaavalle. Visma, HubSpot, Shopify ja monet muut alustat yrittävät kovasti sulloa kaiken mahdollisen saman alustan alle, mutta meidän mielestä “Everything App” ei ole hyvä tai realistinen konsepti.
Dudella rajapintaintegraatiot ovat arkipäivää. Olemme vuodesta 2013 toteuttaneet WordPress-verkkopalveluja, joissa ulkoiset järjestelmät kytketään luontevaksi osaksi sivustoa niin, ettei käyttäjä edes huomaa mistä verkkopalvelu alkaa ja mihin rajapintaintegraatio jatkuu. Teemme tätä jatkuvasti ja voimme rehellisesti sanoa ettei mikään rajapinta ole meille liian outo tai hankala. Olemme käsitelleet 90-luvulla tehtyä XML:ää, SQL:ää, josta olemme saaneet leivottua erittäin moderneja ja toimivia toteutuksia. REST API:n lisäksi taipuu SOAP, GraphQL ja muut erikoisemmat kikkareet.
Usein hyvä rajapintaintegraatio WordPressiin on parempi ratkaisu kuin yrittää väkisin pakottaa kaikki toiminnot samaan ohjelmistoon.
Ekä tässä kohtaa vielä edes puhuta tekoälystä.
Mitä rajapintaintegraatio käytännössä tarkoittaa?
Rajapinta eli API (ohjelmointirajapinta, Application Programming Interface) on tapa, jolla kaksi järjestelmää keskustelevat keskenään. Käytännössä WordPress lähettää pyynnön toiseen palveluun tai vastaanottaa sieltä dataa ja tämä data esitetään sivustolla tai tallennetaan WordPressin tietokantaan. Useimmiten kyseessä on REST (Representational State Transfer) API, mutta joskus integraatioita tehdään myös SOAP (Simple Object Access Protocol)-pohjaisiin ja GraphQL-pohjaisiin rajapintoihin.
Integraatio voi olla yksisuuntainen (data tulee toisesta järjestelmästä ja näkyy sivustolla) tai kaksisuuntainen (sivustolta lähetetään dataa takaisin toiseen järjestelmään). Se voi tapahtua reaaliaikaisesti, automaattisesti ilmoituspohjaisesti tai ajastetusti tietyin väliajoin. Riippuu täysin siitä, mitä integroitava järjestelmä tarjoaa ja mitä liiketoiminta vaatii.
WordPress itsessään tarjoaa oman WP REST API:n, joka mahdollistaa WordPressin sisällön käyttämisen ulkoisista palveluista käsin. Mutta tässä kirjoituksessa puhutaan enemmän siitä, miten muut järjestelmät tuodaan osaksi WordPress-verkkopalvelua.
Miksi yrityksen kannattaa integroida järjestelmiä verkkosivuihinsa?
Yksinkertainen vastaus: koska se säästää aikaa, vähentää virheitä ja parantaa käyttökokemusta.
Kun tapahtumat, tuotteet, työpaikkailmoitukset, uutiset, kiinteistöt, ajoneuvot tai vaikkapa kurssitiedot tulevat automaattisesti verkkosivuille toisesta järjestelmästä, kenenkään ei tarvitse syöttää samaa tietoa kahteen paikkaan. Yksi totuuden lähde, automaattinen synkronointi, nolla turhaa työtuntia.
Asiakkaamme Musiikkitalo on tästä mainio esimerkki. Musiikkitalon tapahtumat syötetään Salesforceen, josta ne päivittyvät automaattisesti WordPress-verkkosivulle. Lipunmyynti hoituu Tixlyn kautta, ja kävijälle tämä näkyy vaivattomana polkuna tapahtuman löytämisestä lipun ostoon. Kaikki samalta sivustolta ilman hyppyjä eri palveluiden välillä. Musiikkitalolle tämä tarkoittaa automatisoitua prosessia, jossa manuaalisen työn virheet vähenevät ja sisällön hallinta on vaivatonta.
Hyödyt eivät rajoitu pelkkään sisällönhallintaan. Integraatiot mahdollistavat esimerkiksi kertakirjautumisen (SSO) ulkoisten järjestelmien kautta, jäsenrekisterien kytkemisen verkkosivujen sisältöön, lomakkeilta kerätyn datan automaattisen siirron CRM:ään, maksujen käsittelyn suoraan osana käyttökokemusta ja niin edelleen…
Mistä integraatioista Dudella on kokemusta?
Joitakin esimerkkejä:
CRM- ja myyntijärjestelmät: Salesforce, HubSpot, CRM-service. Esimerkiksi tapahtumatietojen tai liidien automaattinen synkronointi verkkosivuston ja asiakkuudenhallintajärjestelmän välillä. Musiikkitalon Salesforce-integraatio on tästä konkreettinen osoitus.
Taloushallinto ja laskutus: Procountor. Kun verkkopalveluun liittyy tilaus- tai maksutoiminnallisuutta, taloushallinnon integraatio automatisoi laskutuksen ja vähentää käsityötä merkittävästi.
Lipunmyynti ja tapahtumat: Tixly. Musiikkitalon tapauksessa lipunmyyntijärjestelmä integroitiin saumattomasti osaksi sivustokokemusta, jolloin käyttäjä ei joudu hyppäämään erilliseen palveluun ostaakseen lippuja.
Oppilaitokset ja koulutusala: Opintopolku, Visma InSchool Primus, Hellewi. Oppilaitosten verkkopalveluissa tarvitaan usein opiskelijatietojen, kurssitarjonnan tai hakuprosessien integrointia. Olemme tehneet näitä useille koulutuskuntayhtymille ja oppilaitoksille.
Kiinteistöt ja ajoneuvot: Vitec Avoine, Nettix Pro, Autosofta. Kiinteistö- ja autoalan yritykset tarvitsevat reaaliaikaisen listauksen vapaista kohteista tai vaihtoautoista suoraan verkkosivuille. Nämä integraatiot hakevat kohteet taustajärjestelmästä ja esittävät ne hakukelpoisen, suodatettavan listauksen muodossa.
Rekrytointi ja HR: Recruitee, Teamtailor, Jobylon, RecruitCRM. Avoimet työpaikat tulevat automaattisesti verkkosivuille rekrytointijärjestelmästä, ja hakemukset ohjautuvat takaisin ilman välivaiheita.
Jäsenrekisterit ja yhdistykset: Likeit, TimeCMS. Yhdistyssektorilla jäsentietojen, tapahtumien ja viestinnän integroiminen verkkosivuihin on arkipäivää. Likeit-integraation avulla esimerkiksi uutiskirjeet ja jäsenhallinta toimivat saumattomasti yhdessä WordPress-sivuston kanssa.
Uutissyötteet: STT. Mediayhtiöille ja muille toimijoille, jotka tarvitsevat STT:n uutissyötteitä automaattisesti osaksi sivustoaan.
Maksujärjestelmät: Paytrail, PayPal, Stripe, jne. WooCommerce ja Markup.fi:n mainot lisäosat hoitavat tosin yleensä raskaan nostelun.
Microsoft-ympäristö: MS Graph, Azure, jne. Kun tarvitaan esimerkiksi Outlook-kalenterien, SharePointin tai Teams-datan käyttöä osana WordPress-verkkopalvelua.
Tekoäly: OpenAI, OpenRouter, Gemini, Gemini TTS. Teemme myös tekoälyintegraatioita, esimerkiksi sisältösuositusten tai automaattisten tiivistelmien toteuttamiseksi.
Haku ja löydettävyys: Findkit, Algolia. WordPressin oma haku on tunnetusti aika rajoittunut. Relevanssi Premiumilla pääsee pitkälle, mutta kun sisältöä on paljon tai hakukokemuksen pitää olla salamannopea ja viimeisen päälle hiottu, Algolian tai Findkitin kaltainen indeksoitu hakumototori toimii aivan eri tasolla kuin WordPressin tietokantapohjainen haku.
Listaa voisi jatkaa loputtomiin, sillä integraatioita voi tehdä laidasta laitaan eri ominaisuuksiin tai täsmäiskuihin, mutta tästä saat jonkinlaisen käryn mitä rajapintoja yleensä kannattaa integroida. Jokainen projekti on erilainen ja vastaan tulee myös API-järjestelmiä, jotka ovat kokonaan räätälöity asiakkaalle tai meille uutta ja tuntematonta. Erilaiset monirajapintajärjestelmät, ns. “API-gatewayt” ovat myös meille tuttuja. Parasta onkin piirtää vuokaavioita eri kytkösten välillä.
Valmis lisäosa vai räätälöity integraatio?
Integraatiotarpeet voidaan karkeasti jakaa kahteen lähestymistapaan.
- Valmis WordPress-lisäosa tai palvelun tarjoama virallinen lisäosa. Esimerkiksi HubSpotilla ja monilla rekrytointijärjestelmillä on omat WordPress-lisäosansa. Nämä ovat nopeita ottaa käyttöön ja riittävät usein perustarpeisiin. Haittapuolena on se, ettei niitä voi yleensä räätälöidä kovin pitkälle, ne saattavat tuoda mukanaan turhaa kuormaa ja ne ovat kolmannen osapuolen ylläpidettäviä. Jos lisäosan kehitys lopetetaan tai se ei ole yhteensopiva uusimman WordPressin kanssa, olet pulassa.
- Räätälöity lisäosa tai synkronointilisäosa, joka tallentaa ulkoisen järjestelmän datan WordPressin omiin sisältötyyppeihin. Tämä on erityisen hyvä lähestymistapa silloin, kun integroitavasta datasta halutaan hakukelpoisia, suodatettavia ja WordPress-hallinnasta muokattavia sisältöjä. Esimerkiksi kiinteistölistaukset Vitec Avoinesta tai ajoneuvot Autosoftasta kannattaa usein synkronoida omien sisältötyyppien (CPT) alle postauksiksi, jolloin data tallentuu WordPressin tietokantaan ja niitä voi rikastaa lisätiedoilla hallinnasta käsin.
Oikea lähestymistapa riippuu aina tilanteesta. Kevyeen lomake-CRM-integraatioon saattaa riittää valmis lisäosa (esim. Gravity Forms).
Tekninen toteutus käytännössä
Tyypillinen REST API -integraatio WordPressissä tarkoittaa sitä, että PHP- tai JS-koodissa tehdään pyyntöjä ulkoiseen rajapintaan, vastaanotetaan JSON-muotoista dataa, tallennetaan dataa WordPressin tietokantaan välimuistiin ja esitetään sivulla. WordPress tarjoaa tähän hyvät työkalut: Transients API välimuistitusta varten, WP-Cron ajastettuja synkronointeja varten ja REST API omien rajapintapäätepisteiden luomiseen.
Ilmoituspohjaisissa integraatioissa ulkoinen järjestelmä lähettää tiedon (POST-pyyntö) WordPressille aina kun jotain tapahtuu (esimerkiksi uusi tapahtuma lisätään Salesforceen). WordPress ottaa ilmoituksen vastaan, tarkistaa sen ja käsittelee datan. Tämä on tehokkaampi tapa kuin jatkuva kyseleminen (GET-kutsu), koska data päivittyy heti eikä vasta seuraavassa ajastuksessa.
Tunnistautuminen vaihtelee rajapinnasta riippuen: API-avaimet, OAuth 2.0, Bearer-tokenit ja toisinaan aivan omat menetelmänsä, kuten custom hashit. Jokainen integraatio on tässä mielessä omanlaisensa, ja juuri siksi kokemus eri rajapinnoista on arvokasta. Tiedämme jo valmiiksi monen palvelun tavat ja niksit.
Erityisen tärkeää on virheenkäsittely ja tietoturva. Ulkoinen rajapinta voi olla hetkellisesti alhaalla, palauttaa odottamatonta dataa tai vastata hitaasti. Hyvin toteutettu integraatio ei kaada sivustoa näissä tilanteissa, vaan näyttää välimuistista viimeisimmän toimivan datan, kirjaa virheet lokiin ja hälyttää tarvittaessa. Myös avainten suojaaminen, noncet, sessioiden suojaaminen ja muut asiat on syytä huomioida, ettei kukaan pääse avaimella liian helposti sisään.
Suorituskyky ja välimuistitus
Integraatioiden suurin sudenkuoppa on yleensä suorituskyky. Jos jokainen sivunlataus tekee kymmeniä kutsuja ulkoisiin palveluihin, sivusto hidastuu nopeasti. Siksi arkkitehtuuri ja välimuistitus ovat ehdottoman tärkeitä osa-alueita toteutuksessa.
Dudella käytämme tyypillisesti monikerroksista välimuistitusta ja fiksua arkkitehtuuria. Erottelemme selaimessa tapahtuvan ja palvelimella tapahtuvat asiat toisistaan. Molemmat puolet ovat tärkeitä. Monikerroksiseen välimuistiin kuuluu mm.: WordPress Transients API lyhyen aikavälin välimuistiin PHP:n päässä, Redis tai APCu nopeana välimuistina ja FastCGI-välimuisti palvelinpuolella. Näistä tekniikoista saisi kokonaisen luennon aikaan, mutta käytännössä eri tason välimuisteja on olemassa palvelintasolla, selaintasolla ja tietokantatasolla.
Synkronointipohjaisissa ratkaisuissa data on jo valmiiksi WordPressin tietokannassa, jolloin ulkoisia kutsuja ei tarvita sivunlatauksen yhteydessä lainkaan. Sanotaan, että nopein rajapintakutsu on se, jota ei koskaan tarvitsekaan tehdä. Korkeintaan kutsumme samaa, paikallista, WordPressin omaa WP REST API -rajapintaa, joka on näissä tapauksissa salamannopea, kuin tekstitiedostoa lukisi.
Palvelinoptimoinnilla on myös suuri merkitys, ja koska hallinnoimme asiakkaidemme WordPress-palvelimia itse, pystymme virittämään koko paketin juuri integraatiopainotteisen sivuston tarpeisiin. Tämä on merkittävä etu verrattuna tavanomaiseen jaettuun palvelintilaan, jossa kädet ovat sidotut.
Niin, mites se MCP – mikä se on, ja miten Clauden saa kytkettyä WordPressiin
Otsikko on hieman klikkiotsikkomainen, sillä myöskin Tekoäly + WordPress -aiheesta saisi monta blogikirjoitusta aikaan. Tiivistettynä MCP eli Model Context Protocol (suomeksi puhutaan myös “kontekstiprotokollasta”) on Anthropicin (eli mm. Claude) lanseeraama avoin standardi, joka määrittelee, miten laajat tekoälyn kielimallit (LLM) ja tekoälyagentit yhdistyvät ulkoisiin työkaluihin, sovelluksiin ja tietolähteisiin.
MCP:tä voi ajatella “tekoälyn USB-liitäntänä” tai “AI-maailman HTTP-protokollana”, joka standardoi tavan, jolla tekoäly voi hakea tietoa ja suorittaa toimintoja eri järjestelmissä. MCP:n avulla tekoäly ei vain hae tietoa, vaan tekee asioita. Eli voit sanoa tekoälylle “ota tästä Docista sisällöt ja syötä ne meidän WordPressiin” ja se tekee sen.
WordPressillä on virallinen MCP GitHubissa ja tekniset dokumentaatiot devaajille. Kehittäjä saa iskettyä WordPressin helposti Clauden kylkeen niin että Claude voi käskytellä editoria. Tätä tekniikkaa voimme myös tarvittaessa ottaa käyttöön asiakkaillemme, joilla on Claude käytössä. Toukokuun 20. päivä julkaistu WordPress 7.0 toi mukanaan Yhteydet (engl. “Connectors”), joilla esimerkiksi Clauden API-pohjainen käyttö on vieläkin helpompaa.
Tarvitsetko integraatioita verkkosivuillesi?
Jos tunnistat yrityksesi arjesta jonkin näistä tilanteista, integraatio todennäköisesti helpottaisi elämääsi:
- Päivität samoja tietoja useaan paikkaan käsin
- Avoimet työpaikat, tapahtumat, tuotteet tai muut listaukset elävät yhdessä järjestelmässä mutta ne pitää erikseen kopioida verkkosivuille
- Sivustollasi on haku joka ei löydä mitään kunnolla
- Asiakkaasi joutuvat hyppäämään eri palvelun puolelle keskellä ostoprosessia (esim. ulkoiseen verkkokauppaan, joka näyttääkin ihan erilaiselta)
- Haluaisit kerätä liidejä suoraan CRM-järjestelmään sen sijaan että ne jäävät sähköpostiin lojumaan
- Listaukset palvelusta X eivät näy verkkosivuilla
- Claude tai ChatGPT ei osaa päivittää WordPressin sivuja suoraan tai näe jotain tietoa verkkosivuiltasi
Me autamme mielellämme kartoittamaan, mitkä integraatiot toisivat sinun verkkopalveluusi eniten lisäarvoa. Jokainen yrityksen järjestelmäkokonaisuus on erilainen, ja paras tapa lähteä liikkeelle on jutella.
Ota meihin yhteyttä, niin katsotaan yhdessä miten teidän järjestelmät saadaan kätevimmin osaksi verkkopalveluanne.
