Een AI-agent op je website zetten

Zodra je je instellingen en branding hebt ingesteld, is het tijd om je agent in productie te nemen. Afhankelijk van het type interface heb je verschillende implementatieopties.

Een AI-agent implementeren met de volledig scherm-interface

De Agents die gebruikmaken van de volledig scherm-interface zijn automatisch beschikbaar voor elke gebruiker met een Eloquent-account binnen je organisatie.

• Privé (standaard): Standaard is de agent niet openbaar en blijven alle gegevens privé. Je teamleden hebben een Eloquent-account nodig om de agent te kunnen zien en gebruiken. Je kunt de URL met je team delen zodat ze de agent kunnen gebruiken.
• Openbaar (optioneel): Je kunt de agent ook openbaar instellen voor niet-gevoelige gegevens. De URL wordt niet geïndexeerd of doorzoekbaar, maar iedereen met de link kan de agent openen en gebruiken zonder dat accountbeheer nodig is.

Het implementeren van een agent met de focus-interface vereist geen technische kennis en je hoeft geen ontwikkelaar in te schakelen.

Een AI-agent implementeren met de Center stage- of Chatbot-interface

Agents die gebruikmaken van de embedded interface staan op je website of in je applicatie. Je kunt de Agent implementeren door een JavaScript-snippet in je website of applicatie te plakken.

Een agent embedden is vrij eenvoudig:

1. Selecteer de agent die je wilt embedden in het Eloquent-portaal.
2. Klik op "Deploy agent" in de Playground.
3. Volg de stappen die worden gegeven.

Bouw je eigen triggers

Als je meer controle wilt over het ontwerp en gedrag van de trigger, kun je de volgende code gebruiken als uitgangspunt. De modal opent nog steeds zoals voorheen, maar de invoertrigger is nu volledig aanpasbaar.

<input type="text" id="eloquent-input" placeholder="Ask your question...">
<button
    class="eloquent-trigger"
    id="eloquent-trigger">
    Vraag
</button>

<script defer>
    const searchInput = document.querySelector("#eloquent-input");
    const eloquentTrigger = document.querySelector("#eloquent-trigger");

    searchInput.addEventListener("input", () => {
        eloquentTrigger.setAttribute("data-eloquent-message", searchInput.value);
    });

    searchInput.addEventListener("keydown", (event) => {
        if (event.key === "Enter") {
            eloquentTrigger.click(); // opens the modal with the typed question
        }
    });
</script>