Spring videre til hovedindholdet

Avanceret: chatboksens placering via JavaScript API

Styr, hvor chatboksen vises i koden – også med forskellige placeringer til desktop og mobil.

Skrevet af Michal Jindra

Udviklere kan nemt tilpasse, hvor chatboksen skal ligge, ved at tilføje et par ekstra indstillinger til Smartsupp-installationskoden. Her ser du, hvordan du flytter chatboksen til venstre, væk fra standardplaceringen eller vælger en særskilt placering på mobil.

Avanceret: placering i installationskoden

🟡 Bemærk: Du skal have adgang til din hjemmesides kode. At flytte chatboksen til venstre kræver Solo-pakken eller højere.

Tilføj disse indstillinger i konfigurationsdelen af din installationskode: lige efter linjen med _smartsupp.key og før loaderen (den del, der starter med window.smartsupp||). Chatboksen bruger dem, når den starter, så de skal være klar, før loaderen aktiveres.

Flyt chatboksen til venstre side:

<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_KEY';_smartsupp.orientation = "left";// ...resten af din installationskode (loaderen)</script>

Flyt chatboksen væk fra standardplaceringen (værdi i pixels):

_smartsupp.offsetX = 20;  // flytter den ind fra siden_smartsupp.offsetY = 100; // flytter den op fra bunden

Brug en anden placering kun på mobil:

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

Sådan gør du:

  1. Åbn din hjemmesides kode og find Smartsupp-installationsscriptet.

  2. Placer de ønskede indstillinger lige efter _smartsupp.key-linjen, inden loaderen.

  3. Tilpas værdierne, så de passer til dit design.

  4. Gem dine ændringer, og genindlæs din hjemmeside i et inkognito- eller privatvindue for at se den nye placering. Husk også at tjekke på mobil.

💡 Tip: Kommandoer som smartsupp('chat:position', ...) virker ikke. Chatboksen ignorerer dem, og du får "Unknown API command" i din browserkonsol. Se alle konfigurationsmuligheder i udviklerdokumentationen.


Hvad nu?

💡 Har du brug for hjælp? Kontakt vores supportteam – vi hjælper dig gerne!

Besvarede dette dit spørgsmål?