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

1. l'optimisation des performancesLes formulaires HTML sont des codes légers et rapides à charger pour les sites exigeant des performances élevées.
2. Contrôle totalLes formulaires : Le code HTML écrit à la main vous permet de contrôler avec précision l'apparence et la fonctionnalité de vos formulaires.
3. 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 :

1. Installation des plug-insPour cela, 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.

2. Création d'un nouveau formulaireAprès avoir activé le plugin, naviguez vers Formulaires HTML > Ajouter un nouveau formulaireSi vous avez un nom de formulaire, saisissez le nom du formulaire, par exemple "Formulaire d'exemple", puis cliquez sur ".Création de formulaires".

3. 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.

4. 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.

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 :

1. Installer le plugin WPFormsPour plus d'informations sur les plugins WordPress, consultez le site web de WordPress. WPForms Plug-ins.

2. Création d'un nouveau formulaireAprès avoir activé le plugin, naviguez vers WPForms > Ajouter un nouveau formulaireSélectionnez le modèle "Formulaire de contact simple".

3. 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.

4. 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.
5. 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. Placez simplement le fichier HTML et ses fichiers CSS et image associés dans un dossier et téléchargez-le dans le répertoire racine de WordPress.