# Een AI-agent met Formstep verbinden

Voeg Formstep 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 Formstep verbinden

Een AI-agent bereikt Formstep 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 Formstep-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 Formstep 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 Formstep-server toe aan je AI-tool</h2>

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

```
https://api.formstep.io/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 formstep https://api.formstep.io/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 onder <strong>Settings</strong> › <strong>Apps</strong> › <strong>Advanced settings</strong>. Open daarna <strong>Settings</strong> › <strong>Apps</strong> › <strong>Create</strong>, plak de URL, kies OAuth, klik op <strong>Scan Tools</strong>, log in bij Formstep en klik op <strong>Create</strong>. De ontwikkelaarsmodus werkt alleen op het web. Op Pro kan ChatGPT alleen lezen: tools die iets wijzigen, zoals een aanvraag versturen of een formulier bewerken, vereisen Business, Enterprise of Edu. Op Business kunnen alleen beheerders en eigenaren de ontwikkelaarsmodus gebruiken.',
        '<a href="https://help.openai.com/en/articles/12584461-developer-mode-and-mcp-apps-in-chatgpt">OpenAI</a>',
      ],
    },
    {
      label: 'Cursor',
      cells: [
        'Klik op <a href="https://cursor.com/install-mcp?name=formstep&config=eyJ1cmwiOiJodHRwczovL2FwaS5mb3Jtc3RlcC5pby9hcGkvbWNwIn0=">Toevoegen aan Cursor</a>. Of voeg <code>{"mcpServers": {"formstep": {"url": "https://api.formstep.io/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>',
      ],
    },
  ]}
/>

<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 Formstep gebruikt, opent je AI-tool een Formstep-pagina in de browser. Log in als daarom wordt gevraagd.
  Formstep 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 Formstep 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 Formstep kan beantwoorden:</p>

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

<p>
  De agent roept Formstep aan en antwoordt met de formulieren in de werkruimte die je hebt gekozen. Sommige tools, zoals Claude Code, zeggen
  eerst dat ze tooldefinities laden: Formstep 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 Formstep <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
  Formstep 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>