Miten asentaa agentti Tilda-sivustolle

Vaiheittainen opas: missä widget-koodi lisätään Tildaan, miten se linkitetään ostoskoriin, mitä tehdä välimuistin kanssa ja miten varmistetaan agentin toiminta kaikilla sivuilla.

6. syyskuuta 2026

Tilda on yleisin tapaus kauppojemme joukossa: sivusto on kaunis, tuotteita löytyy, mutta kysymyksiin ei ole vastaajaa. Asennus vie viisi minuuttia eikä vaadi ohjelmoijaa.

Vaihe 1. Kopioi koodi#

Avaa hallintapaneelissa “Widget ja linkki” ja napsauta “Kopioi koodi”. Tämä on yksi rivi muotoa <script src="…" async></script>.

Vaihe 2. Liitä se Tildaan#

1. Avaa Tildan hallintapaneelissa haluamasi projekti.
2. Napsauta “Sivuston asetukset”.
3. Siirry kohtaan “Lisää” → “HTML-koodi head/body-osioon”.
4. Liitä koodi kenttään HTML-koodi body-osioon (ei head-osioon).
5. Tallenna.

Seuraavaksi pakollinen vaihe, joka usein unohtuu: julkaise kaikki sivut uudelleen. Tilda ottaa koodin käyttöön julkaisun yhteydessä, joten julkaisemattomilla sivuilla widgettiä ei näy. Sivujen luettelossa on painike kaikkien sivujen julkaisemiseen kerralla.

Vaihe 3. Yhdistä ostoskoriin#

Jos sinulla on Tilda-kauppa omalla ostoskorilla, maksun chatissa ei tarvitse olla käytössä. Sen sijaan määritä kaupan asetuksissa linkki ostoskoriin: tämä on yleensä verkkosivustosi ostoskorisivun osoite. Agentti ohjaa ostajan sinne, ja tilaus etenee totuttuun tapaan.

Jos ostoskoria ei ole ja tuotteita myydään “pyynnöstä”, ota maksu chatissa käyttöön – silloin koko prosessi pysyy keskustelun sisällä. Lisätietoja artikkelissa Maksu chatissa.

Vaihe 4. Kokoa tuoteluettelo#

Määritä asetuksissa verkkosivuston osoite ja käynnistä analyysi. Hakurobotti lukee Tildan tuotekortit, mukaan lukien hinnat, ominaisuudet ja valokuvat, ja määrittää samalla kaupan valuutan.

Jos tuotteesi eivät ole Tildan tuoteluettelossa, vaan ne on kuvattu lohkoina sivuilla, haku löytää silti hinnat ja nimet, mutta kortit ovat karkeampia. Tässä tapauksessa CSV-tuonti “Luettelosta” auttaa – Tilda osaa viedä tuotteita tiedostoon.

Agentti ei kerro tuotteesta – se ohjaa siihen#

Tämä on kohta, jossa chat lakkaa olemasta chat. Ostaja kysyy “mitä teillä on alle kolmen tuhannen”, ja agentti vastaa tekstikappaleen sijaan korteilla: valokuva, nimi, hinta, painike. Napsautus avaa kyseisen tuotesivun verkkosivustollasi – samassa ikkunassa, ilman uutta välilehteä ja menettämättä kontekstia.

Sitten ihminen päätyy Tildan tuttuun suppiloon: sinun tuotekorttisi, sinun “Osta”-painikkeesi, sinun ostoskorisi. Agentti ohjasi, kauppa myi.

Toinen asia, jota yleensä ei odoteta: agentti näkee, mitä sivua ostaja lukee juuri nyt. Se poimii tuotteen merkinnät sivulta – nimen, tuotenumeron, hinnan – ja ymmärtää kysymyksen kontekstissa. Henkilö on sinisen nojatuolin tuotekortilla ja kirjoittaa “onko siihen tyynyjä?” – agentti tietää, mistä nojatuolista on kyse, ja tarjoaa sen, mikä todella sopii.

Tuotelinkki toimii myös siellä, missä verkkosivustoa ei ole: jos kortti tuli Instagram- tai TikTok-julkaisusta, painike avaa alkuperäisen julkaisun. Tuoteluettelo on koottu eri paikoista, mutta se johtaa aina sinne, mistä voi ostaa.

1. Avaa sivusto incognito-tilassa. Chat-painikkeen pitäisi ilmestyä oikeaan alakulmaan sekunnin tai kahden kuluessa.
2. Kysy tuotteesta – agentin pitäisi näyttää tuotekortti.
3. Kysy toimituksesta – vastauksen pitäisi vastata ehtojasi.
4. Tarkista puhelin: mobiiliversiossa painikkeen ei pitäisi peittää Tildan ostoskoria.

Jos painike peittää jotain tärkeää, vaihda sen sijainti vasemmalle kohdassa “Widget ja linkki”.

Chat sivuston sävyyn#

Tilda-sivustot voivat olla sekä vaaleita että korostetun tummia, joten widgetissä on kolme teematilaa: vaalea, tumma ja “kuten vierailijalla”. Jälkimmäinen mukautuu käyttäjän laitteen asetuksiin ja on oletuksena.

Jos sivustosi on tehty yhdellä tyylillä, aseta sama teema pysyväksi – chat ei enää erotu paikkana kulmassa. Korostusväri pysyy kuitenkin sinun valitsemanasi kaikissa teemoissa.

Vaihe 5. Tarkista#

Yleisiä ongelmia#

Widgetti ei ilmestynyt. Yhdeksän kertaa kymmenestä sivuja ei ole julkaistu uudelleen koodin liittämisen jälkeen. Julkaise uudelleen ja päivitä sivu tyhjentämällä välimuisti.

Widgetti ei näy kaikilla sivuilla. Koodi on liitetty ei sivuston asetuksiin, vaan erilliseen T123-lohkoon yhdellä sivulla. Siirrä kohtaan “Sivuston asetukset” → “Lisää”.

Painike ilmestyy viiveellä. Tämä on normaalia: skripti latautuu asynkronisesti, pääsisällön jälkeen, jotta sivu ei hidastu.

Ristiriita toisen chatin kanssa. Kaksi chattia samassa kulmassa peittävät toisensa. Jätä vain yksi tai siirrä ne eri puolille.

Usein kysytyt kysymykset#

Tarvitaanko maksullista Tilda-tilausta#

Koodi liitetään sivuston asetuksiin, mikä on mahdollista Tildan maksullisilla tilauksilla. Ilmaisella tilauksella mielivaltaisen koodin liittäminen ei ole tuettu – käytä silloin linkkiä agenttiin ja aseta se painikkeena sivulle.

Hidastaako widgetti sivustoa#

Ei. Skripti painaa vähän ja latautuu asynkronisesti, itse chat-ikkuna latautuu vasta painiketta napsautettaessa. Tämä ei vaikuta Tilda-sivun latausnopeuteen.

Voiko agentin asettaa vain yhdelle sivulle#

Kyllä, liitä koodi ei sivuston asetuksiin, vaan “T123 HTML” -lohkoon halutulla sivulla. Näin tehdään esimerkiksi yhden tuotteen laskeutumissivulla.

Toimiiko tämä Tilda Storen kanssa#

Kyllä. Agentti lukee tuotekortit ja ostoskorin, ja jättää tilauksen Tilda-kaupalle: ostaja siirtyy ostoskoriisi valitun tuotteen kanssa.

Miten widget poistetaan sivustolta#

Poista koodirivi sivuston asetuksista ja julkaise sivut uudelleen. Tiedot ja keskustelut säilyvät, ja linkki agenttiin toimii edelleen.