DU CODE À VOTRE SITE

Un exemple clair. Votre propre interface.

HTML, JavaScript, React, fichiers ou anti-spam : choisissez un exemple documenté et adaptez-le à votre formulaire.

LE PREMIER EXEMPLE

Commencez avec
du HTML.

Conservez votre page et son design. L’exemple complet contient les champs et la configuration à adapter à votre formulaire publié.

Remplacez YOUR_ACCESS_KEY par votre clé publique.
Faites correspondre les champs au schéma publié.
Vérifiez un message stocké, puis sa notification.

Lire le guide HTML

Exemple HTML complet

<form action="https://formeo.me/api/submit" method="POST" data-littlereply="YOUR_ACCESS_KEY" data-locale="fr" data-success="Votre message a bien été enregistré. Nous vous répondrons bientôt.">
  <input type="hidden" name="_fq_key" value="YOUR_ACCESS_KEY" />
  <input type="text" name="botcheck" tabindex="-1" autocomplete="off" style="display:none" aria-hidden="true" />

  <label for="fq_name">Votre nom *</label>
  <input type="text" name="name" id="fq_name" required autocomplete="name" />

  <label for="fq_email">Votre adresse e-mail *</label>
  <input type="email" name="email" id="fq_email" required autocomplete="email" />

  <label for="fq_message">Votre message *</label>
  <textarea name="message" id="fq_message" required maxlength="5000" rows="5"></textarea>

  <button type="submit">Envoyer mon message</button>
  <p role="status" aria-live="polite"></p>
</form>
<!-- Erreurs AJAX accessibles et reprises sans doublon -->
<script src="https://formeo.me/client/v1.js" data-api="https://formeo.me" defer></script>

CHOISISSEZ VOTRE APPROCHE

À chaque besoin, son exemple.

HTML

Formulaire HTML

Des champs nommés, une clé publique et une confirmation explicite.

Ouvrir l’exemple JAVASCRIPT

Envoi JavaScript

Une requête JSON avec traitement des erreurs et reprise d’une tentative.

Ouvrir l’exemple REACT / JSX

Composant React

Une interface personnalisée, un état d’envoi et un retour accessible.

Ouvrir l’exemple PIÈCES JOINTES

Formulaire avec fichiers

Préparez le transfert privé et les contrôles des pièces jointes.

Ouvrir l’exemple PROTECTION

CAPTCHA et anti-spam

Comprenez le champ piège et la vérification du CAPTCHA configuré.

Ouvrir l’exemple PARCOURS

Formulaire en plusieurs étapes

Adaptez un parcours de devis avec des étapes et un aperçu local.

Ouvrir l’exemple

Plutôt envie de personnaliser un modèle ?

Explorez les aperçus et les champs avant de créer votre formulaire.

Voir les modèles