Créer un formulaire de contact

L'importance d'un formulaire de contact sur un site Web

Un formulaire de contact est un élément essentiel pour toute entreprise ou organisation disposant d'un site web. Il permet aux visiteurs de poser des questions, de demander des informations ou de soumettre des requêtes de manière simple et rapide. En plus d'améliorer l'expérience utilisateur, il renforce la crédibilité du site et facilite la communication avec les clients potentiels. Un bon formulaire de contact peut également aider à filtrer les demandes et à organiser efficacement les échanges, optimisant ainsi la gestion du service client.

Ajouter un formulaire à la page contact

Ouvrir la page souhaitée. Cliquer sur le signe + pour ajouter un bloc :

Cliquer sur le bloc FORM :

Le formulaire par défaut est ajouté :

Cliquer sur l'icône Paramètres (en forme de roue dentée) placée en haut à droite du formulaire :

L'onglet Formulaire permet de définir les différents champs :

Cliquer dans la zone d'entête pour donner un titre et une description :

Avec l'icône en forme de poubelle, supprimer les champs inutiles :

Donner un nom explicite à chaque champ :

Pour déplacer un champ, cliquer sur les petits points à droite. Maintenir le bouton de la souris enfoncé et faire glisser dans le formulaire :

Ajouter de nouveaux champs au formulaire

Cliquer le bouton Add input field :

Choisir, par exemple, un champ type téléphone :

Remplir les informations du nouveau champ. Cocher Required pour le rendre obligatoire :

Dans la partie droite, on peut voir le formulaire tel qu'il s'affichera dans la page :

Ajouter des champs de type Select et Multi Select :

Définir les couleurs du formulaire dans l'onglet Design

Choisir les couleurs pour les champs input, le texte, le bouton Submit :

Gérer les paramètres du formulaire

Cliquer sur l'onglet Paramètres :

Action du formulaire => toujours indiquer inc/sendblocformdoc.php !

Soumettre type => toujours définir sur JSON Submission !

Définir un message pour formulaire bien envoyé et un message en cas d'erreur.

En option, indiquer une clé reCAPTCHA.

Et définir le texte du bouton Submit.

Enregistrer le formulaire et la page Contact.

Si ce n'est pas déjà fait, cliquer sur l'icône Site dans la barre latérale gauche et dans la zone prévue pour cela, saisir l'adresse mail qui recevra les messages envoyés par le formulaire.

Tester le formulaire

Se déconnecter de Weezinet. Aller sur la page Contact et faire un test :

Une fois le formulaire envoyé, il est remplacé par le message d'envoi correct :