WordPress : générer un PDF à partir des données d’un formulaire est un jeu d’enfant

Déroulement prévu : le client visite le site web indiqué, par exemple https://sepa-mandat.mon-site-web.tld et y saisit un mot de passe pour accéder à la page souhaitée. Il y trouve toutes les informations nécessaires et un formulaire pour donner son mandat. Il doit ensuite pouvoir télécharger les données saisies sous forme de PDF. En tant qu’exploitant, nous souhaitons être informés que le client a rempli le formulaire et enregistrer les données (en particulier la date de délivrance, car elle est nécessaire par exemple pour la banque en ligne pour la création du prélèvement).

Pour ce petit projet, nous allons mettre en œuvre les éléments suivants :

• Créer un mini site WordPress (1 page) avec des informations sur le SEPA et un formulaire
• Créer le formulaire avec Gravity Forms
• Procéder aux réglages du formulaire et du PDF

Nous utilisons Gravity Forms, car c’est une extension vraiment facile à utiliser. Elle est certes payante (en 2026 : à partir de 59 dollars US par an pour un site web, il n’existe pas de version gratuite), mais elle est incluse gratuitement pour les clients SaaS Web bénéficiant du tarif Premium de l’hébergement WordPress infogéré. Avec Gravity Forms, il est possible de créer des formulaires – même complexes – par glisser-déposer. Je tiens à mentionner qu’il existe également des extensions de formulaire gratuites comme Contact Form 7.

Je suppose que l’installation d’un site WordPress ne pose aucun problème – sinon tu peux aussi demander à ton agence de confiance 😉

Il ne s’agit pas ici d’une intégration transparente dans un site web existant ou de la reprise de l’identité visuelle. D’autres étapes sont nécessaires pour cela, mais elles dépendent de la technologie déjà utilisée…

La page d’accueil est définie comme page statique (Réglages > Lecture > Votre page d’accueil affiche : Une page statique – nous laissons la page des articles vide) et modifiée. Nous mettons déjà en place la protection par mot de passe : dans la barre latérale de droite, sous « État » (dans les anciennes versions de WordPress « Visibilité »), sélectionne l’option Protégé par mot de passe et définis un mot de passe. Mets à jour ou publie immédiatement pour que ce réglage soit déjà fixé.

Point sur la protection des données en 2026 : comme des données bancaires sont saisies ici, le site fonctionne bien entendu uniquement via HTTPS, et une mention relative à ta déclaration de confidentialité doit figurer sur le formulaire. Définis également la durée de conservation des entrées (Gravity Forms : réglages du formulaire, section « Données personnelles »). La protection par mot de passe de WordPress n’est qu’une simple protection d’accès.

J’aime utiliser le Page Builder de SiteOrigin (gratuit), car il est sobre tout en permettant des mises en page très personnalisées. De plus, il s’intègre parfaitement dans tous les thèmes possibles et les installations WordPress existantes. On l’alimente avec des widgets, ce qui permet d’utiliser merveilleusement des extensions qui n’ont pas forcément été développées pour SiteOrigin. (État en 2026 : le Page Builder est toujours maintenu ; une mise en page simple comme celle-ci peut toutefois être construite aujourd’hui sans extension supplémentaire avec le bloc Colonnes de l’éditeur de blocs WordPress.)

Pour notre projet, je crée 2 lignes, la première pour afficher une introduction simple pour le client, l’autre avec le contenu réel. La deuxième ligne est divisée en 2 colonnes, celle de gauche avec le formulaire et celle de droite avec les informations de notre entreprise.

Pour afficher le formulaire dans la colonne de gauche, j’ai 2 options : soit j’utilise le widget Gravity Forms, soit j’écris le code court dans un widget éditeur. J’ai opté pour la deuxième option. Quoi qu’il en soit, nous devons maintenant créer un formulaire.

Nous créons donc notre formulaire par glisser-déposer : Entreprise, Prénom et Nom, Adresse, IBAN, SWIFT/BIC (plus obligatoirement nécessaire dans la zone SEPA depuis 2016, donc facultatif) et nom de l’établissement de crédit. Pour vérifier également l’IBAN de manière sémantique, il existe une extension : Gravity Forms IBAN (gratuite). L’extension crée un champ de type IBAN, par rapport auquel la saisie de l’utilisateur est vérifiée. État en 2026 : l’extension n’a pas été mise à jour depuis 2015 et n’a été testée que jusqu’à WordPress 4.2 – nous la déconseillons pour les nouveaux projets. Une vérification de l’IBAN peut également être mise en œuvre avec quelques lignes de code via le filtre Gravity Forms gform_field_validation. Une fois le formulaire configuré, le code court est inséré dans le widget éditeur :

En plus des champs qui doivent être affichés dans le texte de confirmation, nous créons un lien sur lequel l’utilisateur peut cliquer. C’est plus facile avec le code court de Gravity PDF :
[gravitypdf id="DEINE-PDF-ID" text="DOWNLOAD PDF" class="pdf-download-button"]
Tu trouveras l’ID du PDF et le code court prêt à l’emploi dans les réglages PDF du formulaire créé (Formulaire > Réglages > PDF). État en 2026 : le lien au format ?gf_pdf=1&fid=… montré précédemment à cet endroit provient de Gravity PDF 3 et sera désactivé avec Gravity PDF 7.

Dans cet exemple, nous avons choisi la voie rapide : pas de réglages particuliers, pas de complications. Il existe avec l’extension PDF de nombreuses options pour formater et styliser le PDF, etc. Pour cela, nous te conseillons de lire toi-même la documentation de Gravity PDF. L’extension elle-même est gratuite, des modèles PDF et des extensions supplémentaires sont payants.

Comme déjà mentionné dans l’article, Gravity Forms est inclus gratuitement dans le tarif Premium de notre hébergement WordPress infogéré. Tu peux également y utiliser gratuitement d’autres extensions soumises à licence, telles que : WPML (extension pour le multilinguisme), SearchWP (fonction de recherche améliorée pour WordPress) ou Newsletter Pro (notamment l’intégration WooCommerce pour les newsletters). Tu trouveras ici nos offres d’ hébergement WordPress infogéré.