Hoppa till huvudinnehåll

Grundläggande inställningar för chattrutan

Lär dig hur du anpassar utseendet på din Smartsupp-chattruta och viktiga inställningar så att de matchar din webbplats och förbättrar besökarnas engagemang.

När Smartsupp chatt är installerad på din webbplats är det första du troligen vill göra att ställa in hur chattrutan ser ut och beter sig. Smartsupp-chattrutan kombinerar en chatt och ett kontaktformulär i en enda widget, så besökare kan skicka meddelanden och – om du aktiverar kontaktformuläret – dela detaljer som sitt namn och sin e-post.

💡 Var du hittar det: Alla alternativen nedan finns i 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ärggradient

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

Växlar det övergripande utseendet på chattrutan.

Rubrikstil

Växlar mellan Compact och Standard-rubrik. Compact minskar rubrikens höjd för en renare widget med mer fokus på innehåll; Standard behåller den större rubriken, bättre lämpad för livechatt med flera operatörer.

Chattrutans språk

Ställer in språket för chattrutans texter som visas för dina besökare. För mer information, se Chattrutans språk.

🟡 Bra att veta: Widgetar som skapats från och med 17 juni 2026 använder Compact-rubriken som standard. Widgetar som skapats tidigare ligger kvar på Standard av kompatibilitetsskäl – du kan växla mellan de två när som helst 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 ett vertikalt avstånd och 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:t – se Avancerat: chattrutans position via JavaScript-API:t.

Obs – agentfoto och chattruteavatar: Fotot som besökare ser i chattrutan är agentens profilfoto; det kan inte ställas in separat från det interna fotot i instrumentpanelen. Det gamla smartsupp('chat:avatar') JavaScript-API:t för att åsidosätta detta har tagits bort och stöds inte längre.

Vad är nästa steg?

💡 Behöver du fortfarande hjälp? Om du inte kan hitta 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?