Sådan sætter du Klara på din hjemmeside
Det tager få minutter. Du skal bare indsætte én linje kode på din hjemmeside. Nedenfor finder du den nemme metode først — og længere nede en mulighed for din webmaster og en vej til at koble Klara på en “Book tid”-knap.
Ikke til at rode med kode? Helt fint.
Du kan sende denne side til den, der passer din hjemmeside — eller skrive til os på hej@hejklara.dk, så hjælper vi dig i gang. De fleste er oppe at køre på under 30 minutter.
Først: find dit ID
Log ind på dit dashboard og gå til Indstillinger → Widget. Der finder du din færdige kode med dit ID allerede indsat, så du bare kan kopiere den. I eksemplerne herunder skriver vi DIT-ID — det skal erstattes med dit eget.
Metode 1 — den nemme (anbefales)
Kopiér denne linje og indsæt den lige før </body> på din hjemmeside. Så dukker chat-knappen op nederst i hjørnet på alle sider.
<script src="https://hejklara.dk/widget.js" data-id="DIT-ID"></script>Bruger du et system som WordPress, Wix eller Squarespace, kan du typisk indsætte koden under “Custom code” / “Indsæt HTML” i sidefoden. Det virker på alle sider på én gang.
Metode 2 — kobl Klara på din “Book tid”-knap
Har du allerede en “Book tid”-knap på din hjemmeside? Så kan du få den til at åbne Klara. Der er to måder:
A) Åbn Klara-chatten direkte
Hvis widgetten fra Metode 1 er installeret på siden, kan enhver knap åbne den med denne kode:
<button onclick="window.Klara.open()">Book tid</button>Har du allerede en knap, tilføjer du bare onclick="window.Klara.open()" til den.
B) Send den besøgende til en bookingside
Vil du hellere sende den besøgende til en dedikeret side, hvor de skriver med Klara? Så lad knappen linke hertil:
<a href="https://hejklara.dk/book/DIT-ID">Book tid</a>Denne mulighed kræver ikke, at widgetten er installeret — den åbner en booking-side hos os.
Metode 3 — Google Tag Manager (til din webmaster)
Bruger I Google Tag Manager, så opret to Custom HTML-tags, der fyrer på alle sider (i denne rækkefølge):
<!-- Tag 1: Klara-konfiguration -->
<script>window.KlaraConfig = { id: "DIT-ID" };</script>
<!-- Tag 2: Klara-widget -->
<script src="https://hejklara.dk/widget.js"></script>Grunden til de to tags: GTM indsætter scripts dynamisk, så widgetten kan ikke selv finde sit ID via det almindelige data-id.window.KlaraConfig løser det.