Tips & Tricks

Comment ajouter un bouton d'envoi à un formulaire PDF qui envoie les données par courrier électronique

Un bouton de soumission est la dernière pièce d'un flux de travail fonctionnel Formulaires PDF. Une fois qu'un utilisateur a rempli des champs de texte, sélectionné des options de liste déroulante et coché les cases appropriées, le bouton Soumettre regroupe toutes les données du formulaire et les envoie à une destination où quelqu'un peut agir en conséquence. Sans bouton de soumission, l'utilisateur doit enregistrer le PDF rempli et l'envoyer manuellement par courrier électronique en pièce jointe. Avec un bouton de soumission correctement configuré, les données du formulaire arrivent sous forme de texte structuré dans une boîte de réception ou une base de données, prêtes à être traitées sans aucune étape manuelle de la part de l'utilisateur.

L'ajout d'un bouton de soumission implique deux tâches distinctes : placer le contrôle du bouton sur la page PDF et configurer son action pour envoyer les données à la bonne destination. La configuration de l'action détermine où vont les données, quel format elles utilisent et si l'utilisateur voit un message de confirmation après la soumission. Réussir l'action est ce qui sépare un bouton qui reste là et qui semble cliquable d'un bouton qui fournit des réponses de formulaire de manière fiable.

L'éditeur Fillable PDF de WukongPDF comprend des contrôles de bouton de soumission que vous pouvez configurer avec une adresse mailto ou un point de terminaison de serveur. Après avoir configuré le bouton, testez le flux de travail de soumission complet avant d'envoyer le formulaire aux destinataires pour confirmer que les données arrivent intactes.

How to Add a Submit Button to a PDF Form That Emails the Data

Comment fonctionnent les boutons de soumission PDF

Dans la plupart des cas, un bouton de soumission PDF est un champ de formulaire de type bouton avec une action Soumettre le formulaire associée. Lorsque l'utilisateur clique sur le bouton, le lecteur PDF collecte les valeurs actuelles de tous les champs du formulaire, les sérialise dans le format de données choisi et les envoie à la destination spécifiée. La destination peut être une adresse e-mail utilisant le protocole mailto:, qui ouvre le client de messagerie de l'utilisateur avec les données du formulaire dans le corps du message ou en pièce jointe. Ou il peut s'agir d'une URL de serveur Web utilisant HTTP ou HTTPS, qui envoie les données sous forme de requête POST qu'un script côté serveur reçoit et traite.

Les options de format de données incluent FDF, le format de données de formulaires utilisé par les produits Adobe depuis les années 1990. XFDF, la version XML de FDF qui est plus facile à analyser pour les systèmes non Adobe. HTML, qui formate les données de champ sous forme de paires clé-valeur dans le corps d'un document HTML. Et PDF, qui envoie l'intégralité du fichier PDF rempli en pièce jointe. Le choix du format dépend du système qui reçoit les données. Les destinataires des e-mails préfèrent généralement le PDF ou le HTML. Les scripts serveur traitant les soumissions de formulaires dans les bases de données préfèrent XFDF ou FDF pour une analyse structurée.

WukongPDF

Essayez de modifier le PDF

Aucune installation nécessaire. Fonctionne directement dans votre navigateur.

Commencer →

Méthode 1 : Configurer un mailto : Bouton Soumettre

En pratique, l’approche mailto est la plus simple à mettre en place car elle ne nécessite aucune infrastructure serveur. Le bouton Soumettre ouvre l'application de messagerie par défaut de l'utilisateur, crée un nouveau message adressé au destinataire spécifié et remplit le corps du message ou joint le PDF rempli. Dans Adobe Acrobat Pro, ouvrez le PDF, accédez à Outils, puis Préparer le formulaire. Cliquez sur l'icône Bouton dans la barre d'outils et dessinez un bouton sur la page. Tapez une étiquette telle que Soumettre ou Envoyer le formulaire.

