Développeurs

Choisissez quelle part du formulaire vous voulez gérer.

Ajoutez un lien vers une page hébergée, une seule balise de script, ou créez votre propre interface. Dans tous les cas, la validation et la livraison restent sur le serveur.

Ouvrir la documentation Commencer gratuitement

Page hébergée et intégration

Chaque formulaire publié obtient une URL hébergée et un script d’intégration. L’application vous donne les deux à la page de publication du formulaire.

<!-- Hosted page -->
<a href="https://forms.formerie.com/example.com/contact">Contact us</a>

<!-- Script embed -->
<script src="https://forms.formerie.com/embed.js" data-formerie-form="example.com/contact"></script>

Client JavaScript

Utilisez le client pour les URL d’exécution, le chargement du schéma, la validation et la soumission. Les commandes pour pnpm, Yarn et Bun sont dans la documentation.

// npm install @formerie/client
import { FormerieRuntimeClient } from "@formerie/client";

const forms = new FormerieRuntimeClient();

const result = await forms.submit("example.com", "contact", {
  fields: { email: "jane@example.com", message: "Hello" },
  metadata: { pageUrl: window.location.href }
});

API JSON

Envoyez du JSON à l’environnement d’exécution public depuis n’importe quelle technologie. L’API accepte seulement le JSON et répond en JSON : un simple envoi de formulaire HTML ne fonctionnera pas.

curl https://forms.formerie.com/example.com/contact/submit \
  -H "Content-Type: application/json" \
  -d '{"fields":{"email":"jane@example.com","message":"Hello"}}'

Ouvrir la documentation

Quelle option vous convient?

Sans code

Une page hébergée ou un script d’intégration. Formerie affiche le formulaire pour vous.

Votre framework

Des paquets alpha pour React, Vue, Svelte, Astro, Next.js, Nuxt, Remix, Angular et Solid.

Votre propre interface

Le client ou l’API JSON, avec votre balisage, votre état et vos styles.

Démarrage rapide

De l’installation à la première soumission.

01
Installez le client

Ou un paquet de framework. Les commandes pour npm, Yarn et Bun sont dans la documentation.
```
pnpm add @formerie/client
```

Soumettez à un formulaire publié

Utilisez les identifiants de l’espace de travail et du formulaire. Aucun destinataire, aucune clé.

const forms = new FormerieRuntimeClient();

const result = await forms.submit(
  "example.com",
  "contact",
  { fields: { email, message } }
);

03
Lisez le résultat

Des réponses stables et lisibles par machine, avec les erreurs de validation par champ.
```
if (result.ok) {
  console.log(result.submissionId);
}
```

Compatible avec

Les logos et les noms appartiennent à leurs propriétaires. Leur présence indique seulement que Formerie fonctionne avec ces technologies et ne suppose aucun partenariat ni soutien.

Formerie IA

Gérez bientôt Formerie depuis vos outils d’IA.

La gestion par MCP, la création de formulaires par IA et l’aide au remplissage sur activation s’en viennent.

Bientôt

Règles en langage courant

Écrivez validations et conditions en langage courant.

Écrivez « doit être un code postal québécois valide » ou « afficher ce champ seulement pour les projets commerciaux ». L’IA en fera une règle normale, que vous réviserez avec des exemples avant de publier.

Les règles publiées seront des règles normales, instantanées et constantes
Afficher ou masquer n’appellera pas l’IA pendant la saisie
Si une règle ne peut pas l’exprimer, le générateur le dira

Rejoindre la liste d’accès anticipé IA Créer un espace gratuit

Bientôt

Gestion par MCP

Pilotez Formerie depuis Claude, Codex et vos autres outils d’IA.

Connectez un outil d’IA par MCP pour gérer les espaces de travail, les formulaires, la livraison et les domaines, et pour consulter les soumissions. Il ne pourra faire que ce que votre compte peut faire, dans les espaces de travail que vous approuverez.

Fonctionnera avec les clients MCP comme Claude et Codex
Vous approuverez chaque connexion
Utilisera vos propres permissions