Hoppa till huvudinnehåll

Installation av Smartsupp

Lär dig hur du installerar Smartsupp på din webbplats — från att skapa ditt konto till att kontrollera att chattwidgeten är aktiv.

Skrivet av Michal Jindra

Redo att ansluta Smartsupp till din webbplats? Den här guiden tar dig igenom hela installationsprocessen — från att skapa ditt konto till att kontrollera att chattwidgeten är aktiv på din webbplats.

Vi har delat upp processen 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:


Steg 2: Hitta din chattkod

När du har registrerat dig 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 kopiera hela kodsnutten — inklusive inledande och avslutande <script> taggar.


Steg 3: Lägg till Smartsupp på din webbplats

Det finns tre sätt att installera Smartsupp på din webbplats. Välj den metod som passar bäst för din konfiguration:

Alternativ A: Klistra in koden direkt

Infoga chattkoden i webbplatsens HTML mellan taggarna <head> ... </head> . Det 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. Det här är ett bra alternativ om du vill samla alla dina skript på ett ställe.

Alternativ C: Använd en färdig plugin

Smartsupp erbjuder pluginer och integrationer för många populära plattformar. Med en plugin behöver du inte ändra någon kod — installera bara pluginen och anslut ditt Smartsupp-konto.

Pluginer finns för plattformar som:

Obs: Om du inte känner dig bekväm med att redigera webbplatsens kod rekommenderar vi att du använder en plugin eller ber din webbutvecklare om hjälp med installationen.

Relaterade resurser:


Steg 4: Kontrollera din installation

När du har lagt till koden på din webbplats öppnar du webbplatsen i en webbläsare för att kontrollera att chattwidgeten visas i sidans nedre hörn. Du bör se Smartsupps chattbubbla, redo för besökare att klicka på.

Om widgeten inte visas kontrollerar du följande:

  • Koden är placerad mellan taggarna <head> ... </head> (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. De ingår i Smartsupps introduktion och hjälper dig att öva på att använda plattformen — de kommer inte från riktiga besökare.

Tips: Smartsupp fungerar även på surfplattor, iPads och i våra plattformsspecifika mobilappar för Android och iPhone. Ladda ner den kostnadsfria mobilappen så att du kan chatta med dina kunder när du är på språng!


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 Smartsupps API för avancerad konfiguration.

Obs: API-baserad anpassning (som att ställa in olika färger eller språk för chattrutan per domän) är tillgänglig med paketen Expert och Ultimate . Mer information finns i API-dokumentationen.


Vad är nästa steg?

💡 Behöver du mer hjälp? Kontakta vårt supportteam — vi hjälper dig gärna!

Fick du svar på din fråga?