Dans le tutoriel précédent, vous avez découvert comment organiser les pages de votre site. Cette étape importante étant franchie, il vous reste à configurer les menus et les boutons pour guider la navigation de l’internaute sur votre site. Avec des pages bien nommées et bien organisées, cette étape ne sera qu’une simple formalité !
Le module Menu
Le menu est l’élément de navigation incontournable sur un site. Sauf cas très particulier, votre site contient au moins un menu principal. Voici donc comment configurer ce module en toute simplicité.
Gérer les pages
L’ordre et la hiérarchie des pages dans le module Menu dépend entièrement de l’organisation définie dans l’onglet Pages.
Vous pouvez à tout moment modifier l’ordre des pages, ainsi que leur hiérarchie pour créer des menus déroulants. Pour qu’une page devienne une sous-page, il suffit de la décaler légèrement à droite sous une autre page, comme illustré dans la vidéo ci-dessous.
Dans cet exemple, il y a trois pages principales (Tutoriel SiteW, Page 1, Page 2), et la page 1 possède deux sous-pages (Sous-page 1, Sous-page 2).
Le module Menu apparaît donc sous la forme suivante enfin de vidéo : Tutoriel - Page 1 -Page 2.
L’onglet Contenu du module Menu permet de gérer les pages, en cliquant dans le panneau de gauche sur le bouton Gérer les pages.
Cette fenêtre consiste à paramétrer :
Les pages listées dans le menu, via l'onglet Gérer les pages.
Les pages du site qui affichent ce menu, via l'onglet Gérer l'affichage.
Comment choisir la page d’accueil
La page d’accueil est celle qui s’affiche lorsque l’on tape directement l’adresse du site. Il suffit de déplacer une page en première position pour qu’elle devienne la page d’accueil.
Autres réglages
L’onglet Design présente quelques réglages supplémentaires concernant l’organisation des pages dans le module Menu.
Pas de lien pour les pages principales avec sous-menu
Si la case est cochée, la Page 1 dans l’exemple ci-dessus ne permet pas d’ouvrir la page 1. Cette rubrique permet uniquement d’ouvrir le sous-menu pour choisir parmi les deux sous-pages.
Ignorer la hiérarchie des pages
Si cette case est cochée, toutes les sous-pages sont traitées comme des pages principales dans le module Menu et apparaissent au premier niveau.
Le module Bouton
Dans la plupart des cas, le menu constitue l’élément principal pour naviguer sur votre site. Cependant, les boutons jouent également un rôle important, car ils sont souvent plus incitatifs, et peuvent pousser les visiteurs de votre site vers la page où vous souhaitez les emmener.
Appel à l’action
En webmarketing, les boutons d’appel à l’action (en anglais : CTA pour Call To Action) ont pour vocation de pousser l’internaute à interagir avec votre site selon un parcours privilégié. Les CTA sont donc des boutons très visibles et libellés avec un verbe incitant à l’action.
L’onglet Contenu du module Bouton permet de choisir un lien de destination.
Cliquer sur le bouton Choisir un lien permet d’ouvrir la fenêtre de liens. Cette fenêtre permet de choisir parmi une grande variété de destinations pour le lien du bouton réparties sur plusieurs onglets : aucun, adresse, page, article, produit, email, téléphone, document, image… Pour ce tutoriel, c’est l’onglet Page de la fenêtre de liens qui nous intéresse.
Cet onglet permet de faire un lien vers une page de votre site, en réglant trois paramètres :
Titre : Texte qui s’affiche dans la bulle d’information au survol du bouton
Destination : Ouverture possible de la page dans une nouvelle fenêtre du navigateur
Page : Nom de la page du site à ouvrir lors du clic sur le bouton
Le bouton Sauvegarder et mettre à jour permet de valider le lien ainsi défini.
Notez que pour supprimer le lien affecté à un bouton, il suffit de se rendre dans l’onglet Aucun dans la fenêtre de liens.
Les ancres
Il est également possible d'indiquer dans votre module Menu ou dans un module Bouton un lien direct vers un module ou une partie de votre site plus bas sur la même page, avec un léger effet de scrolling automatique toujours satisfaisant.
La mise en place est très simple et rapide, et nous vous la détaillons étape après étape ci-dessous :
Dans un module Menu.
1. Commencer par placer ou sélectionner le module qui servira de cible à votre ancre, puis cliquez sur les trois points " ... " dans la barre d'outil du module.
2. Dans ce menu contextuel, cliquez sur Lien interne et cochez la case Ce module est une cible. Profitez-en pour nommer votre ancre, comme indiqué dans la capture ci-dessous, afin de pouvoir facilement le retrouver à l'étape suivante. Enfin, sélectionnez dans quel menu ce lien apparaitra, si vous souhaitez le mettre dans un module Menu.
3. C'est tout ! Votre ancre est désormais visible dans votre menu, et amènera directement au module défini en cible.
Dans un module Bouton.
Le processus de mise en place reste le même dans un module Bouton, à la différence que pour ce module, vous devrez le sélectionner et cliquez sur Choisir un lien, dans le panneau de gauche.
Ensuite, cliquez sur la rubrique Page de la fenêtre et cliquez sur votre ancre, qui sera alors présent dans la liste de vos pages, comme vous pouvez le voir dans la capture ci-dessous.
Pour finir, cliquez sur Sauvegarder et mettre à jour.
Les liens
En plus du module bouton, il est également possible de créer des liens dans d’autres modules : dans une partie d’un texte avec l’outil lien, sur une image, une icône, etc...
A chaque fois, vous pouvez créer tous les types de liens.