Un Formulaires PDF à remplir avec rien d'autre que des champs de texte et des cases à cocher est fonctionnel mais statique. L'ajout de boutons interactifs transforme un formulaire plat en un document navigable et réactif qui guide les utilisateurs à travers les sections, effectue des calculs automatiquement et soumet les données complétées en un seul clic plutôt que de demander à l'utilisateur d'enregistrer et d'envoyer le fichier par courrier électronique manuellement. Les boutons peuvent réinitialiser tous les champs du formulaire à leurs valeurs par défaut, imprimer le document complété, naviguer entre les sections d'un formulaire de plusieurs pages, déclencher des calculs personnalisés et envoyer les données du formulaire à un serveur Web ou à une adresse e-mail. Le processus de leur ajout nécessite un éditeur PDF prenant en charge la spécification complète d'Acrobat Forms, car les éditeurs de base limitent souvent la création de formulaires aux seuls champs de texte et cases à cocher.
Choisir le bon éditeur PDF pour la création de boutons
Tous les éditeurs PDF ne prennent pas en charge l'ensemble complet des actions de boutons définies dans la spécification PDF. Adobe Acrobat Pro fournit l'ensemble d'outils de boutons le plus complet, notamment des déclencheurs JavaScript pour des comportements avancés tels que la validation des champs et la visibilité conditionnelle. Les éditeurs PDF basés sur un navigateur se sont considérablement améliorés dans ce domaine, plusieurs d'entre eux proposant désormais l'insertion de boutons dans le cadre de leurs boîtes à outils de création de formulaires, aux côtés des champs de texte et de cases à cocher standard. Lors de la sélection d'un outil, confirmez qu'il prend spécifiquement en charge le type de champ Bouton, et pas seulement les champs de texte et les cases à cocher. Un outil de formulaire qui propose uniquement des champs de saisie de texte et des outils d'annotation de base ne peut pas créer de boutons interactifs fonctionnels.
Pour une alternative basée sur un navigateur qui ne nécessite pas d'installation de logiciel, des plates-formes telles que WukongPDF incluent des outils de champ de formulaire qui couvrent les actions de bouton les plus courantes telles que la navigation dans les pages, la soumission de formulaire et la réinitialisation des champs. L’avantage d’un outil basé sur un navigateur est une accessibilité immédiate sur tous les appareils sans frais d’installation ni de licence. Les applications de bureau restent préférables pour les boutons complexes pilotés par JavaScript qui valident les entrées utilisateur dans plusieurs champs ou exécutent une logique conditionnelle basée sur les valeurs de formulaire, car ces scripts avancés nécessitent l'API JavaScript complète d'Acrobat.
Essayez de modifier le PDF
Aucune installation nécessaire. Fonctionne directement dans votre navigateur.
Ajout de boutons de navigation entre les pages
Les boutons de navigation sont le type de bouton PDF interactif le plus pratique et le plus largement pris en charge pour les formulaires multipages. Un bouton Aller à la page suivante et un bouton Aller à la page précédente empêchent les utilisateurs d'avoir à faire défiler ou à parcourir manuellement un long formulaire, ce qui est particulièrement utile sur les appareils mobiles où l'interface de la visionneuse PDF occupe déjà une place importante à l'écran. Pour ajouter un bouton de navigation, ouvrez l'éditeur de formulaire, sélectionnez l'outil Bouton dans la barre d'outils du champ de formulaire et dessinez un rectangle à l'endroit où le bouton doit apparaître sur la page. Dans la boîte de dialogue des propriétés du bouton, recherchez l'onglet Actions, ajoutez un nouveau déclencheur d'action défini sur Mouse Up et sélectionnez Exécuter un élément de menu ou Exécuter un JavaScript en fonction de ce que l'éditeur prend en charge. Pour un bouton de page suivante, l'action JavaScript la plus simple est l'instruction unique this.pageNum++, qui incrémente le numéro de page actuel.
Étiquetez le bouton avec un texte clair et orienté vers l’action. Une étiquette telle que Page suivante ou une icône de flèche droite universellement reconnue donne aux utilisateurs une attente immédiate et sans ambiguïté de ce qui se passera lorsqu'ils cliqueront. Définissez l'apparence du bouton sous l'onglet Options dans la boîte de dialogue des propriétés. Choisissez une couleur d'arrière-plan qui contraste visiblement avec le contenu de la page, ajoutez une bordure distincte pour définir la zone cliquable et définissez la taille de la police suffisamment grande pour une lecture et une frappe confortables sur l'écran d'un téléphone mobile. Un bouton doit avoir au moins 100 pixels de large et 40 pixels de haut sur une page de format lettre standard pour fournir une cible tactile confortable.
Création d'un bouton d'envoi pour les données de formulaire
Un bouton Soumettre envoie les données du formulaire rempli à une destination configurée, fermant ainsi la boucle entre l'utilisateur qui remplit le formulaire et les données arrivant là où elles doivent aller. Dans l'onglet Actions des propriétés du bouton, choisissez Soumettre un formulaire dans la liste déroulante des types d'action. Configurez ensuite l'URL de soumission. Pour l'envoi par courrier électronique du formulaire complété, saisissez mailto:address@example.com comme URL. Le client de messagerie par défaut de l'utilisateur s'ouvrira avec les données du formulaire en pièce jointe. Pour le traitement côté serveur, saisissez l'URL complète du point de terminaison HTTPS qui recevra et analysera la charge utile des données du formulaire en fonction de votre configuration back-end.
Le paramètre de format d'exportation détermine la manière dont les données soumises sont structurées et la manière dont le destinataire interagira avec elles. FDF (Forms Data Format) envoie uniquement les noms de champs et leurs valeurs actuelles, produisant une charge utile compacte que le destinataire peut réimporter dans le modèle de formulaire vierge d'origine pour afficher les données remplies en contexte. XFDF est la version basée sur XML du même concept, plus facile à analyser pour les systèmes automatisés. HTML exporte les données sous forme de simples paires nom-valeur lisibles dans n'importe quel navigateur sans outils spéciaux. PDF exporte une copie entièrement remplie du document avec tous les champs renseignés. Choisissez le format en fonction de la manière dont le destinataire traitera la soumission. Pour l'ingestion automatisée dans des bases de données ou des systèmes CRM, HTML ou XFDF est généralement le plus simple à analyser par programme. Pour les destinataires humains qui ont besoin de voir le formulaire rempli, l’envoi du PDF complet est l’option la plus pratique et la plus autonome.
Créer un bouton de réinitialisation pour effacer tous les champs
Un bouton Réinitialiser efface chaque champ du formulaire à son état par défaut ou vide en une seule action, permettant aux utilisateurs de recommencer complètement sans sélectionner ni supprimer manuellement le texte de chaque champ individuel. Dans l'onglet Actions du bouton, choisissez Réinitialiser un formulaire dans la liste des types d'action. Une boîte de dialogue apparaît répertoriant tous les champs de formulaire du document. Cochez les cases à côté des champs qui doivent être réinitialisés lorsque vous cliquez sur le bouton. En règle générale, vous sélectionnez tous les champs pouvant être remplis par l'utilisateur, mais il existe des cas légitimes dans lesquels certains champs doivent persister lors d'une réinitialisation. Un champ d'horodatage, un nom de société pré-rempli ou un numéro de référence de document ne doivent pas s'effacer lorsque l'utilisateur réinitialise ses entrées personnelles.
Le bouton Réinitialiser doit être visuellement distinct du bouton Soumettre pour éviter des clics accidentels coûteux. Utilisez une couleur neutre et peu accentuée comme le gris clair ou le blanc avec une fine bordure pour Réinitialiser, et réservez une couleur audacieuse et à contraste élevé comme le bleu ou le vert pour Soumettre. Placez le bouton Réinitialiser à gauche de Soumettre, en suivant la convention établie sur le Web et les applications selon laquelle les actions principales avancées apparaissent à droite et les actions secondaires ou destructrices apparaissent à gauche. Cette disposition spatiale réduit considérablement le risque qu'un utilisateur clique sur Réinitialiser alors qu'il avait l'intention de cliquer sur Soumettre après avoir passé dix minutes à remplir un formulaire détaillé.
Test des boutons sur différentes visionneuses PDF
Un bouton qui fonctionne parfaitement dans Adobe Acrobat peut ne rien faire dans une visionneuse PDF basée sur un navigateur, une application PDF mobile ou l'application Aperçu sur Mac. Chaque visualiseur implémente la spécification interactive PDF différemment, et certains visualiseurs ignorent simplement certains types d'actions pour des raisons de sécurité ou de compatibilité. Après avoir créé votre formulaire PDF interactif avec des boutons, testez chaque bouton dans au moins trois environnements distincts : Adobe Acrobat Reader sur un ordinateur de bureau, la visionneuse PDF du navigateur par défaut dans Chrome ou Edge et une application PDF mobile telle que Apple Books ou Adobe Acrobat Reader pour iOS ou Android.
Le tableau ci-dessous résume les actions de boutons prises en charge dans les environnements d'affichage PDF courants :
| Action du bouton | Acrobat Desktop | Chrome/Bord | Applications mobiles |
|---|---|---|---|
| Navigation dans les pages | Prise en charge complète | Prise en charge complète | Partiel |
| Soumettre les données du formulaire | Prise en charge complète | Partiel | Limité |
| Réinitialiser les champs du formulaire | Prise en charge complète | Prise en charge complète | Prise en charge complète |
| Imprimer le document | Prise en charge complète | Partiel | Limité |
Pour les boutons qui nécessitent l'exécution de JavaScript, notez que la plupart des visionneuses PDF basées sur un navigateur désactivent entièrement JavaScript par mesure de sécurité. Si votre formulaire s'appuie sur des boutons JavaScript pour la validation des champs ou des calculs complexes, incluez une note visible en haut du formulaire demandant aux utilisateurs d'ouvrir le document dans Adobe Acrobat Reader pour bénéficier de fonctionnalités interactives complètes.
Ajout d'un bouton d'impression pour la tenue de registres papier
Un bouton Imprimer intégré directement dans le formulaire déclenche la boîte de dialogue d'impression du système, ce qui est utile pour les formulaires qui nécessitent des signatures physiques ou des copies papier une fois numériques. Le type d'action est Exécuter un élément de menu et l'élément de menu spécifique à sélectionner est Fichier suivi de Imprimer. Il s'agit d'une action Acrobat intégrée qui ne nécessite aucun codage JavaScript, ce qui la rend compatible avec tous les principaux visualiseurs PDF prenant en charge le type d'action d'exécution de menu.
Placez le bouton Imprimer à l’écart des boutons principaux Soumettre et Réinitialiser pour éviter toute confusion. Une mise en page courante place Imprimer dans la zone d'en-tête de la première page ou dans une ligne de la barre d'outils en haut, tandis que Soumettre et Réinitialiser occupent la zone de pied de page de la dernière page. Cette séparation physique rend clair l'objectif distinct de chaque bouton grâce à la conception spatiale plutôt que de s'appuyer uniquement sur l'étiquette de texte.
Ajout d'info-bulles et de texte de survol aux boutons de formulaire
Une info-bulle fournit une brève description qui apparaît lorsque l'utilisateur passe le curseur sur un bouton. Ce petit ajout améliore considérablement la convivialité des formulaires, en particulier pour les boutons avec des étiquettes composées uniquement d'icônes ou dans les formulaires distribués aux utilisateurs qui ne sont peut-être pas familiers avec les fonctionnalités interactives PDF. Dans la boîte de dialogue Propriétés du bouton, recherchez l'onglet Général et recherchez le champ Info-bulle. Saisissez une courte description orientée vers l'action, telle que Cliquez pour envoyer votre formulaire rempli ou Passez à la section suivante de la candidature. Conservez une info-bulle de moins de 60 caractères afin qu'elle s'affiche entièrement sur la plupart des écrans, sans troncature.
Tester les info-bulles auprès des spectateurs est aussi important que tester les actions des boutons eux-mêmes. Certaines visionneuses PDF mobiles ne prennent pas du tout en charge les états de survol, car les écrans tactiles n'ont pas d'équivalent en survol. Pour les formulaires distribués principalement aux utilisateurs mobiles, incluez une étiquette de texte visible directement sur ou à côté du bouton plutôt que de vous fier à une info-bulle que les utilisateurs tactiles ne verront jamais. Une approche combinée, avec à la fois une étiquette visible et une info-bulle, offre la meilleure expérience dans les environnements de bureau et mobiles.
Essayez de modifier le PDF
Aucune installation nécessaire. Fonctionne directement dans votre navigateur.