# Een AI-agent met formbase verbinden

Voeg formbase toe aan Claude, ChatGPT, Cursor of een andere tool die remote MCP-servers ondersteunt, log in, en kies de werkruimte die de agent mag gebruiken.

## Een AI-agent met formbase verbinden

Een AI-agent bereikt formbase via MCP, het protocol dat AI-tools gebruiken om andere apps aan te roepen. Je plakt één URL, logt in, en kiest een werkruimte; de agent kan dan formulieren bouwen, aanvragen versturen en antwoorden lezen in die werkruimte.

<h2 id="before-you-start">Voordat je begint</h2>

<ul>
  <li>Een formbase-account dat lid is van de werkruimte die je wilt verbinden.</li>
  <li>
    Een AI-tool die remote MCP-servers ondersteunt. Sommige tools beperken dit tot bepaalde abonnementen; de tabel hieronder linkt naar de
    eigen handleiding van elke tool.
  </li>
</ul>

<p>
  Het werk van een agent verbruikt geen formbase AI-credits; je eigen AI-tool rekent dat af volgens zijn eigen prijzen. Zie{' '}
  <a href="/nl/ai/ai-credits-usage#mcp">AI-credits & gebruik</a>.
</p>

<h2 id="add-the-url">1. Voeg de formbase-server toe aan je AI-tool</h2>

<p>Elke tool vraagt om hetzelfde: de server-URL:</p>

```
https://api.formbase.so/api/mcp
```

<p>
  Laat een eventueel veld voor client-ID, secret of token leeg. De tool vindt de inlogpagina via de server en registreert zichzelf. Waar je
  de URL plakt, hangt af van de tool:
</p>

Customize</strong> › <strong>Connectors</strong> › <strong>+</strong> › <strong>Add custom connector</strong>. Een connector die je op claude.ai toevoegt, werkt ook in de desktop- en mobiele app. Op Team en Enterprise voegt een eigenaar hem eerst toe onder <strong>Organization settings</strong> › <strong>Connectors</strong>; op Free kun je zelf één aangepaste connector toevoegen.',
        '<a href="https://support.claude.com/en/articles/11175166-get-started-with-custom-connectors-using-remote-mcp">Anthropic</a>',
      ],
    },
    {
      label: 'Claude Code',
      cells: [
        'Voer <code>claude mcp add --transport http formbase https://api.formbase.so/api/mcp</code> uit, en typ dan <code>/mcp</code> in Claude Code om in te loggen.',
        '<a href="https://code.claude.com/docs/en/mcp">Anthropic</a>',
      ],
    },
    {
      label: 'ChatGPT',
      cells: [
        'Schakel de ontwikkelaarsmodus in, en ga dan naar <strong>Settings</strong> › <strong>Apps</strong> › <strong>Create</strong>. Formulieren maken en wijzigen vereist ChatGPT Business, Enterprise of Edu, op het web. Op Business schakelt een werkruimtebeheerder de ontwikkelaarsmodus eerst in.',
        '<a href="https://help.openai.com/en/articles/12584461-developer-mode-and-mcp-apps-in-chatgpt">OpenAI</a>',
      ],
    },
    {
      label: 'Codex',
      cells: [
        'Voer <code>codex mcp add formbase --url https://api.formbase.so/api/mcp</code> uit, en dan <code>codex mcp login formbase</code>.',
        '<a href="https://learn.chatgpt.com/docs/extend/mcp">OpenAI</a>',
      ],
    },
    {
      label: 'Cursor',
      cells: [
        'Klik op <a href="https://cursor.com/install-mcp?name=formbase&config=eyJ1cmwiOiJodHRwczovL2FwaS5mb3JtYmFzZS5zby9hcGkvbWNwIn0=">Toevoegen aan Cursor</a>. Of voeg <code>{"mcpServers": {"formbase": {"url": "https://api.formbase.so/api/mcp"}}}</code> toe aan <code>.cursor/mcp.json</code> in je project, of aan <code>~/.cursor/mcp.json</code> voor elk project.',
        '<a href="https://cursor.com/docs/mcp">Cursor</a>',
      ],
    },
    {
      label: 'VS Code',
      cells: [
        'Voer <strong>MCP: Add Server</strong> uit vanuit het Command Palette en kies HTTP.',
        '<a href="https://code.visualstudio.com/docs/agent-customization/mcp-servers">Microsoft</a>',
      ],
    },
  ]}
/>

<p>
  Elke andere tool die remote MCP-servers met inloggen ondersteunt, werkt op dezelfde manier: zoek naar waar hij een server via URL
  toevoegt.
</p>

<h2 id="authorize">2. Inloggen en de werkruimte kiezen</h2>

<p>
  De eerste keer dat de agent formbase gebruikt, opent je AI-tool een formbase-pagina in de browser. Log in als daarom wordt gevraagd.
  formbase toont dan welke tool het vraagt, wat hij mag doen, en de werkruimtes waartoe je behoort:
</p>

<p>
  Kies de werkruimte en klik op <strong>Authorize</strong>. De browser keert terug naar je AI-tool. De verbinding bereikt alleen die ene
  werkruimte; om een andere werkruimte te gebruiken, voeg je formbase een tweede keer toe aan je tool en kies je de andere.
</p>

<h2 id="check">3. Controleren of het werkt</h2>

<p>Vraag de agent iets wat alleen formbase kan beantwoorden:</p>

```
List my formbase forms and whether each one is published.
```

<p>
  De agent roept formbase aan en antwoordt met de formulieren in de werkruimte die je hebt gekozen. Sommige tools, zoals Claude Code, zeggen
  eerst dat ze tooldefinities laden: formbase biedt al zijn tools in één keer aan, en de tool haalt de details op van de tools die een taak
  nodig heeft.
</p>

> ℹ️ **Sommige acties vragen eerst om bevestiging**
> <p>
>     Een formulier verwijderen, het depubliceren, een aanvraag annuleren en een paar andere acties zijn gemarkeerd voor bevestiging, en de
>     meeste AI-tools vragen het je voordat ze worden uitgevoerd. De prompt komt van je AI-tool, dus controleer de eigen
>     goedkeuringsinstellingen daarvan. De volledige lijst staat in de{' '}
>     <a href="/nl/developers/mcp-server#confirmation">MCP-serverreferentie</a>.
>   </p>

<h2 id="disconnect">De verbinding bekijken of verwijderen</h2>

<p>
  Open in formbase <strong>OAuth en API-sleutels</strong> in de zijbalk van de werkruimte. Je verbinding staat vermeld onder{' '}
  <strong>Verbonden apps</strong>, met wanneer hij is verbonden en het laatst is gebruikt:
</p>

<p>
  Klik op de knop <strong>Verbreken</strong> en bevestig. De agent verliest meteen de toegang, en vraagt je de volgende keer dat hij
  formbase nodig heeft opnieuw om in te loggen.
</p>

<h2 id="next">Vervolgens</h2>

<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [MCP-serverreferentie](/nl/developers/mcp-server) — Elke tool, limieten, en hoe je verbindt met een API-token in plaats daarvan.
  - [Een formulier bouwen met een AI-agent](/nl/guides/ai-agents/build-a-form) — Beschrijf het formulier, bekijk het voorbeeld, en publiceer het.
</div>