Add your first agent
Once you’ve added your API key, getting a live agent onto your site is three short moves: build it, copy your line of code, paste it.
1 · Build an agent
In the app, create a specialist, pick a model and give it a name. Add your agent definition, then test it in preview mode before you publish. Not sure where to begin? Start from the starter agent — a complete, well-structured starter you can fill in and import.
2 · Copy your line of code
Every agent has its own embed snippet, ready to copy in the app. It’s a single <script> tag:
<script src="https://ronnie.copadre.com/embed-dist.js?key=YOUR_KEY&agentId=YOUR_AGENT_ID"></script>
Each agent has it's own unique embed snippet, so you can embed individual agents in specific pages as required.
3 · Paste it on your site
Drop the snippet into your page’s HTML — in the <body>, or anywhere your CMS lets you add a custom embed. Save, reload, and your agent is live. That’s the whole integration.
Lock it to your domains
Your embed key sits in a public <script> tag, so the last step is to make sure only your sites can use it. In the app, set the allowed domains for the agent — a request from any other site is refused before a single AI call is made. It keeps freeloaders off your bill and your agent on your brand.