Connect an AI agent
Create one key, paste it into Claude Code, Claude Desktop, Codex or Cursor, and describe the page you want in plain words.
Manage → Apps → AI agent.
This app connects an AI agent to your store. Once connected, you describe the page you want in plain words: the agent picks the elements, lays them out, styles them for each screen size, then looks at the rendered page and fixes what it got wrong.
It works inside this page builder — it does not export HTML somewhere else. If you have the editor open, you watch the page assemble.
1. Create the key
Press Create key. The key is shown once.
Copy it now. The platform keeps only a hash of it, so nobody can retrieve it afterwards — us included. Leaving the page without copying means creating another one.
One key is enough. It opens both your store's data (products, orders, images) and your page content, so you never hand your account password to anything.
2. Paste it into your agent
The screen gives you a ready config block per tool, with the key already filled in. Pick the one you use, press Copy, and paste it where it belongs:
| Tool | Paste into |
|---|---|
| Claude Code | Run it directly in a terminal |
| Claude Desktop | claude_desktop_config.json |
| Cursor | .cursor/mcp.json |
| Codex | ~/.codex/config.toml |
Restart the tool afterwards so it picks the server up.
3. Say what you want built
"Build me a landing page for the autumn sale: a hero with a background photo, three product cards using real stock, sign-up form at the bottom."
The agent does the hard part — elements, coordinates, colours, validation, saving. You review.
What the key can and cannot do
It can: pages, products, orders, customers, images, menus, theme, forms, articles, translations, discounts — the content and data of this one store.
It cannot, however much you want it to:
- List your other stores
- Add, remove or change members
- Edit roles and permissions
- Change domains, export a copy of the store, or delete it
- Touch any other store — including if someone edits the address to try
Those things mean "this person's account", and a key has no person behind it.
And it can never do more than you can. A key's reach is always what it asked for, intersected with the current role of whoever created it. Demote that person and every key they made narrows immediately — no re-issuing needed.
Revoking
Settings → API keys. Press Revoke on the key named AI agent.
It stops working at once, everywhere. The row stays so you can still see the key existed and when it was last used — revoking does not erase the trail, because the trail is the interesting part after a revocation.
You can create several keys, and probably should: one per tool, so revoking one does not kill the other.
When someone has the editor open
The agent shows up like a real person in the room — a name, a colour, a cursor that moves to the element it is about to change.
If you edit at the same time, you always win. The agent never writes over your work: on any disagreement it drops its own copy, reloads from the server, and redoes whatever it still had outstanding.
Removing the app
Removing the app does not revoke the keys it created. Revoke on the API keys screen first, then remove — otherwise the key still opens your store.
Updated 28/08/2026