Formulaire de contact

Soumis par tataye le 20. janvier 2012 - 21:57
Sponsored by
Thank you for your contribution: 
Serge Billon

Avec un formulaire de contact, se pose la question suivante : "Est-ce du contenu?". Je pense que cela en est, c'est pourquoi j'ai rédigé ce chapitre comme un sous-chapitre de la gestion des contenus.

Sur un formulaire de contact, en premier lieu, il parait évident que quelque chose qui ressemble à un CMS est utilisé. Les pages HTML créées manuellemnt ne peuvent pas envoyer des emails car cela nécessite un langage de script comme PHP, par exemple, et un serveur configuré. Des scripts PHP peuvent être intégrés comme formulaires de contact dans des pages HTML, mais alors cette partie aura souvent un aspect différent que le reste du site. Dans Joomla le formulaire de contact est déjà intégré et vous avez «seulement» à le configurer.

Habituellement, si votre Joomla s'exécute sur un serveur web de votre fournisseur internet, vous n'aurez pas de problème avec l'envoi de mails. En local, c'est un peu plus difficile parce que vous auriez d'abord à mettre en place un serveur de messagerie. Généralement, ce n'est pas un problème et ce n'est pas vraiment nécessaire. ;-)

Joomla! envoie des emails de différentes manières. Vous en avez un aperçu Configuration Serveur (Figure 1). Naturellement, vous devez utiliser la fonction de mail qui est activée en standard de PHP. (voyez le chapitre Configuration du site Web et du contenu).

Paramètres du serveur de mail

Figure 1: Paramètres du serveur de mail

Création d'un contact

Afin d'inclure un contact sur votre site, vous devez au moins avoir:

  • une catégorie de contact
  • un contact
  • un lien dans un menu

Peut-être avez vous toujours une catégorie à partir des données d'exemple (Donnée-exemple de contact). Si ce n'est pas le cas, allez-y et créez-en une. Dans la prochaine étape, vous allez créer un nouveau contact. Pour ce faire, ouvrez Composants Contacts dans votre zone d'administration et cliquez sur l'icône Nouveau. Remplissez ensuite le formulaire apparaissant (Figure 2). J'ai étiqueté certaines zones de la capture d'écran pour une meilleure compréhension.

Créer un contact

Figure 2: Créer un contact

  1. Le nom et le prénom de la personne de contact, ou le nom du département ou de la société si ce n'est pas une personne. Le contact peut être connecté avec un compte utilisateur existant. Il doit être affecté à une catégorie, doit être public (état = Publié) et vraisembablement ne pas apparaître sur la première page (En vedette = non).
  2. La zone de texte peut servir pour des renseignements supplémentaires, par exemple les heures d'ouvertures ou la compétence.
  3. Les options de publication rapportent le nom de l'utilisateur qui a créé le contenu, de celui qui peut ensuite le modifier ainsi que le calendrier pour la publication. Ce dernier est utilisé plutôt rarement pour les des sites Web dits «normaux».
  4. Dans les détails de Contact, il y a plusieurs champs disponibles, que vous pouvez choisir de remplir ou laisser vide.
  5. Dans les Options d'affichage, vous décidez quels champs seront affichés. Cette zone est importante puisque vous spécifiez ici si un formulaire de contact sera affiché ou non (Montrer Formulaire de contact). Vous pouvez également spécifier si l'expéditeur doit recevoir une copie par courriel et vous pourrez configurer certains paramètres de protection contre le spam ( E-mail interdits, sujet interdits, etc). Cependant, contre les spammeurs « réels », cette protection est plutôt « pathétique ».
  6. Dans le champ Redirection après envoi, vous pouvez entrer une autre adresse email à laquelle le contenu du formulaire doit être envoyé.
  7. Les Options Metadata sont, comme les Options d'éditions, disponibles sur chaque page (voyez le chapitre Optimisation pour moteur de recherche / SEO).

Création d'un élément de menu

Vous avez maintenant créé un contact, mais ne voyez toujours aucun formulaire sur votre site web. C'est exactement ce que nous allons faire dans la prochaine étape. En raison du fait que vous pouvez lier des catégories imbriquables aux contacts, vous pouvez avoir soit un seul formulaire de contact unique soit en avoir plusieurs d'entre eux. Il est certainement possible de créer un formulaire de contact pour chaque employé d'une grande entreprise comme Volkswagen (env. 370 000 employés). Comment un tel CMS dynamique affiche cela sur un site Web?

Pour gérer cela, Joomla! a son propre Gestionnaire de menus avec différentes mises en page. Dans le Gestionnaire de menus, vous décidez si vous voulez avoir une liste de contacts ou de catégories ou tout simplement un formulaire de contact unique. A première vue, cela peut sembler quelque peu déroutant mais c'est bien pensé et très utile.

Faisons un lien vers un formulaire dans le menu pour le contact que nous venons de créer. Ouvrez Menus - Top et cliquez sur l'icône Nouveau. Vous avez besoin de trois choses pour un lien de menu :

  1. le Type d'élément de menu (type de lien) pour afficher le site et, selon votre choix, un contact ou une catégorie
  2. un texte affiché comme un lien
  3. le menu, dans lequel le lien doit apparaître

Pour le numéro 1, cliquez sur le bouton Sélection à côté du champ Type de lien de menu. Une fenêtre s'ouvrira et vous verrez un choix de types. Cliquez sur Contact (Figure 3).

Choix de types de menu

Figure 3: Choix de types de menu

La fenêtre se fermera à nouveau. Puisque vous voulez un seul contact, vous devez maintenant choisir le contact dans les Paramètres requis (Figure 4).

Choisissez un contact

Figure 4: Choisissez un contact

Enfin, insérer le texte du lien (Titre de menu) et puis sauvez tout. Le menu est déjà enregistré correctement par l'ouverture du formulaire. Sur votre site, un lien supplémentaire dans le Menu Haut devrait apparaître, lié au contact correspondant (Figure 5). Vous pouvez obtenir le formulaire de contact réel en cliquant sur le signe plus dans le champ de droite. Maintenant, des messages peuvent être envoyés aux contacts par l'intermédiaire de votre site Web.

Contact form

Figure 5: Contact sur le site

Contact Form

Figure 6: Formulaire de contact

0 commentaires

Publier un nouveau commentaire

  • Les adresses de pages web et de courriels sont transformées en liens automatiquement.
  • Tags HTML autorisés : <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <br><pre>
  • Les lignes et les paragraphes vont à la ligne automatiquement.

Plus d'informations sur les options de formatage