Hoppa till huvudinnehåll

Avancerat: ändra chattrutans position via JavaScript-API

Bestäm chattrutans placering direkt i koden – olika positioner för dator och mobil.

Skrivet av Michal Jindra

Som utvecklare kan du själva styra exakt var chattrutan ska visas – lägg bara till några inställningar i din Smartsupp-kod. Här visar vi hur du sätter chattrutan till vänster, flyttar den från standardläget och använder annan placering på mobil.

Avancerat: placera i installationskoden

🟡 Obs: Du måste ha tillgång till webbplatsens kod. Att placera chattrutan till vänster kräver Solo-paketet eller högre.

Lägg till inställningarna i konfigurationsdelen av din installationskod: efter raden med _smartsupp.key och före laddaren (den del som börjar med window.smartsupp||). Chattrutan läser av dessa vid laddning, så allt måste finnas innan laddaren körs.

Placera chattrutan på vänster sida:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...resten av din installationskod (laddaren)</script>

Flytta chattrutan från standardplats (värden i pixlar):

_smartsupp.offsetX = 20;  // flytta från sidkanten _smartsupp.offsetY = 100; // flytta upp från nederkanten

Ange annan placering på bara mobilen:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';if (window.innerWidth < 768) {  _smartsupp.offsetY = 150;}// ...resten av din installationskod (laddaren)</script>

Så här gör du:

  1. Öppna din webbplats kod och hitta Smartsupp-installationsskriptet.

  2. Lägg till de inställningar du vill ha direkt efter raden _smartsupp.key, alltså innan laddaren.

  3. Ändra värdena tills det passar perfekt för din design.

  4. Spara och ladda om webbplatsen i ett inkognito- eller privat fönster för att se dina ändringar. Kolla gärna mobilversionen på mobilen också.

💡 Tips: Kommandon som smartsupp('chat:position', ...) fungerar inte. Chattrutan ignorerar dem och du får "Unknown API command" i webbläsarkonsolen. För alla möjliga inställningar – kolla utvecklardokumentationen.


Vad vill du göra nu?

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

Fick du svar på din fråga?