Hoppa till huvudinnehåll

Grundläggande inställningar för chattrutan

Lär dig hur du anpassar utseendet och de viktigaste inställningarna för din Smartsupp-chattruta så att den passar din webbplats och ökar besökarnas engagemang.

Skrivet av Michal Jindra

När Smartsupps chatt är installerad på din webbplats vill du förmodligen först ställa in hur chattrutan ser ut och fungerar. Smartsupps chattruta kombinerar en chatt och ett kontaktformulär i en enda widget, så att besökare kan skicka meddelanden och — om du aktiverar kontaktformuläret — dela uppgifter som namn och e-postadress.

💡 Här hittar du inställningarna: Alla alternativ nedan finns under Inställningar > Kanaler > Livechatt i din Smartsupp-instrumentpanel.

I den här artikeln:


Vad du kan anpassa

I inställningarna för chattrutans utseende kan du justera följande så att widgeten passar din webbplats:

Inställning

Vad den gör

Färgövertoning

Ställer in chattrutans färger så att de matchar ditt varumärke.

Position

Placerar chattrutan på vänster eller höger sida av skärmen.

Allmänna texter

Redigerar etiketterna och meddelandena som visas i chattrutan.

Tema

Ändrar chattrutans övergripande utseende.

Sidhuvudets stil

Växlar mellan Kompakt och Standard som sidhuvudstil. Kompakt minskar sidhuvudets höjd för en renare widget med mer fokus på innehållet; Standard behåller det större sidhuvudet, som passar bättre för livechatt med flera operatörer.

Chattrutans språk

Ställer in språket för texterna i chattrutan som visas för dina besökare. Mer information finns i Chattrutans språk.

🟡 Bra att veta: Widgetar som skapats från och med 17 juni 2026 använder Kompakt som sidhuvudstil som standard. Widgetar som skapats tidigare behåller Standard för bakåtkompatibilitet — du kan när som helst växla mellan de två i inställningarna för chattrutans utseende.


Ändra chattrutans position

Du kan flytta chattknappen direkt från instrumentpanelen — ingen kod behövs:

  1. Logga in på ditt Smartsupp-konto.

  2. Gå till Inställningar > Kanaler > Livechatt > Utseende.

  3. Justera placeringen — välj vänster eller höger sida av skärmen, ställ in en vertikal förskjutning och ange avståndet från kanterna.

  4. Spara dina ändringar. Den uppdaterade positionen tillämpas automatiskt på din webbplats.


💡 Avancerat: Utvecklare kan styra chattrutans position exakt via JavaScript-API:et — se Avancerat: chattrutans position via JavaScript-API:et.

Obs — operatörsfoto & chattrutans avatar: Fotot som besökarna ser i chattrutan är operatörens profilfoto; det kan inte ställas in separat från det interna fotot i instrumentpanelen. Det gamla smartsupp('chat:avatar') JavaScript-API:et för att åsidosätta det har tagits bort och stöds inte längre.

Vad är nästa steg?

💡 Behöver du fortfarande hjälp? Om du inte hittar en inställning eller om något inte fungerar som förväntat, kontakta vårt supportteam via chatt eller e-post — vi hjälper dig gärna.

Fick du svar på din fråga?