Comment utiliser un éditeur de PDF dans WordPress [Concevez vos PDF !]

Publié: 2023-03-15

Vous souhaitez créer et modifier des formulaires PDF directement depuis votre tableau de bord WordPress ? Cet article vous montrera comment utiliser un éditeur PDF dans WordPress à l'aide de Formidable Forms.

Comment utiliser un éditeur de PDF dans WordPress

Temps de lecture approximatif : 6 minutes

Vous cherchez un éditeur PDF sur WordPress ?

Qu'il s'agisse de créer des certificats, d'afficher un menu ou de personnaliser des bordereaux d'expédition de factures PDF, un PDF modifiable dans WordPress vous fait gagner du temps.

Cet article vous montrera comment concevoir votre PDF en utilisant le meilleur plugin WordPress d'éditeur de PDF pour votre site WordPress, Formidable Forms . Vous apprendrez à créer un formulaire pour saisir les informations dont vous avez besoin et les afficher dans un PDF que vous avez conçu.

Formidable Forms est le meilleur plugin WordPress Form Builder. Achetez le gratuitement!

Alors, commençons.

  • Pourquoi devriez-vous utiliser un éditeur PDF dans WordPress ?
  • Comment utiliser un éditeur PDF dans WordPress
    • 1. Installez le module complémentaire Vues et PDF
    • 2. Créez votre formulaire
    • 3. Créer une vue
    • 4. Personnalisez le PDF
    • 5. Publiez le lien de téléchargement PDF

    Pourquoi devriez-vous utiliser un éditeur PDF dans WordPress ?

    Il existe de nombreuses raisons d'utiliser un plugin d'éditeur de PDF WordPress.

    Que vous souhaitiez créer un beau modèle PDF, faciliter la visualisation des fichiers PDF sur votre site Web ou disposer d'un contenu protégé auquel les personnes doivent s'inscrire.

    Quoi qu'il en soit, avoir le contrôle sur la conception et la publication de votre PDF signifie que vous pouvez décider de ce qui se passe sur votre site Web.

    Et il y a quelques personnes différentes qui pourraient trouver cela utile. Voici quelques-uns:

    1. Professionnels de l'entreprise - Si vous créez régulièrement des fichiers PDF à télécharger par des clients ou des clients, le fait d'avoir un moyen de créer le vôtre vous facilite la vie.
    2. Marketing - Les PDF sont l'un des moyens les plus courants de distribuer du contenu ou des supports marketing. Et avoir un moyen de les concevoir vous-même signifie que vous obtenez un contrôle total.
    3. Indépendants - Envoyez-vous des factures via PDF ? Alors abandonnez votre logiciel PDF et créez le vôtre !
    4. Enseignants - Vous pouvez même créer des plans de cours et d'autres supports pédagogiques à l'aide de votre propre éditeur PDF !
    5. Restaurants - Vous souhaitez personnaliser votre propre menu et l'afficher sur votre site Web ? Un éditeur PDF est parfait pour cela.
    Exemple de menu PDF

    Maintenant, il existe de nombreux plugins d'édition PDF WordPress (comme Gravity Forms et Gravity PDF), mais ils n'offrent pas la flexibilité et la puissance de l'option que nous recommandons.

    Et c'est Formidable Forms .

    Comment utiliser un éditeur PDF dans WordPress

    Pour commencer, vous devrez télécharger Formidable Forms pour commencer à générer des PDF.

    Formidable est le plugin WordPress le plus avancé et le plus convivial pour les formulaires et également pour intégrer un document PDF à télécharger.

    Avec ce didacticiel, vous aurez également besoin d'accéder à Formidable Views et au module complémentaire PDF, qui vous aideront à concevoir et à publier votre PDF.

    Si vous ne savez pas ce qu'est Formidable Views, ne vous inquiétez pas. C'est simplement un moyen puissant de prendre des entrées de formulaire et de les afficher comme vous le souhaitez - PDF, comme leur propre page, ou même comme un flux de type Instagram !

    Vous pouvez utiliser la version gratuite de Formidable Forms pour tester le plugin, mais les deux modules complémentaires sont inclus dans la version premium de Formidable Forms dans son Business Plan.

    Obtenez votre éditeur de PDF aujourd'hui !!

    Alors, prenez une licence pour toutes les offres de plugins, installez-la et activez-la, puis c'est cinq étapes simples :

    1. Installer le module complémentaire Vues et PDF
    2. Créez votre formulaire et soumettez une entrée de test
    3. Créer une vue
    4. Personnalisez la conception du PDF
    5. Publier le lien de téléchargement PDF

    Pour notre exemple, nous vous montrerons comment personnaliser un certificat PDF, parfait pour tous les créateurs de cours ou entreprises éducatives.

    Étape 1 : Installer le module complémentaire Vues et PDF

    Dans votre tableau de bord WordPress, allez dans Formidable → Add-Ons .

    Des compléments formidables

    Il faut installer et activer deux plugins : Visual Views et PDFs .

    Vous pouvez faire défiler pour les trouver ou utiliser la barre de recherche pour les rechercher.

    Une fois activés, nous créerons le formulaire pour saisir les informations à afficher sur le PDF.

    Étape 2 : Créez votre formulaire

    Tout d'abord, allez dans Formidable → Formulaires et cliquez sur Ajouter nouveau pour créer un nouveau formulaire.

    Avec le plan d'affaires de Formidable, vous pouvez accéder à de nombreux modèles prédéfinis différents. Donc, si vous savez ce que vous recherchez, essayez de rechercher un modèle correspondant.

    Sinon, vous pouvez choisir Formulaire vierge pour commencer à en créer un à partir de zéro à l'aide du générateur de glisser-déposer de Formidable.

    Une fois que vous avez choisi le type de formulaire, cliquez sur Créer .

    En utilisant le générateur de formulaires de Formidable, vous pouvez ajouter tous les champs dont vous avez besoin en fonction des informations que vous devez collecter. Par exemple, nous créons des certificats PDF pour toute personne qui termine l'un de nos cours.

    Le constructeur glisser-déposer de Formidable

    Nous allons donc ajouter un champ Name , Date , Dropdown et Paragraph pour personnaliser une partie du texte du certificat.

    N'hésitez pas à personnaliser le vôtre en fonction de ce que vous devez afficher.

    Une fois que vous avez terminé, cliquez sur Mettre à jour pour enregistrer vos modifications.

    La prochaine étape sera plus facile si nous avons une entrée de test lors de la conception de la vue. Alors, cliquez sur Entrées en haut de la page et Ajouter nouveau pour soumettre une entrée de test.

    Exemple de saisie de formulaire

    Cela vous donnera également une idée de ce à quoi ressemble votre formulaire pour quiconque le remplit. Tapez simplement le nom de votre choix, puis appuyez sur Soumettre et vous aurez l'entrée prête pour l'étape suivante.

    Maintenant, nous allons créer une vue pour afficher les informations comme nous le souhaitons.

    Étape 3 : Créer une vue

    Dans votre générateur de formulaires, sélectionnez l'onglet Vues , ​​puis cliquez sur Ajouter nouveau pour commencer.

    Vous pouvez choisir le type de vue que vous souhaitez, mais nous utiliserons un type de grille pour notre exemple.

    Type de vue Grille

    Ensuite, donnez un nom à votre vue et cliquez sur Créer une vue .

    Vous commencerez sur la page de liste . C'est ici que vous pouvez afficher une collection d'entrées (comme des éléments de menu, des noms, etc.).

    Vous avez également la page de détail . Ceci est pour afficher des entrées spécifiques plus en détail.

    Pour notre exemple, nous garderons la page de liste simple avec uniquement le nom de la personne et un lien vers la page de détail.

    La page de détails affichera le PDF personnalisé que nous avons créé.

    Ensuite, cliquez sur le bouton Layout Builder et commencez à concevoir votre mise en page. Comme le générateur de formulaires, le générateur de mise en page fonctionne également par glisser-déposer.

    Générateur de mise en page par glisser-déposer

    Nous allons faire glisser un seul bloc à l'aide du Layout Builder. Ensuite, cliquez sur la colonne, et il vous montrera le Visual/Text Builder. Ici, vous pouvez personnaliser votre page d'annonce comme vous le souhaitez.

    Pour notre exemple, nous garderons les choses simples en incluant le [detaillink] dans un morceau de lien HTML, et nous ajouterons également le shortcode pour le nom de l'utilisateur pour le rendre facile à identifier. Donc, ça va ressembler à quelque chose comme ça :

    Exemple HTML pour la page de liste

    Cela montrera le nom, donc nous verrons le PDF lorsque nous cliquerons sur le lien.

    Étape 4 : Personnalisez le PDF

    Ensuite, nous allons cliquer sur la page de détails et personnaliser notre PDF.

    Comme pour la page de liste, nous cliquerons sur le générateur de mise en page pour la page de détails.

    Pour notre exemple, nous allons faire glisser une colonne de trois, avec une seule colonne en dessous, puis trois autres colonnes en dessous de celle-ci.

    Vue Générateur de mise en page

    Vous pouvez concevoir le vôtre comme bon vous semble, mais cliquez sur Enregistrer la mise en page lorsque vous avez terminé.

    Nous pouvons maintenant commencer à personnaliser les différentes colonnes. Donc, nous voulons que notre vue ressemble à un certificat que vous verriez.

    Nous allons cliquer sur chaque colonne et utiliser l'éditeur de texte pour ajouter du code afin de le personnaliser exactement comme nous le souhaitons. Vous n'avez pas besoin d'utiliser du code pour créer quelque chose de beau. Cliquez simplement sur la colonne que vous souhaitez modifier et sélectionnez l'éditeur visuel .

    Vous pouvez même ajouter des images à l'aide de la médiathèque de WordPress.

    Vous remarquerez que vous pouvez utiliser différents codes abrégés lorsque vous modifiez votre vue. Si vous les placez dans l'éditeur, les informations de ce champ seront automatiquement insérées dans la zone.

    Par exemple, en utilisant notre entrée de test précédente et le certificat que nous avons conçu, le nôtre ressemblerait à ceci :

    Exemple de certificat

    Alors, jouez avec votre propre vue et voyez ce que vous pouvez développer !

    Si vous souhaitez commencer à utiliser un modèle, vous adorerez notre modèle de certificat !

    Mais vous aurez une idée générale de ce à quoi ressemblera votre PDF ici.

    Maintenant, nous voulons obtenir l'ID de votre vue avant de publier le lien. Donc, sur le côté gauche de votre vue, trouvez le shortcode avec . Le numéro après ID est votre ID de formulaire.

    Gardez-le pour la prochaine étape.

    Étape 5 : Publiez le lien de téléchargement du PDF

    Nous devons ajouter un shortcode à votre page ou publier pour télécharger le PDF sur votre site.

    Alors, dirigez-vous vers la publication ou la page où vous voulez le lien, et tapez le code suivant :

     [frm-pdf view=”*YOUR VIEW ID*” entry="*ENTRY NUMBER OF DETAIL*" public=”1”]

    Ensuite, mettez à jour votre page, cliquez sur Aperçu et vous verrez le lien de téléchargement.

    Exemple de vue PDF

    Lorsque vous cliquez sur le bouton de téléchargement, vous verrez votre fichier PDF s'ouvrir dans une nouvelle fenêtre dans un lecteur PDF ou un visualiseur PDF !

    Puisqu'il s'agit d'un certificat, nous aimerions qu'il s'affiche en mode paysage. Donc, tout ce que nous avons à faire est d'ajouter orientation="landscape" au shortcode.

    Il ressemblera donc à ceci :

    [frm-pdf view="119" entry="10" orientation="paysage" public="1"]

    Le 119 est l'ID de notre vue, 10 est le détail de l'entrée que nous voulons, l'orientation nous aide à l'afficher correctement et public s'assure qu'il est visible.

    Ensuite, c'est aussi simple que de télécharger le PDF !

    Obtenez votre éditeur de PDF dès aujourd'hui !

    Prêt à rendre un PDF modifiable dans WordPress ?

    Et juste comme ça, vous disposez d'un générateur de formulaires, d'un générateur de PDF et d'un intégrateur de PDF tout en un.

    Cet article a montré comment utiliser Formidable Forms en tant que plugin PDF modifiable WordPress pour personnaliser vos besoins en PDF. À l'aide d'un plugin, vous pouvez transformer les informations des formulaires de contact, des formulaires de commande, etc. en un formulaire PDF que vous avez conçu et qui fonctionne avec n'importe quel thème (y compris WordPress Elementor).

    Alors, n'attendez plus ! Commencez à personnaliser votre PDF dès aujourd'hui avec Formidable Forms.

    Et suivez-nous sur Facebook, Twitter et YouTube pour plus de trucs et astuces.

    En savoir plus sur le formulaire en PDF avec Formidable !


    Saviez-vous que Formidable Forms est l'un des plugins de création de formulaires WordPress les plus rapides disponibles aujourd'hui ? Si vous ne l'utilisez pas déjà, lancez-vous avec notre plugin gratuit ou la version pro complète !