Comment ajouter des formulaires

Mars 2026.

Votre site Webdoline est un site statique : un dossier de fichiers HTML, CSS et images. C'est ce qui le rend rapide, peu coûteux à héberger et facile à déployer n'importe où. Mais cela signifie aussi qu'il n'y a pas de serveur fonctionnant en arrière-plan pour recevoir et traiter les soumissions de formulaires.

Lorsqu'un visiteur remplit un formulaire, quelque chose doit capturer ces données, les stocker et idéalement vous envoyer une notification par e-mail. Un site statique ne peut pas faire cela tout seul, vous avez besoin d'un service tiers pour s'en charger.

La bonne nouvelle : il existe plusieurs excellentes options, dont certaines sont gratuites.

Consultez la page de démo des formulaires pour un exemple pratique.

Vos options en un coup d'œil

Option	Idéal pour	Coût
Formulaires Netlify	Sites hébergés sur Netlify	Gratuit (jusqu'à 100 soumissions/mois)
Tally	Formulaires intégrés avec style personnalisé	Gratuit
Google Forms	Option simple, sans configuration	Gratuit
Lien externe	L'approche la plus simple absolue	Gratuit

Pour les 3 premières options, vous devrez ajouter une section HTML BRUT à une page et y coller le code :

Ajout d'une section HTML BRUT

Option 1. Formulaires Netlify (si vous hébergez sur Netlify)

Si votre site est hébergé sur Netlify, la gestion des formulaires est intégrée. Il vous suffit d'ajouter quelques attributs à votre formulaire HTML et Netlify le détecte automatiquement, collecte les soumissions et vous envoie des notifications par e-mail.

Collez ceci dans la section HTML BRUT de votre page dans Webdoline :

<div class="container">
  <p>Inscrivez-vous à ma newsletter.</p>

  <form method="POST" name="newsletter" class="newsletter-form">
    <!-- La ligne suivante est requise pour Netlify, elle détectera le formulaire et enregistrera les réponses sous "newsletter" (ou ce que vous mettez dans value) dans le tableau de bord Netlify -->
    <input type="hidden" name="form-name" value="newsletter">

    <input type="text" name="name" placeholder="Votre nom" required="">
    <input type="email" name="email" placeholder="Votre e-mail" required="">
    <button type="submit">
      S'ABONNER
    </button>
  </form>
</div>

Modèle de formulaire de contact

<div class="container">
  <p>Envoyez-moi un message.</p>

  <form method="POST" name="contact" class="contact-form">
    <!-- La ligne suivante est requise pour Netlify, elle détectera le formulaire et enregistrera les réponses sous "contact" dans le tableau de bord Netlify -->
    <input type="hidden" name="form-name" value="contact">

    <input type="text" name="name" placeholder="Votre nom" required="">
    <input type="email" name="email" placeholder="Votre e-mail" required="">
    <textarea name="message" placeholder="Votre message" required=""></textarea>

    <button type="submit">
      ENVOYER LE MESSAGE
    </button>
  </form>
</div>

L'entrée cachée form-name est requise, elle indique à Netlify à quel formulaire appartient la soumission. Une fois votre site déployé, les soumissions apparaissent dans votre tableau de bord Netlify sous Forms, et vous pouvez y configurer des notifications par e-mail.

Le plan gratuit couvre jusqu'à 100 soumissions par mois, ce qui est suffisant pour la plupart des artistes.

Rappel

Cela ne fonctionne que si votre site est hébergé sur Netlify. Le formulaire s'affichera sur n'importe quel hébergeur, mais les soumissions ne seront capturées que sur Netlify.

Option 2. Tally (intégré, fonctionne partout)

Tally est un constructeur de formulaires gratuit qui fonctionne indépendamment de votre fournisseur d'hébergement. Vous créez votre formulaire sur le site de Tally, puis vous l'intégrez sur votre page avec un extrait de code.

Le plan gratuit de Tally est généreux et le formulaire intégré peut être stylisé pour se fondre dans votre page.

Créez votre formulaire sur tally.so
Cliquez sur Share → Embed et copiez le code d'intégration
Collez-le dans une section HTML BRUT dans Webdoline

Cela ressemblera à ceci :

<div class="container">

<iframe data-tally-src="https://tally.so/embed/VOTRE_ID_ICI?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1"
loading="lazy" width="100%" height="276" frameborder="0" marginheight="0" marginwidth="0" title="Formulaire de contact"></iframe>
<script>VOTRE_CODE_ICI</script>

</div>

Les soumissions sont stockées dans votre compte Tally et peuvent être transférées vers votre e-mail.

Option 3. Google Forms (intégré)

Si vous utilisez déjà Google Workspace ou si vous voulez simplement la configuration la plus simple possible, Google Forms fonctionne très bien. Ce n'est pas l'option la plus esthétique, mais elle ne nécessite aucune configuration de compte au-delà d'un compte Google que vous avez probablement déjà.

Créez votre formulaire sur forms.google.com
Cliquez sur le bouton Envoyer → onglet Intégrer (< >) et copiez le code iframe
Collez-le dans une section HTML BRUT dans Webdoline

<div class="container">

<iframe src="https://docs.google.com/forms/d/e/VOTRE_ID_ICI/viewform?embedded=true"
width="100%" height="800" frameborder="0" marginheight="0" marginwidth="0">Chargement…</iframe>

</div>

Vous pouvez ajuster la valeur de height pour l'adapter à votre formulaire. 800px fonctionne bien pour un formulaire de contact typique avec quelques champs.

Les réponses vont directement sur votre compte Google et peuvent être consultées dans Google Sheets.

Option 4. Lien vers une page de formulaire externe

L'option la plus simple de toutes : sautez complètement l'intégration et liez simplement les visiteurs à votre formulaire sur une page séparée. Cela fonctionne avec Tally, Google Forms, Typeform ou tout autre outil de formulaire.

Dans Webdoline, ajoutez un bouton ou un lien texte avec l'URL de votre formulaire. Les visiteurs cliquent, le remplissent et sont redirigés vers votre site lorsqu'ils ont terminé.

Ce n'est pas aussi fluide qu'un formulaire intégré, mais cela ne nécessite aucun code du tout.

Quelle option choisir ?

Hébergement sur Netlify ? Utilisez les formulaires Netlify, c'est l'expérience la plus intégrée et celle qui nécessite le moins de configuration.
Hébergement sur Cloudflare ou ailleurs ? Utilisez Tally, c'est gratuit, cela fonctionne partout et l'aspect est le plus soigné.
Vous ne voulez pas de nouveaux comptes ? Utilisez Google Forms si vous avez un compte Google, ou faites simplement un lien vers une page de formulaire externe.

Vos options en un coup d'œil​

Option 1. Formulaires Netlify (si vous hébergez sur Netlify)​

Modèle de newsletter​

Modèle de formulaire de contact​

Option 2. Tally (intégré, fonctionne partout)​

Option 3. Google Forms (intégré)​

Option 4. Lien vers une page de formulaire externe​

Quelle option choisir ?​