Redo att koppla Smartsupp till din webbplats? Den här guiden leder dig genom hela installationsprocessen – från att skapa ditt konto till att kontrollera att chattwidgeten är live på din webbplats.
Vi har delat upp det i steg:
Steg 1: Skapa ditt Smartsupp-konto
Om du inte har ett Smartsupp-konto än, börja med att registrera dig gratis. Registreringen tar bara en minut – allt du behöver är din e-postadress.
När ditt konto har skapats kommer du till Smartsupps instrumentpanel där du kan hitta din unika chattkod och börja konfigurera din livechatt.
Relaterade resurser:
Hur skapar jag ett Smartsupp-konto? – detaljerad steg-för-steg-guide för att skapa konto.
Översikt över instrumentpanelen – lär känna Smartsupps instrumentpanel och dess huvuddelar.
Steg 2: Hitta din chattkod
Efter registreringen får du ett e-postmeddelande med din unika Smartsupp-chattkod. Du kan också hitta den när som helst i din instrumentpanel under Inställningar > Kanaler > Livechatt > Installation > Infoga kod.
Din chattkod ser ut så här:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_CODE';window.smartsupp||(function(d) { var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[]; s=d.getElementsByTagName('script')[0];c=d.createElement('script'); c.type='text/javascript';c.charset='utf-8';c.async=true; c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);})(document);</script>
Tips: Varje Smartsupp-konto har en unik chattkod. Se till att du kopierar hela kodsnutten – inklusive de inledande och avslutande <script>-taggarna.
Steg 3: Lägg till Smartsupp på din webbplats
Det finns tre sätt att installera Smartsupp på din webbplats. Välj det sätt som passar din lösning bäst:
Alternativ A: Klistra in koden direkt
Klistra in chattkoden i din webbplats HTML mellan <head> ... </head>-taggarna. Detta säkerställer att Smartsupp laddas på varje sida på din webbplats.
Alternativ B: Använd Google Tag Manager
Om du redan använder Google Tag Manager för att hantera skript på din webbplats kan du lägga till Smartsupp-koden som en anpassad HTML-tagg. Detta är ett bra alternativ om du vill hålla alla dina skript samlade på ett ställe.
Alternativ C: Använd ett färdigt plugin
Smartsupp erbjuder plugins och integrationer för många populära plattformar. Med ett plugin behöver du inte röra någon kod – installera bara pluginet och koppla ditt Smartsupp-konto.
Plugins finns för plattformar som:
Obs: Om du inte känner dig bekväm med att redigera din webbplatskod rekommenderar vi att du använder ett plugin eller ber din webbutvecklare om hjälp med installationen.
Relaterade resurser:
Google Tag Manager – steg-för-steg-guide för installation via GTM.
Ladda ner plugins – bläddra bland alla tillgängliga plattformsintegrationer.
Steg 4: Verifiera din installation
När du har lagt till koden på din webbplats öppnar du din webbplats i en webbläsare för att kontrollera att chattwidgeten visas i det nedre hörnet av sidan. Du ska se Smartsupps chattbubbla redo för besökare att klicka på.
Om widgeten inte visas, dubbelkolla följande:
Koden är placerad mellan <head> ... </head>-taggar (eller laddas via GTM / plugin).
Din webbplats är publicerad och offentligt tillgänglig.
Det finns inga JavaScript-fel som hindrar skriptet från att laddas.
Obs: Efter installationen kan du se demomeddelanden i din instrumentpanel. Dessa är en del av Smartsupps första steg och hjälper dig att öva på att använda plattformen – de kommer inte från riktiga besökare.
Tips: Smartsupp fungerar också på surfplattor, iPads och i våra egna mobilappar för Android och iPhone. Ladda ner den kostnadsfria mobilappen så att du kan chatta med dina kunder var du än är![[]
Avancerat: Flera domäner och API-anpassning
Smartsupp kan installeras på ett visst antal domäner beroende på ditt paket. Om du behöver anpassa chattwidgetens utseende eller språk på olika webbplatser kan du använda Smartsupp API för avancerad konfigurering.
Obs: API-baserad anpassning (som att ställa in olika färger eller språk på chattrutan per domän) är tillgänglig i Expert- och Ultimate-paketen. För detaljer, se API-dokumentationen.
Vad är nästa steg?
Grundläggande inställningar för chattruta – anpassa färger, position, välkomstmeddelanden och mer.
Flow – ställ in automatiserade chattflöden för att engagera besökare dygnet runt.
Introduktion till Mira AI-handelsassistent – låt AI hantera konversationer och rekommendera produkter.
Vilket paket ska jag välja? – jämför paket och hitta det som passar ditt företag bäst.