ElevenLabs Widget Agent

Connect an ElevenLabs Agent Widget with any website in minutes: deploy it through Webfuse to enable it to see and act in a page on behalf of an end user.

ElevenLabs Widget + ElevenLabs Tools + Webfuse Automation API

1. Set up ElevenLabs

ElevenLabs provides AI voice agents that integrate with existing websites.

1.1 Create an Agent

Create an agent on the ElevenLabs Agent Platform.

1.2 Write a System Prompt

Write a suitable agent system prompt. SYSTEM_PROMPT.md contains an example system prompt to start with.

1.3 Create tools for the Automation API

Define tools that allow the agent to interact with the live web.

Using JSON Editing, the tool descriptions in elevenlabs_tools/ can be copied and pasted.

2. Set up Webfuse

Webfuse is a lightweight actuation layer that connects your agent (e.g., an ElevenLabs Agent) to the live web – without changing the original website.

2.1 Update Agent ID

Paste your agent's ID as shown on the ElevenLabs platform to the extension manifest (manifest.json).

{
  "env": [
    {
      "key": "AGENT_KEY",
      "value": "agent_0123abcdefghijklomnopqrstuvw"
    }
  ]
}

The tools you previously created on the ElevenLabs platform are mirrored in the extension content script (content.js). Make sure the names and argument names are correct. If you use the tool descriptions in elevenlabs_tools/, you are good to go.

2.2 Configure a Space

Create a Webfuse Space, point it at the website you want to automate, and install your extension. You are all set!

Further Reading

• About ElevenLabs Agents
• About Webfuse Extensions
• On AI Agent Tool Calling
• A Gentle Introduction to AI Agents for the Web