The easiest way to add AI to your website
copadre lets you build, embed and manage AI chat agents using your own Claude API key. These pages cover the steps from getting your Claude API key and creating your first agent, to embedding it in your site and styling it.
A note on billing. With your own Claude API key you pay Anthropic directly for all your inference charges — copadre never adds anything.
Start quick or start slow
The quickstart shows you the end-to-end process, all in one place. The three steps below talk you through in a bit more detail. You can have your first copadre agent setup in less than ten minutes.
- Step 1 Get your API key Create a Claude API key and add it to copadre. This is what powers your agents. Read →
- Step 2 Add your first agent Build an agent in the app, copy your one-line embed snippet, and paste it on your site. Read →
- Step 3 Style the widget The widget ships unstyled on purpose. Paste our branded starter stylesheet and make it yours. Read →
Templates
Rather not start from a blank page? The starter agent is one complete agent, ready to fill in and import. When you outgrow a single agent, the starter cluster gives you three that already work together — a concierge, an assistant and a contact agent, in one file.
Embed Code
When you're ready, your embed script will look something like this.
<script src="https://ronnie.copadre.com/embed-dist.js?key=YOUR_KEY&agentId=YOUR_AGENT_ID"></script>