Deploying an Agent

Once you’ve set up your settings and branding, it’s time to put your agent into production. Depending on the type of interface, you have different deployment options.

Deploying an Agent using the focus interface

The Agents using the focus interface are automatically available to every user with an Eloquent account within your organisation.

• Private (default)
  By default, the agent is not public and all data remains private. Your team members need an Eloquent account in order to see and use the agent. You can share the URL with your team so they can use the agent.
• Public (optional)
  You can also set the agent to public for non-sensitive data. The URL is not indexed or searchable, but anyone with the link can access and use the agent without requiring account management.

Deploying an agent using the focus interface requires no technical knowledge and you don’t need to involve a developer.

Deploying an Agent using the embedded interface

Agents using the embedded interface live on your website or in your application. You can deploy the Agent by pasting a JavaScript snippet in your website or application.

Embedding an agent is pretty straightforward:

1. Select the agent you want to embed from within the Eloquent portal.
2. Click copy snippet in the top right corner.
3. Follow the steps provided.

Best practices for embedding an agent on a website

• If suitable for your use case, place the Agent trigger above the fold and centered on your page. This captures visitor intent early and provides valuable insights into user needs.
• Add a sticky menu button, such as Ask a question or Ask AI, so the agent is always accessible.
• Connect the agent to your calls-to-action (CTAs) where AI support offers more value than sending users to a standard form.

Build your own triggers

If you want more control over the design and behavior of the trigger, you can use the following code as a starting point. The modal will still open as before, but the input trigger is now entirely customizable.

<input type="text" id="eloquent-input" placeholder="Ask your question...">
<button
    class="eloquent-trigger"
    id="eloquent-trigger">
    Ask
</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>