# Connecter un agent IA à Formstep

Ajoutez Formstep à Claude, ChatGPT, Cursor ou n'importe quel outil qui prend en charge les serveurs MCP distants, connectez-vous, et choisissez l'espace de travail que l'agent peut utiliser.

## Connecter un agent IA à Formstep

Un agent IA atteint Formstep via MCP, le protocole que les outils IA utilisent pour appeler d'autres apps. Vous collez une URL, vous connectez, et choisissez un espace de travail ; l'agent peut alors construire des formulaires, envoyer des demandes et lire les réponses dans cet espace de travail.

<h2 id="before-you-start">Avant de commencer</h2>

<ul>
  <li>Un compte Formstep membre de l'espace de travail que vous voulez connecter.</li>
  <li>
    Un outil IA qui prend en charge les serveurs MCP distants. Certains outils limitent cela à certains plans ; le tableau ci-dessous
    renvoie vers le guide propre à chaque outil.
  </li>
</ul>

<p>
  Le travail d'un agent ne dépense aucun crédit IA Formstep ; votre outil IA vous facture selon sa propre tarification. Voir{' '}
  <a href="/fr/ai/ai-credits-usage#mcp">Crédits IA & Utilisation</a>.
</p>

<h2 id="add-the-url">1. Ajoutez le serveur Formstep à votre outil IA</h2>

<p>Chaque outil demande la même chose, l'URL du serveur :</p>

```
https://api.formstep.io/api/mcp
```

<p>
  Laissez vide tout champ d'identifiant client, de secret ou de token. L'outil trouve la page de connexion à partir du serveur et
  s'enregistre lui-même. Où coller l'URL dépend de l'outil :
</p>

Customize</strong> › <strong>Connectors</strong> › <strong>+</strong> › <strong>Add custom connector</strong>. Un connecteur ajouté sur claude.ai fonctionne aussi dans les apps desktop et mobile. Sur Team et Enterprise, un propriétaire l’ajoute d’abord sous <strong>Organization settings</strong> › <strong>Connectors</strong> ; sur Free, vous pouvez ajouter un connecteur personnalisé.',
        '<a href="https://support.claude.com/en/articles/11175166-get-started-with-custom-connectors-using-remote-mcp">Anthropic</a>',
      ],
    },
    {
      label: 'Claude Code',
      cells: [
        'Exécutez <code>claude mcp add --transport http formstep https://api.formstep.io/api/mcp</code>, puis tapez <code>/mcp</code> dans Claude Code pour vous connecter.',
        '<a href="https://code.claude.com/docs/en/mcp">Anthropic</a>',
      ],
    },
    {
      label: 'ChatGPT',
      cells: [
        'Activez le mode développeur sous <strong>Settings</strong> › <strong>Apps</strong> › <strong>Advanced settings</strong>. Ouvrez ensuite <strong>Settings</strong> › <strong>Apps</strong> › <strong>Create</strong>, collez l’URL, choisissez OAuth, cliquez sur <strong>Scan Tools</strong>, connectez-vous à Formstep et cliquez sur <strong>Create</strong>. Le mode développeur ne fonctionne que sur le web. Sur Pro, ChatGPT peut seulement lire : les outils qui modifient quelque chose, comme envoyer une demande ou modifier un formulaire, nécessitent Business, Enterprise ou Edu. Sur Business, seuls les administrateurs et les propriétaires peuvent utiliser le mode développeur.',
        '<a href="https://help.openai.com/en/articles/12584461-developer-mode-and-mcp-apps-in-chatgpt">OpenAI</a>',
      ],
    },
    {
      label: 'Cursor',
      cells: [
        'Cliquez sur <a href="https://cursor.com/install-mcp?name=formstep&config=eyJ1cmwiOiJodHRwczovL2FwaS5mb3Jtc3RlcC5pby9hcGkvbWNwIn0=">Ajouter à Cursor</a>. Ou ajoutez <code>{"mcpServers": {"formstep": {"url": "https://api.formstep.io/api/mcp"}}}</code> à <code>.cursor/mcp.json</code> de votre projet, ou à <code>~/.cursor/mcp.json</code> pour tous les projets.',
        '<a href="https://cursor.com/docs/mcp">Cursor</a>',
      ],
    },
  ]}
/>

<p>
  Tout autre outil qui prend en charge les serveurs MCP distants avec connexion fonctionne de la même façon : cherchez où il ajoute un
  serveur par URL.
</p>

<h2 id="authorize">2. Connectez-vous et choisissez l'espace de travail</h2>

<p>
  La première fois que l'agent utilise Formstep, votre outil IA ouvre une page Formstep dans le navigateur. Connectez-vous si on vous le
  demande. Formstep indique alors quel outil demande l'accès, ce qu'il peut faire, et les espaces de travail dont vous êtes membre :
</p>

<p>
  Choisissez l'espace de travail et cliquez sur <strong>Authorize</strong>. Le navigateur revient à votre outil IA. La connexion n'atteint
  que cet unique espace de travail ; pour utiliser un autre espace de travail, ajoutez Formstep à votre outil une seconde fois et choisissez
  l'autre.
</p>

<h2 id="check">3. Vérifiez que ça marche</h2>

<p>Demandez à l'agent quelque chose que seul Formstep peut savoir :</p>

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

<p>
  L'agent appelle Formstep et répond avec les formulaires de l'espace de travail que vous avez choisi. Certains outils, comme Claude Code,
  disent d'abord qu'ils chargent des définitions d'outils : Formstep propose tous ses outils d'un coup, et l'outil récupère les détails de
  ceux dont une tâche a besoin.
</p>

> ℹ️ **Certaines actions demandent d'abord confirmation**
> <p>
>     Supprimer un formulaire, le dépublier, annuler une demande et quelques autres actions sont marquées pour confirmation, et la plupart des
>     outils IA vous demandent avant de les exécuter. La demande vient de votre outil IA, vérifiez donc ses propres réglages d'approbation. La
>     liste complète est dans la <a href="/fr/developers/mcp-server#confirmation">référence du serveur MCP</a>.
>   </p>

<h2 id="disconnect">Voir ou supprimer la connexion</h2>

<p>
  Dans Formstep, ouvrez <strong>OAuth et clés API</strong> dans la barre latérale de l'espace de travail. Votre connexion est listée sous{' '}
  <strong>Applications connectées</strong>, avec la date de connexion et de dernière utilisation :
</p>

<p>
  Cliquez sur le bouton <strong>Déconnecter</strong> et confirmez. L'agent perd l'accès immédiatement, et vous demande de vous reconnecter
  la prochaine fois qu'il a besoin de Formstep.
</p>

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

<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Référence du serveur MCP](/fr/developers/mcp-server) — Chaque outil, les limites, et comment se connecter avec un token API à la place.
  - [Construire un formulaire avec un agent IA](/fr/guides/ai-agents/build-a-form) — Décrivez le formulaire, regardez l'aperçu, et publiez-le.
</div>
