Le formulaire de contact est un élément essentiel pour la majorité des sites internet. En effet, il permet de faire de lien entre le webmaster et l'internaute en cas de problèmes quelconques sur le site. Par défaut, Joomla intègre ce genre de formulaire ce qui est bien pratique en attendant, si vous le souhaitez, d'investir dans un composant spécialisé tel que BreezingForms.
Avant-propos
Objectif du tutoriel
Niveau
|
Durée
Pré-requis |
Création du formulaire de contact Joomla
Créer une catégorie
Avant même de créer votre formulaire, il faut créer une catégorie qui ne vous sera pas forcément utile par la suite mais qui est tout de même obligatoire. Pour cela, il faut vous rendre dans la section "Composants > Contacts > Catégories" et cliquez sur l'icône "Nouveau".
Une fois sur la page de création de la catégorie, l'opération est très simple, il suffit de choisir un nom pour votre catégorie et éventuellement une image et une description mais cela est seulement nécessaire si vous souhaitez en créer plusieurs. Je reviendrais sur ce point plus loin dans ce tutoriel. Pour valider votre catégorie, cliquez simplement sur l'icône "Sauver".
Créer un formulaire de contact
La 1ère étape consiste à créer le formulaire de contact avant la mise en place du lien "Contact" sur votre site web. Vous devez donc vous rendre dans la section "Composants > Contacts > Contacts", par défaut, il n'y aucun formulaire de créer. Pour ce faire cliquer en haut à droite sur l'icône "Nouveau" pour commencer la création.
Vous êtes maintenant sur la page de création de votre formulaire de contact, à première vue, cela paraît compliqué mais vous allez voir que c'est tout le contraire.
Tout d'abord comme pour la catégorie, vous devez choisir un nom pour votre formulaire puis sélectionner la fameuse catégorie créée précédemment. Ensuite, il faut choisir quel utilisateur recevra les formulaires, donc il suffit de le sélectionner dans le menu déroulant. Dans le cadre intitulé "Détails du contact", vous avez la possibilité de renseigner les informations vous concernant. Tels que votre fonction, votre adresse, votre numéro de téléphone etc...
Enfin, vous avez, sur la droite, d'autres paramètres qui permettent de gérer en particulier la présentation de votre formulaire de contact. Il se divise en trois parties :
- Options d'affichage - Permet de masquer ou non les différents renseignements que vous avez inscrit dans le cadre "Détails du contact".
- Formulaire de contact - Permet de bannir certaines adresses e-mail ou de encore de paramétrer une redirection.
- Options de publication - Permet de paramétrer une date de début et de fin de publication par exemple.
Création du lien vers le formulaire de contact
Créer un élément de menu
La 2ème étape du tutoriel consiste à créer un lien dans votre menu vers votre formulaire de contact créé précédemment. Pour ce faire, rendez vous dans la section "Menus" puis cliquez sur votre menu, par défaut "Main Menu". Puis cliquez sur l'icône "Nouveau", cliquez sur le bouton "Sélection" et choisissez "Contact" sous la rubrique "Contacts" (voir l'image ci-dessous).
Éditer l'élément de menu
Maintenant il ne vous reste plus qu'à choisir le nom du lien, je l'ai nommé pour ma part "Contact". La 2ème chose à choisir c'est votre formulaire dans les paramètres requis sur la droite (voir image ci-dessous).
Dans les différents paramètres, vous pouvez retrouver les options que vous aviez lors de la création du formulaire telles que l'affichage ou non de certaines informations ou encore le bannissement de certains e-mails ou autres. Enfin les paramètres système restent facultatifs sauf si vous souhaitez choisir un titre de page différent par exemple.
Création de plusieurs catégories
Créer une catégorie supplémentaire
Le fait de créer une nouvelle catégorie peut être utile comme je l'ai dit au début de ce tutoriel, si vous possédez plusieurs formulaires de contact. Par contre, il faut savoir que vous ne pouvez afficher une seule catégorie par lien ce qui signifie que vous devrez créez autant de lien dans votre menu que de catégorie. Pour ce faire donc, lors de la création de votre lien, choisissez "Contacts classés par catégories" au lieu de "Fiche standard de contacts" comme mentionné précédemment.
Une catégorie, plusieurs formulaires
Pour ma part, je pense que la meilleure solution lorsque l'on possède plusieurs formulaires de contact, c'est de créer une seule catégorie contenant les différents formulaires. Pour cela, il suffit donc de répéter la 1ère étape de ce tutoriel en renseignant cette fois-ci les informations du second contact. Puis lors de la création de votre lien "Contact" vous choisirez "Contacts classés par catégories" et sélectionnerez votre unique catégorie. Dans mon exemple, j'ai pris le cas où vous avez un service technique et service commercial et vous pouvez voir le résultat sur l'image ci-dessous.
Une question sur ce tutoriel ? Posez vos questions sur le forum
Tutoriels associés
- Les sections et les catégories dans Joomla
- Créer un menu avec différents types de lien
- L'Easy Mode de BreezingForms