Web Messenger (Chat Widget)

Gå till Settings → Widget Installation och kopiera embed-koden.

Klistra in före </body> på din webbplats:

<script
  src="https://din-domän.com/api/widget/chat-widget.js"
  data-api-key="YOUR_API_KEY"
  data-api-url="https://din-domän.com"
  data-title="Chat with us"
  data-color="#6366f1"
  data-position="right"
></script>

Alla data-* attribut:

Under Settings → Widget Installation kan du konfigurera:

Widgetens storlek:

• Bubble — 56×56px cirkel, z-index: 99999, 20px från botten
• Panel — 380px bred (max calc(100vw - 40px)), 88px från botten

Widgeten har dessa inbyggda beteenden:

• Anonymt användar-ID — Genereras automatiskt som anon_xxxxx och sparas i localStorage under nyckeln __chat_widget_uid
• Konversationshistorik — Sparas per användar-ID, kunden ser sin historik vid återbesök
• Streaming — Svar visas token för token via SSE (POST /api/chat/stream)
• Responsiv — Panelen anpassar sig automatiskt till mobilskärmar

Proaktiva meddelanden kan triggas via JavaScript API:t. Lägg till efter widget-scriptet:

<script>
  // Visa välkomstmeddelande efter 5 sekunder
  setTimeout(() => {
    window.__sweo_widget?.open();
  }, 5000);
</script>

Du kan även konfigurera automationsregler under AI & Automation → Automation som skickar proaktiva meddelanden baserat på beteende.

Widgeten stödjer:

• Realtid-streaming — Token-för-token svar via SSE
• Markdown — AI:ns svar renderas med formatering
• Citations — Källhänvisningar visas från Knowledge Base
• Eskalering — Kunden meddelas om ärendet eskaleras till agent
• Flerspråkigt — AI svarar på kundens språk automatiskt

Vanliga problem med widgeten: