Installera AI-chattbot på hemsidan: Steg-för-steg guide

Varför installera AI-chattbot?

En AI-chattbot på din hemsida kan:

• Svara på kundfrågor 24/7
• Generera och kvalificera leads
• Boka möten automatiskt
• Ge bättre kundservice
• Öka konverteringen

Innan du börjar

Vad du behöver:

1. Konto hos AI-chattbot-leverantör (t.ex. Mira AI)
2. Tillgång till din hemsidas kod/admin
3. 15-30 minuter

Välj rätt verktyg:

Installation på olika plattformar

WordPress

Metod 1: Plugin

1. Gå till Plugins → Lägg till ny
2. Sök efter leverantörens plugin
3. Installera och aktivera
4. Logga in med ditt konto
5. Klar!

Metod 2: Script (rekommenderat)

1. Gå till Utseende → Theme Editor → footer.php
2. Klistra in script-koden före `</body>`
3. Spara

Alternativt med plugin:

1. Installera "Insert Headers and Footers"
2. Klistra in koden i Footer-sektionen

Shopify

1. Gå till Online Store → Themes
2. Klicka Actions → Edit code
3. Öppna theme.liquid
4. Klistra in script-koden före `</body>`
5. Spara

Webflow

1. Gå till Project Settings
2. Välj Custom Code
3. Klistra in koden i "Before </body> tag"
4. Spara och publicera

Wix

1. Gå till Inställningar → Custom Code
2. Klicka "+ Add Code"
3. Klistra in koden
4. Välj "Body - end"
5. Applicera på "All pages"

Squarespace

1. Gå till Settings → Advanced → Code Injection
2. Klistra in koden i "Footer"
3. Spara

Vanlig HTML

1. Öppna din HTML-fil
2. Hitta `</body>`
3. Klistra in script-koden direkt före
4. Ladda upp filen

Exempelkod (Mira AI)

```html
<!-- Mira AI Widget -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'sf-init':
new Date().getTime(),event:'sfwidget'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='sfLayer'?'&l='+l:'';j.async=true;j.src=
'https://cdn.serviceform.com/mira/'+i+'/widget.js';f.parentNode.insertBefore(j,f);
})(window,document,'script','sfLayer','DITT_WIDGET_ID');
</script>
<!-- End Mira AI Widget -->
```

Byt ut `DITT_WIDGET_ID` mot ditt faktiska ID.

Efter installation

1. Testa widgeten

• Besök din hemsida
• Klicka på chattbubblan
• Ställ testfrågor

2. Konfigurera AI:n

• Ladda upp produktinfo
• Ställ in välkomstmeddelande
• Konfigurera proaktiva triggers
• Koppla CRM

3. Anpassa utseende

• Välj färg som matchar din brand
• Ladda upp logotyp
• Sätt position (höger/vänster)

Vanliga problem

Widgeten syns inte

• Töm webbläsarens cache
• Kontrollera att scriptet är korrekt placerat
• Verifiera att widget-ID är rätt

Widgeten laddar långsamt

• Scriptet bör vara asynkront (async)
• Kontrollera att det inte finns konflikter

Fungerar ej på mobil

• Kontrollera responsiva inställningar
• Testa i leverantörens förhandsgranskning

Nästa steg

När widgeten är installerad:

1. Träna AI:n – Lägg till FAQ och produktinfo
2. Koppla CRM – Så leads hamnar rätt
3. Sätt upp mötesbokning – Automatisera
4. Mät resultat – Följ konverteringar

[Vill du ha hjälp med installation? Boka demo](/contact-us)