Avec le bouton sélectionné, ouvrez la boîte de dialogue Propriétés. Sous l'onglet Général, donnez au bouton un nom tel que SubmitButton. Sous l'onglet Options, définissez la mise en page sur Étiquette uniquement et saisissez le texte du bouton. Sous l'onglet Actions, sélectionnez Souris vers le haut dans la liste déroulante des déclencheurs, puis cliquez sur Ajouter. Choisissez Soumettre un formulaire dans la liste des types d'action. Dans la boîte de dialogue Soumettre les sélections de formulaire, saisissez mailto:you@example.com comme URL. Choisissez PDF comme format d'exportation afin que le destinataire reçoive le PDF entièrement rempli. Cliquez sur OK, fermez les propriétés et enregistrez le PDF.

Testez le bouton Soumettre en ouvrant le PDF dans Adobe Acrobat Reader, en remplissant quelques champs et en cliquant sur Soumettre. Le lecteur devrait ouvrir votre application de messagerie par défaut avec un nouveau message qui vous est adressé et le PDF rempli en pièce jointe. Si le client de messagerie ne s'ouvre pas, vérifiez que votre système d'exploitation dispose d'une application de messagerie par défaut configurée. Les liens mailto dépendent du gestionnaire de messagerie du système et sur certaines machines, en particulier dans les environnements d'entreprise avec messagerie Web, le gestionnaire mailto peut ne pas être configuré.

Méthode 2 : Soumission des données d'un formulaire à un serveur Web

Pour les formulaires distribués au public ou à de grandes équipes où la soumission par courrier électronique devient lourde, la soumission HTTP POST à un script serveur fournit un pipeline de collecte de données plus évolutif. La configuration nécessite un point de terminaison de serveur capable d'accepter et de traiter les données de formulaire PDF entrantes. L'URL du point de terminaison est placée dans le champ URL de l'action Soumettre le formulaire au lieu d'une adresse mailto. Lorsque l'utilisateur clique sur Soumettre, le lecteur PDF envoie une requête HTTP POST avec les données du formulaire dans le corps. Le script serveur analyse les données, les stocke et renvoie une réponse que le lecteur PDF peut afficher sous forme de page de confirmation.

La configuration du point de terminaison du serveur est la partie la plus complexe de ce flux de travail car elle implique un développement Web en dehors du PDF. Un script PHP, Python ou Node.js de base qui accepte les requêtes POST, analyse les données FDF ou XFDF et écrit les valeurs de champ dans un fichier CSV ou une base de données comporte généralement 30 à 50 lignes de code. Le côté PDF de la configuration est identique à la configuration mailto, sauf que l'URL pointe vers le point de terminaison du serveur au lieu d'une adresse mailto. De nombreux services de gestion de formulaires proposent des points de terminaison prédéfinis qui acceptent les soumissions de formulaires PDF, éliminant ainsi le besoin d'écrire et d'héberger du code de serveur personnalisé.

Personnalisation de l'apparence et du comportement du bouton d'envoi

L'apparence du bouton par défaut, un rectangle gris avec du texte centré, fonctionne mais ne correspond pas à la plupart des conceptions de formulaires. Dans la boîte de dialogue Propriétés du bouton sous l'onglet Apparence, définissez la couleur de la bordure, la couleur de remplissage, la police et la taille de la police pour qu'elles correspondent au style visuel du formulaire. Un bouton d'envoi avec un remplissage bleu, du texte blanc et des coins arrondis attire plus d'attention et obtient plus de clics qu'un rectangle gris par défaut. Sous l'onglet Options, vous pouvez attribuer une icône au bouton qui apparaît à côté ou à la place du texte de l'étiquette.

Dans la plupart des outils, l'onglet Actions du bouton prend en charge plusieurs actions sur différents déclencheurs. Au-delà de l'action de soumission Mouse Up, vous pouvez ajouter une action Mouse Enter qui modifie la couleur du bouton pour indiquer le survol, et une action Mouse Exit qui restaure la couleur d'origine. Ces retours visuels rendent le formulaire plus réactif et professionnel. Gardez les effets interactifs subtils. Un bouton qui prend une teinte légèrement plus foncée en survol est utile. Un bouton qui s’anime ou change de façon spectaculaire est gênant.

Considérations relatives à la sécurité et à la confidentialité

