Virker på ethvert website
Kom i gang med SmartAgent på dit website på 5 minutter
Bed din AI-assistent om at følge installations-guiden på smartagent.dk/llms.txt — en maskinlæsbar opskrift med præcise snippets til Next.js, plain HTML, WordPress, Shopify m.fl. I dashboardet → Widget Integration finder du desuden en færdig prompt med dine credentials du kan kopiere direkte til AI'en.
Åbn /llms.txtLog ind på SmartAgent.dk og opret en ny agent i dit dashboard. Vælg den type agent der passer til dit behov:
Gå til din agents indstillinger og find Widget Integration sektionen. Kopier embed koden.
Indsæt embed koden i din HTML fil, lige før </body> tagget:
<!-- Indsæt lige før </body> -->
<script src="https://smartagent.dk/widget/smartagent-widget.js"></script>
<script>
SmartAgent.init({
agentId: 'din-agent-id',
apiKey: 'din-api-nøgle'
});
</script>
</body>✅ Færdig!
Din chat widget vises nu på dit website.
Du kan også konfigurere widgeten direkte i koden — alle indstillinger findes også i dashboardet uden kode.
SmartAgent.init({
agentId: 'din-agent-id',
apiKey: 'din-api-nøgle',
primaryColor: '#6366f1',
position: 'bottom-right',
welcomeMessage: 'Hej! Hvordan kan jeg hjælpe dig?',
agentName: 'Din virksomhed'
});#6366f1).'bottom-right' eller 'bottom-left'.Du kan også ændre alle disse værdier direkte fra dashboardet — ingen kode-ændring nødvendig.
Som standard kører widget'en i floating-mode — en flydende chat-knap i hjørnet af siden, der folder samtalen ud i et lille panel. Sætter du mode: 'inline', mounter widget'en sig i stedet direkte ind i et target-element du selv placerer på siden, så chatten indgår som en synlig boks midt i dit design. Det er den samme widget, samme funktionalitet — kun placeringen er forskellig.
<div id="smartagent-chatbox" style="max-width: 480px;"></div>
<script src="https://smartagent.dk/widget/smartagent-widget.js"></script>
<script>
SmartAgent.init({
agentId: 'din-agent-id',
apiKey: 'din-api-nøgle',
mode: 'inline',
container: '#smartagent-chatbox'
});
</script>'floating'.<div id="..."> du selv har placeret på siden), hvor chatten skal renderes.Tip: den indlejrede chatbox fylder containerens fulde bredde og 520px højde — perfekt til en sektion på din forside eller kontakt-side.
I agent indstillingerne kan du tilpasse:
Du kan også tilpasse widgetten via konfiguration:
<script>
SmartAgent.init({
agentId: 'din-agent-id',
apiKey: 'din-api-nøgle',
primaryColor: '#ff6b6b', // Custom farve
position: 'bottom-left', // Venstre hjørne
welcomeMessage: 'Hej! Hvad kan jeg hjælpe med?'
});
</script>⚠️ Vigtigt!
Din API nøgle er synlig i kildekoden. Dette er normalt, da den kun giver adgang til at sende beskeder til din agent.
Brug domæne whitelist for ekstra sikkerhed:
Begræns hvilke websites der må bruge din widget:
example.com)*.example.com for alle subdomænerHvis din nøgle bliver kompromitteret, kan du regenerere den i agent indstillingerne. Husk at opdatere embed koden på alle dine websites efter regenerering.
Lyt til widget events i din kode:
<script>
// Widget er klar
window.addEventListener('smartagent:ready', function() {
console.log('SmartAgent widget er klar');
});
// Ny besked modtaget
window.addEventListener('smartagent:message', function(e) {
console.log('Besked:', e.detail.message);
});
// Widget åbnet/lukket
window.addEventListener('smartagent:toggle', function(e) {
console.log('Widget status:', e.detail.open);
});
</script>Styr widgetten fra din JavaScript kode:
<script>
// Åbn widget
SmartAgent.open();
// Luk widget
SmartAgent.close();
// Send besked programmatisk
SmartAgent.sendMessage('Hej, jeg vil gerne have hjælp');
// Nulstil samtale
SmartAgent.reset();
</script>Send ekstra information med samtaler:
<script>
SmartAgent.init({
agentId: 'din-agent-id',
apiKey: 'din-api-nøgle',
metadata: {
userId: '12345',
planType: 'premium',
customField: 'værdi'
}
});
</script>Opret en simpel HTML fil for at teste widgetten:
<!DOCTYPE html>
<html>
<head>
<title>SmartAgent Test</title>
</head>
<body>
<h1>Test Side</h1>
<p>SmartAgent widget burde vises nederst til højre.</p>
<!-- SmartAgent Widget -->
<script src="https://smartagent.dk/widget/smartagent-widget.js"></script>
<script>
SmartAgent.init({
agentId: 'din-agent-id',
apiKey: 'din-api-nøgle'
});
</script>
</body>
</html>Widget vises ikke
</body>Fejl: "Dette domæne er ikke autoriseret"
Beskeder sendes ikke
Hvis du har spørgsmål eller problemer med integrationen, er du velkommen til at kontakte os.