![Image [1] - Comment ajouter et personnaliser des formulaires HTML dans WordPress : tutoriel détaillé - Photon Flux | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide !](http://gqxi.cn/wp-content/uploads/2024/10/2024101201585614.png)
Qu'est-ce qu'un formulaire HTML ? Pourquoi en avez-vous besoin ?
Un formulaire HTML est une zone qui permet aux utilisateurs de saisir et de soumettre des données. Il est généralement utilisé pour collecter des informations telles que le nom, l'adresse électronique, les commentaires et les informations relatives aux commandes. Contrairement aux plugins de formulaires WordPress, les formulaires HTML sont mis en ?uvre en écrivant manuellement du code HTML, ce qui leur donne plus de contr?le et de personnalisation. Avec les formulaires HTML, vous avez la liberté de définir des champs tels que des zones de texte, des cases à cocher, des boutons radio, etc. ainsi que de contr?ler la mise en page et le style du formulaire.
Avantages de l'utilisation des formulaires HTML
- l'optimisation des performancesLes formulaires HTML sont des codes légers et rapides à charger pour les sites exigeant des performances élevées.
- Contr?le totalLe code HTML écrit à la main vous permet de contr?ler avec précision l'apparence et la fonctionnalité de vos formulaires.
- Personnalisation flexibleLes formulaires HTML peuvent être personnalisés de manière flexible pour répondre à vos besoins sans les limitations de fonctionnalité d'un plug-in.
Deux fa?ons d'ajouter des formulaires HTML à WordPress
Méthode 1 : Utiliser le plug-in HTML Forms
Pour les utilisateurs qui n'ont pas d'expérience en matière de codage, l'utilisation d'un plugin de formulaire HTML est la solution la plus simple. Si vous utilisez le plugin Formulaires HTML Plugin. Ce plugin permet de créer et de configurer rapidement des formulaires dans le tableau de bord de WordPress pour les utilisateurs qui souhaitent se mettre en place rapidement.
Les étapes :
- Installation des plug-insPour ce faire, vous devez vous rendre dans le dép?t de plugins dans le tableau de bord de WordPress, rechercher et installer le plugin Formulaires HTML Plug-ins.
![Image [2] - Comment ajouter et personnaliser des formulaires HTML dans WordPress : Tutoriel détaillé - Photon Flux | Professional WordPress Repair Service, Global Coverage, Fast Response](http://gqxi.cn/wp-content/uploads/2024/10/2024101201290544.png)
- Création d'un nouveau formulaireAprès avoir activé le plugin, naviguez vers
Formulaires HTML > Ajouter un nouveau formulaire
Si vous avez un nom de formulaire, saisissez le nom du formulaire, par exemple "Formulaire d'exemple", puis cliquez sur ".Création de formulaires".
![Image [3] - Comment ajouter et personnaliser des formulaires HTML dans WordPress : Tutoriel détaillé - Photon Flux | Professional WordPress Repair Service, Global Reach, Fast Response](http://gqxi.cn/wp-content/uploads/2024/10/2024101201341110.png)
![Image [4] - Comment ajouter et personnaliser des formulaires HTML dans WordPress : Tutoriel détaillé - Photon Flux | Professional WordPress Repair Service, Worldwide, Fast Response](http://gqxi.cn/wp-content/uploads/2024/10/2024101201351245.png)
- Configuration des champs de formulaireDans la page d'édition, vous pouvez ajouter des champs tels que du texte, des dates, des cases à cocher, etc. au formulaire via des onglets. Réorganisez les champs et supprimez les champs indésirables pour vous assurer que la présentation du formulaire est conforme aux attentes.
![Image [5] - Comment ajouter et personnaliser des formulaires HTML dans WordPress : Tutoriel détaillé - Photon Flux | Professional WordPress Repair Service, Global Coverage, Fast Response](http://gqxi.cn/wp-content/uploads/2024/10/2024101201384098.png)
- Formulaires de détachementAprès avoir sauvegardé vos modifications, utilisez la touchecode courtInsérez le formulaire dans la page ou l'article, publiez la page et vous pourrez alors voir l'effet du formulaire sur le front-end.
![Image [6] - Comment ajouter et personnaliser des formulaires HTML dans WordPress : Tutoriel détaillé - Photon Flux | Professional WordPress Repair Service, Worldwide, Fast Response](http://gqxi.cn/wp-content/uploads/2024/10/2024101201400364.png)
Attention :Les formulaires HTML ne permettent pas l'intégration de services de marketing par courrier électronique. Par conséquent, l'adresse électronique de l'utilisateur doit être ajoutée manuellement à votre liste de diffusion.
Méthode 2 : Utiliser WPForms pour ajouter du HTML personnalisé aux formulaires WordPress
WPForms est un choix idéal pour ceux qui souhaitent ajouter du code HTML personnalisé à leurs formulaires. Bien que WPForms soit un générateur de formulaires par glisser-déposer, il permet aux utilisateurs d'insérer des bribes de code HTML dans le formulaire pour obtenir des effets plus personnalisés.
Les étapes :
- Installer le plugin WPFormsPour plus d'informations sur les plugins WordPress, consultez le site web de WordPress. WPForms Plug-ins.
![Image [7] - Comment ajouter et personnaliser des formulaires HTML dans WordPress : Tutoriel détaillé - Photon Flux | Professional WordPress Repair Service, Worldwide, Fast Response](http://gqxi.cn/wp-content/uploads/2024/10/2024101201413735.png)
- Création d'un nouveau formulaireAprès avoir activé le plugin, naviguez vers
WPForms > Ajouter un nouveau formulaire
Sélectionnez le modèle "Formulaire de contact simple".
![Image [8] - Comment ajouter et personnaliser des formulaires HTML dans WordPress : Tutoriel détaillé - Photon Flux | Professional WordPress Repair Service, Worldwide, Fast Response](http://gqxi.cn/wp-content/uploads/2024/10/2024101201435836.png)
![Image [9] - Comment ajouter et personnaliser des formulaires HTML dans WordPress : Tutoriel détaillé - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response](http://gqxi.cn/wp-content/uploads/2024/10/2024101201504714.png)
- Insérer un champ HTMLDans le générateur de formulaires, dans le panneau de gaucheglisser-déposer (informatique)Le champ "HTML" est ajouté au formulaire. Des extraits de code personnalisés, tels que des infobulles ou des instructions spéciales, peuvent être ajoutés à ce champ.
![Image [10] - Comment ajouter et personnaliser des formulaires HTML dans WordPress : Tutoriel détaillé - Photon Flux | Professional WordPress Repair Service, Global Coverage, Fast Response](http://gqxi.cn/wp-content/uploads/2024/10/2024101201533322.png)
![Image [11] - Comment ajouter et personnaliser des formulaires HTML dans WordPress : Tutoriel détaillé - Photon Flux | Professional WordPress Repair Service, Global Reach, Fast Response](http://gqxi.cn/wp-content/uploads/2024/10/2024101201535893.png)
- Paramètres du formulaire personnaliséLes messages de notification et de confirmation : Configurez les messages de notification et de confirmation pour que les utilisateurs puissent recevoir des notifications par courrier électronique après avoir envoyé un formulaire, et affichez un message personnalisé sur la page de confirmation du formulaire.
- Formulaires de détachement: Formulaires WPFormsintégrationou d'un article, mettez la page à jour pour la mettre en ligne.
Télécharger des pages HTML personnalisées sur WordPress
Si vous disposez d'une page HTML complète, telle qu'un modèle statique ou une ancienne page de site web, vous pouvez la télécharger en téléchargeant le fichier Page HTMLPour l'afficher dans WordPress. Il suffit de placer les fichiers HTML et leurs fichiers CSS et images associés dans un dossier et de le télécharger dans le répertoire racine de WordPress.
Lien vers cet article :http://gqxi.cn/fr/21323L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires