Formation Logo Joomla Joomla!


Mise en oeuvre d'une extension
Fiches de contact


Afin de voir comment tirer vous pouvez parti d'une extension, nous allons voir en détail le composant "Fiches de contact", depuis sa mise en oeuvre jusqu'à étendre ses fonctions de base en passant par ses paramètres généraux, au travers d'un exemple concret. Comme son nom l'indique, "Fiches de contact" permet de créer et de gérer des formulaires de contact. S'agissant d'un composant natif de Joomla!, il n'est donc pas nécessaire de l'installer.

Au cours de cet article, nous allons voir en détail sa mise en oeuvre. Dans l'article suivant, nous passerons en revue les paramétrages généraux de ce composant et comment améliorer ses performances.


Prise de contact

Pour découvrir toutes les facettes de "Fiches de contact", nous allons commencer par créer une fiche de contact depuis le panneau d'administration et découvrir l'ensemble des options offertes par ce composant.


Notre client nous demande de créer plusieurs fiches contacts pour son service commercial afin que les visiteurs de son site puissent les joindre par l'intermédiaire d'un formulaire dédié à chaque personne.

Joomla possédant un composant natif gérant les contacts, nous allons nous en servir pour répondre à cette demande.
Afin d'organiser au mieux ces différents contacts, nous allons créer un catégorie de contacts spécifique.
A partir du menu haut du backend, ouvrez "Composants" puis "Fiches de contact" puis "Catégories".


Composant Fiches contact de Joomla


Pour créer une nouvelle catégorie, cliquer sur "Nouveau", en haut à droite.


Composant Fiches contact de Joomla


Puis, indiquez le titre de votre nouvelle catégorie de contacts, par exemple "Service commercial", ajoutez une descriptioon (facultatif) et enregistrez votre saisie en cliquant sur Enregistrer et Fermer".


Composant Fiches contact de Joomla


Maintenant que notre catégorie de contact est prête, nous allons pouvoir créer chacun des contacts individuels. Pour cela, cliquez sur "Contacts" dans le menu latéral droit.


Composant Fiches contact de Joomla


Cliquez ensuite sur le bouton Nouveau pour créer un nouveau contact.


Composant Fiches contact de Joomla


Dans l'onglet "Nouvelle fiche de contact", remplissez les différents champs :

  • Nom : indiquez le nom du contact (par exemple : Jean Dupont),
  • Utilisateur lié : si l'utilisateur est déjà inscrit dans Joomla, vous pouvez lier son profil utilisateur à sa fiche de contact (facultatif),
  • Image : ajoutez une image qui sera affichée sur la fiche contact de cet utilisateur (facultatif),
  • Fonction : indiquez la fonction occupée par le contact (facultatif),
  • E-mail : l'adresse e-mail saisie ici permettra d'adresser tous les messages reçus dans la boite de réception du contact,
  • Adresse : ajoutez le numéro et le nom de la voie de l'adresse du contact (facultatif),
  • Ville : remplissez le champ pour faire apparaitre le nom de la ville du contact (facultatif),
  • Etat/Région : si vous le désirez, vous pouvez ajouter le nom de la région (facultatif),
  • Code postal : indiquez ici le code postal de la ville du contact (facultatif),
  • Pays : si besoin, vous pouvez également mentionner le pays du contact (facultatif),

Dans la colonne de droite, vous pouvez également remplir les champs suivants :

  • Téléphone : indiquez le numéro de téléphone du contact (facultatif),
  • Mobile : si l'utilisateur en possède un, ajoutez ici son numéro de portable (facultatif),
  • Fax : ajoutez le numéro du télécopieur de cet utilisateur (facultatif),
  • Site web : renseignez ce champ pour indiquer l'adresse du site web du contact (facultatif),
  • Premier champ de tri : indiquez ici la partie du nom à utiliser comme premier champ de tri,

Composant Fiches contact de Joomla


Dans l'onglet "Informations diverses", vous avez la possibilité d'ajouter un texte libre qui sera lié à ce contact.


Nous avons renseigné assez d'informations pour publier notre première fiche de contact, nous verrons les autres paramètres un peu plus tard.
Avant d'enregistrer votre saisie, vérifiez que votre fiche de contact est affectée à la bonne catégorie :


Composant Fiches contact de Joomla


Cliquer sur "Enregistrer et Fermer" pour valider votre saisie et fermer cette fiche de contact.


Composant Fiches contact de Joomla


Composant Fiches contact de Joomla



Créons du lien

Maintenant que nous avons créé la catégorie "Service commercial" et que nous avons créé les fiches de contact des personnes travaillant dans ce service, nous allons afficher le formulaire à remplir par les utilisateurs qui souhaitent contacter ces personnes.

A partir du menu haut du panneau d'administration, ouvrez "Menus" puis sélectionnez le menu où doit s'afficher ce formulaire puis "Ajouter un lien de menu".


Composant Fiches contact de Joomla


Indiquez d'abord le titre de votre lien de menu puis cliquez sur "Sélection" pour définir le type de lien de menu.


Composant Fiches contact de Joomla


Dans la fenêtre popup qui s'ouvre, cliquez d'abord sur "Fiches de contact" pour choisir le type de fiches de contact à afficher. Vous avez quatre possibilités différentes : /

  • Contact : affiche la fiche d'un seul contact,
  • Contacts en vedette : affiche un ou plusieurs contacts mis en vedette,
  • Liste des catégories des fiches de contactsstrong> : affiche la liste de toutes les catégories,
  • Liste des contacts d'une catégorie : affiche toutes les fiches de contacts d'une catégorie,

Composant Fiches contact de Joomla


Pour répondre à la demande initiale de notre client, nous sélectionnons "Liste des contacts d'une catégorie". Si vous avez créé plusieurs catégories de contact, vous devrez indiquer la catégorie à afficher avec le paramètre "Sélectionner une catégorie" (ici "Service commercial", dans notre exemple).


Composant Fiches contact de Joomla


Enfin, cliquez sur "Enregistrer et Fermer" pour sauver ce lien de menu.


Ouvrez maintenant le frontend de votre site pour constater l'apparition du nouveau lien de menu que vous venez de créer.


Composant Fiches contact de Joomla


En ouvrant ce lien de menu, la liste de tous les contacts de la catégorie "Service commercial" apparait. CLiquez sur un nom pour afficher alors les informations relatives à cette personne.


Composant Fiches contact de Joomla


Voilà, vous avez répondu à la demande initiale du client. Chacune des personnes du service commerciale possède bien sa fiche de contact et son formulaire dédié.


Quizz

Dans le prochain article, nous verrons comment sécuriser son site Joomla!. Mais avant cela, je vous invite à répondre à une question portant sur l'article que vous venez de lire.


Un de ces liens de menus 'Contact' n'existe pas :





Please answer the question.


Et ensuite...

 

web-eau.net is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is
used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.