DigiSund
Docs
Avancerad Integration

API & Triggers:
Gör varje knapp smart.

DigiSund behöver inte begränsas till en liten bubbla i hörnet. Med våra enkla "Triggers" och vårt öppna Window API kan du förvandla vilken länk eller knapp som helst på din hemsida till en ingång till din AI.

1. Triggers (Ingen kod krävs)

Det absolut enklaste sättet att styra assistenten är genom att använda våra färdiga data-attribut. Du kan lägga till dessa på vilket element som helst (knappar, bilder eller textlänkar) på din hemsida.

Öppna Chatten

Vill du ha en egen "Chatta med oss"-knapp i din meny?

<button data-ai-action="open"> Kundtjänst </button>
Ställ en specifik fråga

Perfekt för knappar som "Fråga om leveranstid".

<button data-ai-ask="Vad kostar frakten?"> Fråga om frakt </button>
Varför använda Triggers? När en kund klickar på en knapp med data-ai-ask öppnas chatten omedelbart och frågan skickas till AI:n automatiskt. Det tar bort all friktion för kunden.

2. Window API (För utvecklare)

Om du vill ha ännu mer kontroll kan du prata direkt med assistenten via JavaScript. Widgeten exponerar ett globalt objekt: window.DigiSund.

Fält / InställningFörklaring
DigiSund.open()
ID: javascript
Öppnar chattfönstret omedelbart.
DigiSund.close()
ID: javascript
Minimerar chattfönstret.
DigiSund.ask(fråga)
ID: javascript
Öppnar chatten och skickar med en specifik textsträng som fråga.
DigiSund.scan()
ID: javascript
Söker igenom sidan efter nya data-triggers. Användbart om du laddar in innehåll dynamiskt (t.ex. i en Single Page App).

Praktiska exempel

Öppna chatten efter 10 sekunder (Pop-up effekt):

setTimeout(() => { window.DigiSund.ask("Hej! Jag ser att du läser om våra tjänster. Behöver du hjälp?"); }, 10000);
Bakom kulisserna: Window Bridge

Integrationen fungerar via en så kallad "Global Bridge" som byggs i två steg:

  • Global Event Listener
    Widgeten lyssnar på alla klick-events på document-nivå. När ett klick sker kontrollerar vi om elementet har våra data-ai-attribut. Detta gör att triggers fungerar även på knappar som skapas långt efter att sidan laddats.
  • Method Proxy
    Funktionerna i window.DigiSund är länkade direkt in i widgetens React-tillstånd. När du anropar .open() ändras isOpen-staten i vår huvudkomponent, vilket triggar animationen och App Check-verifieringen.
  • SPA Support (scan)
    Om din hemsida är en Single Page Application (som t.ex. React eller Next.js) och du byter sida utan att ladda om webbläsaren, kan du anropa DigiSund.scan() för att säkerställa att assistenten hittar triggers på den nya undersidan.

Integrationen är komplett!

Om något inte fungerar som förväntat, se vår felsökningsguide.

Felsökning