Cette page contient des tutoriels afin d’aider les étudiants dans leur conception web.
Le Formulaire de contact :
Les étudiants ont utilisé souvent pour leurs projets, des formulaires de contact, de dons ou autres types de formulaires. La plupart étant de formulaires de contact, nous allons nous baser sur celui-ci.
Vous pouvez trouver via ce lien un tutoriel expliquant comment réaliser un formulaire de contact :
Lorsque vous entrez dans l’éditeur WP Forms, vous avez avec la version gratuite, 67 types de formulaires disponibles. Vous avez plusieurs types de formulaires selon diverses catégories : Education, Marketing, Business Operations ou encore Registrations. Pour les formulaires de contact, il y en a de plusieurs types de formaulaires disponibles en version gratuite :
- « Constant contact GDPR Form » vous permet de mettre en place un formulaire avec une case pour coher l’accord du réglement général sur la protection des données et d’une Newsletter ;
- « Contry Dropdown Contact Form » vous permet de mettre en place un formulaire avec une option pour cocher le pays de l’utilisateur du formulaire ;
- « GDPR Contact Form » vous permet uniquement de mettre en place un formulaire avec une case pour cocher l’accord du réglement général sur la protection des données ;
- « Terms of service contact Form » vous permet de créer un formulaire de contact avec une case pour cocher les conditions générales d’utilisation ;
En utilisant le formulaire « Constant contact GDPR Form », en utilisant plusieurs outils vous pouvez aboutir, par exemple à ce genre de formulaire :
Vous pouvez personnaliser de nombreuses manières le formulaire de contact, que ce soit dans le texte, la taille des cases, les valeurs par défaut, si c’est une case nécessaire ou non, etc. Vous pouvez également modifier pour les cases à cocher, le nombre de cases que les utilisateurs peuvent cocher. Cela permet, si l’on veut une seule ou deux réponses à n’en avoir que une ou deux par exemple.
Si vous n’utilisez pas Elementor, pour intégrer le tuto via WordPress vous pouvez l’intégrer avec le Widget » WPForms » et sélectionner le nom de Formulaire.
Vous pouvez également personnaliser le formulaire de contact sur l’éditeur de WordPress. En cliquant sur le formulaire on a de nombreuses possibilités pour changer la couleur des encadrés, la taille, si c’est plus ou moins arrondi, etc. Exemple avec la capture d’écran ci-dessous.
Résultat du Formulaire de contact en ligne :
Article des sites des étudiants qui ont utilisé WPforms :