← Back to blog
Oppaat

Asenna tekoäly-chatbot verkkosivuille: Vaiheittainen opas

Opi asentamaan tekoäly-chatbot verkkosivuillesi. Vaiheittainen opas WordPress, Shopify ja muille alustoille.

Charles Buchanan · Content Writer
· 8. kesäkuuta 2026 · 6 min
Asenna tekoäly-chatbot verkkosivuille: Vaiheittainen opas
Aloita asennus

Chatbotin asennus on helppoa

Modernit AI-chatbotit asennetaan verkkosivuille yhdellä koodinpätkällä. Ei tarvita:

  • Ohjelmointitaitoja
  • IT-osastoa
  • Monimutkaisia integraatioita

Asennustavat alustoittain

WordPress

Vaihtoehto 1: Plugin

  1. Mene WordPress-hallintaan
  2. Plugins → Add New
  3. Etsi “Mira AI” tai käytä yleistä chat-lisäosaia
  4. Aktivoi ja syötä API-avain

Vaihtoehto 2: Koodipätkä

  1. Mene Appearance → Theme Editor
  2. Avaa header.php tai footer.php
  3. Liitä koodinpätkä ennen </head> tai </body>
  4. Tallenna

Shopify

  1. Mene Settings → Custom code
  2. Avaa “Additional scripts” tai “Theme code”
  3. Liitä koodinpätkä
  4. Tallenna

Wix

  1. Mene Settings → Tracking & Analytics
  2. Klikkaa ”+ New Tool”
  3. Valitse “Custom”
  4. Liitä koodinpätkä
  5. Valitse “Load on all pages”

Squarespace

  1. Mene Settings → Advanced → Code Injection
  2. Liitä koodinpätkä Header- tai Footer-kenttään
  3. Tallenna

Webflow

  1. Mene Project Settings → Custom Code
  2. Liitä koodinpätkä Head Code -kenttään
  3. Publish

Oma alusta / Custom

Lisää koodinpätkä HTML-sivun <head> tai <body> -osaan:

<script src="https://chat.serviceform.com/widget.js" 
        data-id="YOUR-ID"></script>

Mira AI:n käyttöönotto

Vaihe 1: Varaa demo

  • Näytämme miten Mira AI toimii
  • Keskustelemme tarpeistasi
  • Ei sitoutumista

Vaihe 2: Konfigurointi

Me hoidamme:

  • Chatbotin ulkoasun räätälöinnin
  • Yrityksesi tietojen syöttämisen
  • Integraatiot (CRM, kalenteri)
  • Testauksen

Vaihe 3: Asennus

Saat yhden koodinpätkän, jonka liität sivuillesi.

Vaihe 4: Käynnistys

  • Chatbot aktivoidaan
  • Seuraamme tuloksia
  • Hienosäädämme tarvittaessa

Tekniset vaatimukset

Minimvaatimukset

  • Verkkosivut (mikä tahansa alusta)
  • Mahdollisuus lisätä JavaScript-koodia
  • HTTPS (suositeltava)

Suositellut

  • Google Tag Manager (helpottaa hallintaa)
  • Analytics-integraatio (mittaaminen)

Yleisimmät kysymykset

Hidastaako chatbot sivua?

Mira AI latautuu asynkronisesti – ei vaikuta sivun nopeuteen.

Toimiiko mobiilissa?

Kyllä! Chatbot on responsiivinen ja toimii kaikilla laitteilla.

Voiko ulkoasua muokata?

Kyllä – värit, fontit, sijainti ja kuvake voidaan räätälöidä brändisi mukaan.

Mitä jos sivusto on monilla kielillä?

Mira AI tunnistaa kielen automaattisesti ja vastaa samalla kielellä.

Miten poistan chatbotin?

Poista koodinpätkä sivuilta – chatbot katoaa heti.

Yhteenveto

Chatbotin asennus on yksinkertaista:

  1. Saat koodinpätkän
  2. Liität sen sivuillesi
  3. Valmis!

Mira AI:lla sinun ei tarvitse edes tehdä tätä itse – me hoidamme kaiken.

Aloita nyt

Vaihe 1: Varaa ilmainen demo Vaihe 2: Konfiguroimme chatbotin Vaihe 3: Asennamme puolestasi

Varaa demo →

Varaa demo

— Maksuton analyysi

Valuuko myyntiäsi hukkaan? Otetaan selvää.

Varaa maksuton 20 minuutin keskustelu Hannan kanssa. Katsomme yhdessä läpi sivustosi, somen ja automaation, jotta näet tarkalleen, missä kohtaa jätät rahaa pöydälle.

Varaa maksuton analyysi Vastaus yhden arkipäivän kuluessa

Aitoa asiaa rennolla otteella, ilman kalvosulkeisia tai ostopakkoa.

Hanna Aarnio, Country Manager, Serviceform
Hanna Aarnio Country Manager, Serviceform