Blueprints/Power 5 websites with one API key

Power 5 websites with one API key

Five sites. Five forms. One Sutrena account. One place to see everything.

Updated March 2026

You run multiple websites. Maybe client projects, maybe side projects. Either way, you do not need a separate form backend for each one. A single Sutrena Pro account gives you 200 projects (forms, pages, and dashboards combined). This sets up 5 different forms -- contact, feedback, waitlist, bug report, newsletter -- and embeds them across 5 sites. One API key, one place to check submissions. An agent can set this up end-to-end: create 5 forms with different templates, generate embed snippets for each site, configure per-site webhooks.

Architecture

ToolRoleCost
Cloudflare Pages (x5)Static site hosting for 5 sitesFree
SutrenaForms, dashboards, webhooks for all sites$29/mo (Pro)

Total cost: $29/mo

Builder starts at $9/month for 50 projects. Pro at $29/month covers 200 projects and all your other work too. Build five blueprints on Pro and it is still $29/month. That is where the value is — at scale.

Each site gets its own form and dashboard, but they share the same account and API key. Name each form clearly so you can tell them apart. Drop embed snippets or custom fetch calls on each site, each pointing to its own form ID.

From the dashboard portal you see all forms, all dashboards, all submissions in one place. You can route each form's webhooks to different Slack channels. The Pro plan's 200-project limit covers 5 sites with plenty of room to spare.

Form Definition

This is the contact form for Site 1. You would make similar ones for each site: feedback with a rating field, waitlist with email and referral source, bug report with severity, newsletter with just email. Use templateId shortcuts where they fit.

{
  "name": "Site 1 - Contact Form",
  "fields": [
    {
      "name": "name",
      "label": "Name",
      "type": "text",
      "required": true
    },
    {
      "name": "email",
      "label": "Email",
      "type": "email",
      "required": true
    },
    {
      "name": "message",
      "label": "Message",
      "type": "textarea",
      "required": true
    }
  ],
  "successMessage": "Thanks for reaching out!"
}

Dashboard Definition

Dashboard for the contact form. Each site gets its own dashboard shaped to its fields. The feedback form might have a pie chart of categories. The waitlist one might have a signups-over-time line chart. You decide.

{
  "version": 1,
  "widgets": [
    {
      "type": "metric_card",
      "title": "Total Messages",
      "value": "count(*)"
    },
    {
      "type": "line_chart",
      "title": "Messages Per Day",
      "groupBy": "$submitted_at:day"
    },
    {
      "type": "data_table",
      "title": "Recent Messages",
      "columns": [
        "name",
        "email",
        "message"
      ],
      "limit": 25,
      "sortBy": "$submitted_at",
      "sortOrder": "desc"
    }
  ]
}

Frontend Integration

Five embed snippets, one per site. Same embed.js script, different form IDs. Drop each into the relevant site's HTML. Replace the form IDs with your actual ones.

<!-- Site 1: Contact form embed -->
<div id="contact-form"></div>
<script
  src="https://sutrena.com/embed.js"
  data-form-id="frm_CONTACT_ID"
  data-container="contact-form"
  async
></script>

<!-- Site 2: Feedback form embed -->
<div id="feedback-form"></div>
<script
  src="https://sutrena.com/embed.js"
  data-form-id="frm_FEEDBACK_ID"
  data-container="feedback-form"
  async
></script>

<!-- Site 3: Waitlist form embed -->
<div id="waitlist-form"></div>
<script
  src="https://sutrena.com/embed.js"
  data-form-id="frm_WAITLIST_ID"
  data-container="waitlist-form"
  async
></script>

<!-- Site 4: Bug report form embed -->
<div id="bug-report-form"></div>
<script
  src="https://sutrena.com/embed.js"
  data-form-id="frm_BUGREPORT_ID"
  data-container="bug-report-form"
  async
></script>

<!-- Site 5: Newsletter form embed -->
<div id="newsletter-form"></div>
<script
  src="https://sutrena.com/embed.js"
  data-form-id="frm_NEWSLETTER_ID"
  data-container="newsletter-form"
  async
></script>

FAQ

Is there a limit on how many forms I can create?

Pro gives you 200 projects (forms, pages, and dashboards combined). Five sites with one form each leaves plenty to spare. Scale has no limit.

Can different team members manage different forms?

Not yet. One account, one API key, all forms visible. For team separation, use separate accounts. Kinda clunky, but it works.

Can I route webhooks to different Slack channels per site?

Yes. One webhook per form, each pointing to a different Slack incoming webhook URL. Pro allows 10 webhooks, Scale allows unlimited.

What if one site gets way more traffic than the others?

Pro has unlimited submissions. Traffic spikes on one site do not affect the others. The limit is on form count, not submission volume.

Related

White-label client portal →Embed with iframe →Webhook setup →Cloudflare Pages stack →

What is Sutrena?

Sutrena is the web runtime for AI agents. Three primitives — pages, forms, and dashboards — accessible through one API. Your agent creates web artifacts, humans interact with them, and your agent gets the data back. Framework-agnostic. Works from any MCP client or HTTP client.

Get started in two API calls

1. Get a trial key (no auth, no signup)

curl -X POST https://sutrena.com/api/trial

2. Create a form + dashboard from a template

curl -X POST https://sutrena.com/api/forms \
  -H "Authorization: Bearer st_trial_xxx" \
  -H "Content-Type: application/json" \
  -d '{"templateId": "waitlist", "createDashboard": true}'
/llms.txt/api/schema/llms-full.txt/.well-known/mcp.json

Ready to build?

Get a trial API key instantly with no signup, or create an account for the full experience.

Start buildingAgent docs
Power 5 websites with one API key — Sutrena | Sutrena