Les données du formulaire soumises via un lien mailto transitent par le client de messagerie de l'utilisateur et l'infrastructure de messagerie de l'expéditeur et du destinataire. Les données ne sont pas chiffrées pendant leur transit, sauf si les deux serveurs de messagerie appliquent TLS. Pour les formulaires collectant des informations sensibles telles que des numéros d’identification personnels, des données de santé ou des détails financiers, la soumission par courrier n’offre pas une sécurité adéquate. HTTP POST vers un point de terminaison de serveur à l'aide de HTTPS crypte les données en transit entre le lecteur PDF et le serveur, ce qui constitue le niveau de sécurité minimum acceptable pour tout formulaire collectant des données personnelles.

Lors de la conception de documents, le lecteur PDF utilisé par le destinataire affecte également le comportement de soumission. Adobe Acrobat Reader prend en charge toute la gamme des actions de soumission, notamment mailto et HTTP POST. Les visionneuses PDF basées sur un navigateur intégrées à Chrome, Edge et Firefox ont une prise en charge limitée, voire inexistante, pour les actions de soumission de formulaires PDF. Un bouton de soumission qui fonctionne parfaitement dans Acrobat Reader peut ne rien faire lorsque le même PDF est ouvert dans un onglet du navigateur. Pour les formulaires distribués à des destinataires externes dont vous ne pouvez pas contrôler le lecteur PDF, incluez une note à côté du bouton d'envoi demandant aux utilisateurs d'ouvrir le fichier dans Adobe Acrobat Reader si le bouton ne fonctionne pas dans leur navigateur.

Méthode de soumissionComment ça marcheMeilleur pour
mailto : action d'URLOuvre le client de messagerie par défaut de l'utilisateur avec un objet et un corps pré-remplis contenant les données du formulaireFormulaires internes, petites équipes, données simples
HTTP POST vers le script serveurEnvoie les données du formulaire au format FDF ou XFDF à un point de terminaison de serveur Web pour traitementFormulaires publics, intégration CRM, automatisation
Service API JavaScript + e-mailLe bouton JS personnalisé appelle une API de messagerie tierce directement depuis le lecteur PDFFormulaires où la fiabilité de mailto est insuffisante

Un bouton de soumission correctement configuré transforme un PDF remplissable d'un formulaire autonome en un point final de collecte de données. La méthode mailto gère les formulaires d'équipe internes sans configuration de serveur. La méthode HTTP POST s'adapte à la distribution publique et au traitement automatisé des données. Tester le flux de travail de soumission de bout en bout avant que la distribution ne détecte les erreurs de configuration qui autrement perdraient silencieusement chaque réponse au formulaire soumise par vos utilisateurs. Un bouton de soumission qui fonctionne de manière fiable supprime le dernier point de friction entre celui qui remplit le formulaire et son propriétaire, bouclant ainsi la boucle sur l'ensemble du flux de travail PDF remplissable.

Dépannage des pannes du bouton d'envoi

Lorsqu'un bouton de soumission ne fait rien lors d'un clic, la cause la plus courante est que le lecteur PDF ne prend pas en charge le type d'action. Les visionneuses PDF basées sur un navigateur ne prennent généralement pas en charge les actions de soumission mailto ou HTTP POST. Le correctif consiste à demander aux utilisateurs d'ouvrir le fichier spécifiquement dans Adobe Acrobat Reader. Une autre cause fréquente est que l'URL mailto est mal formée. Le format correct est mailto:address@example.com sans espaces ni paramètres supplémentaires, à moins qu'ils ne soient correctement codés en URL.

Si le bouton fonctionne mais que l'e-mail arrive sans données, la cause probable est que le format d'exportation a été défini sur FDF ou XFDF et que le client de messagerie du destinataire ne sait pas comment afficher ces formats. Modifiez le format d'exportation en PDF dans les paramètres de l'action Soumettre le formulaire. Le PDF rempli arrive sous forme de pièce jointe à un e-mail et le destinataire peut l'ouvrir directement pour voir toutes les données saisies. Pour les formulaires dans lesquels le destinataire a besoin de voir les données en un coup d'œil dans le corps de l'e-mail, choisissez HTML comme format d'exportation. Les valeurs des champs apparaissent sous forme de texte étiqueté dans le corps du message électronique, bien que le formatage soit simple et ne préserve pas la présentation visuelle du formulaire d'origine.

WukongPDF

Essayez de modifier le PDF

Aucune installation nécessaire. Fonctionne directement dans votre navigateur.

Commencer →