Remarque: Contactez le service client pour activer cette fonction.
Ce paragraphe vous permet de créer des barres de navigation avec des liens vers des pages d'atterissage ou des liens profonds. Les points de menu peuvent être rapidement modifiés ou complétés - sans aucune connaissance du langage HTML.
—Image : Exemple de menu de navigation—
Fonctionnalités
- Il est possible de personnaliser le design de chaque point de menu : couleur du texte et de l'arrière-plan, en tant qu'image ou avec une icône.
- Vous pouvez créer jusqu'à 10 points de menu.
- Vous pouvez définir 5 modèles de mise en page personnalisés et les appliquer rapidement au menu de navigation.
- Dans la version pour mobile, la navigation peut être affichée en deux ou trois colonnes ou sous forme de ce que l'on appelle un menu hamburger. Le menu hamburger offre les avantages suivants :
- simple/minimaliste et pouvant être utilisé pratiquement n'importe où dans la mise en page
- la navigation peut être déroulée et refermée
- affichage compact pour les petits écrans
Créer un menu de navigation
Pour créer un nouveau paragraphe de contenu de type menu de navigation, procédez comme suit :
- Lorsque vous éditez le contenu d’un mailing, dans l’onglet Template Kit cliquez sur Nouveau : Paragraphe de contenu..
Conseil: Vous pouvez également positionner le paragraphe dans la zone d’en-tête ou dans la zone de pied de page. Pour créer le paragraphe dans la zone d’en-tête, cliquez sur En-tête. Pour créer le paragraphe dans la zone de pied de page, cliquez sur Pied de page.
Une fenêtre de sélection du type de paragraphe s’affiche sur la droite.
- Cliquez sur Menu de navigation.
La fenêtre de configuration du type de paragraphe sélectionné s'affiche.
-
Cliquez sur Appliquer.
Vous avez créé un nouveau paragraphe de contenu de type menu de navigation, ci-après dénommé menu de navigation. Le nouveau menu de navigation créé apparaît à gauche dans la fenêtre de prévisualisation.
Configurer un menu de navigation
Pour configurer un menu de navigation, procédez comme suit :
-
Dans l’aperçu, dans la barre du menu de navigation, cliquez à gauche sur Menu de navigation.
La fenêtre de configuration s’affiche sur la droite.
-
Consultez les possibilités de paramétrage dans les tableaux suivants. Modifiez les paramètres selon vos besoins et confirmez les modifications en cliquant en bas à droite sur Appliquer.
- Onglet Général
- Onglet Lignes de séparation
- Onglet Menu "Hamburger"
- Onglet Options
- Onglet Profils de clics
- Onglet Groupes cibles
Le menu de navigation a été configuré avec succès.
Onglet Général
|
Paramètres |
Description |
|---|---|
|
Contenu... |
|
|
Afficher dans la version ordinateur de bureau |
Pour afficher le paragraphe dans la version ordinateur de bureau du mailing, cochez la case correspondante. |
|
Afficher dans la version mobile |
Pour afficher le paragraphe dans la version mobile du mailing, cochez la case correspondante. Le paramètre Activer la version mobile doit être activé dans les paramètres généraux pour que cette option prenne effet. Si vous avez désactivé la version mobile, cette option ne fonctionne pas. |
|
Afficher dans la version texte |
Pour afficher le paragraphe dans la version texte du mailing, cochez la case correspondante. |
|
Point de menu 1...10 |
|
|
Texte |
Entrez la légende du point de menu. Si vous voulez utiliser une image au lieu d’une légende pour le point de menu, entrez également une légende. La légende saisie sera automatiquement enregistrée pour éventuellement remplacer l’image. Conseil: Vous pouvez afficher une image avec ou sans la légende du point de menu, au choix. Les possibilités de paramétrage correspondantes se trouvent dans l’onglet Options sous Points de menu > Position de l’image. |
|
URL |
Indiquez une URL à laquelle le point de menu doit renvoyer. Lorsque le destinataire clique sur ce point de menu, il est redirigé vers l'URL indiquée. |
|
Couleur du texte |
Entrez la couleur du texte pour la légende du point de menu. Si vous laissez le champ vide, la couleur de texte utilisée sera celle que vous avez définie par défaut dans les paramètres généraux dans l’onglet Paramètres de police sous Points de menu dans le menu de navigation > Couleur. |
|
Couleur de fond |
Saisissez une couleur de fond pour le point de menu. Le paramètre s’applique uniquement au point de menu choisi. Si vous voulez avoir la même couleur pour tous les points de menu, configurez une couleur de fond globale pour les points de menu. Les possibilités de paramétrage se trouvent dans l’onglet Options sous Points de menu > Couleur de fond. |
|
Image |
Pour afficher une image dans le point de menu, chargez une image. Cliquez sur Parcourir... et sélectionnez une image dans l'explorateur de fichiers. Vous pouvez aussi saisir dans le champ URL externe alternative l'URL qui renvoie à la source de l'image. Conseil: Vous pouvez afficher l’image avec ou sans la légende du point de menu, au choix. Les possibilités de paramétrage correspondantes se trouvent dans l’onglet Options sous Points de menu > Position de l’image. Remarque: La taille de l’image chargée ne sera pas réduite. Chargez uniquement les images qui sont adaptées à la taille du point de menu. Si vous choisissez une mise en page à plusieurs colonnes pour la version mobile, vérifiez toujours avant l’envoi, à l’aide de l’aperçu mobile, si le menu de navigation est correctement affiché avec les paramètres sélectionnés. |
|
Afficher dans la version mobile |
Pour afficher le point de menu dans la version mobile, cochez la case correspondante. |
Onglet Lignes de séparation
|
Paramètres |
Description |
|---|---|
|
Contenu... |
|
|
Afficher les lignes de séparation en version ordinateur de bureau |
Pour afficher dans la version ordinateur de bureau des lignes de séparation verticales entre les différents points de menu, cochez la case correspondante. |
|
Afficher en version mobile les lignes de séparation verticales |
Pour afficher dans la version mobile des lignes de séparation verticales entre les différents points de menu, cochez la case correspondante. |
|
Afficher en version mobile les lignes de séparation horizontales |
Pour afficher dans la version mobile des lignes de séparation horizontales entre les différents points de menu, cochez la case correspondante. L’option s’active uniquement si vous utilisez la mise en page par défaut et si les différents points de menu sont paramétrés pour s’afficher l’un sous l’autre dans la version mobile (voir l’onglet Options sous Identité visuelle > Mise en page standard). |
|
Identité visuelle... |
|
|
Épaisseur |
Entrez en pixels (nombre entier) l’épaisseur des lignes de séparation entre les différents points de menu. Si vous laissez le champ vide, les lignes de séparation seront affichées avec une épaisseur de 1 pixel. |
|
Couleur |
Entrez la couleur des lignes de séparation. Si vous laissez le champ vide, la couleur de texte utilisée sera celle que vous avez définie par défaut dans les paramètres généraux dans l’onglet Paramètres de police sous Points de menu dans le menu de navigation > Couleur. |
Onglet Menu "Hamburger"
Avec un menu hamburger, vous pouvez réduire le menu de navigation à un symbole – pour un affichage compact sur smartphones et tablettes. Il suffit à vos destinataires d’un clic sur le symbole pour dérouler ou refermer le menu de navigation.
Remarque: Le menu hamburger est uniquement disponible en version mobile. Par ailleurs, l’appli Gmail de Google ne prend pas en charge cette fonction et montre toujours tous les points de menu dépliés.
|
Paramètres |
Description |
|---|---|
|
Général... |
|
|
Afficher |
Pour activer le menu hamburger dans la version mobile de votre mailing, cochez la case correspondante. |
|
Barre de menu... |
|
|
Intitulé |
Entrez la légende du menu hamburger. La légende s'affiche à côté du symbole du menu hamburger. |
|
Marge intérieure |
Configurez la taille de la barre de menu en définissant la surface entourant le symbole du menu hamburger. Entrez une valeur en pixels (nombres entiers). |
|
Couleur de fond |
Saisissez ici la couleur de fond de la barre de menu du menu hamburger. |
|
Image... |
|
|
Image |
Pour remplacer la légende de la barre de menu par une image, chargez l’image. Cliquez sur Parcourir... et sélectionnez une image dans l'explorateur de fichiers. Si l’image chargée est trop large pour la barre de menu, la taille de l’image sera automatiquement adaptée à la largeur maximale disponible. |
|
Texte alternatif |
Entrez un texte alternatif. Celui-ci est affiché si le destinataire a bloqué le téléchargement des images ou si pour une autre raison les images ne peuvent pas être affichées. Nous recommandons de toujours saisir un texte alternatif contenant une courte description de l'image ou le titre de l'image. |
|
Lien |
Entrez l’URL pour une page d’atterrissage. Commencez toujours la saisie par le protocole « http:// » ou « https:// ». Si vous avez déjà créé des pages d’atterrissage pour ce mailing, une liste apparaît lorsque vous cliquez dans le champ de saisie, permettant de choisir parmi les pages d’atterrissage déjà créées. |
|
Symbole... |
|
|
Position |
Choisissez la position du symbole du menu hamburger. |
|
Couleur |
Indiquez ici la couleur du symbole du menu hamburger. Si vous laissez le champ vide, la couleur de texte utilisée sera celle que vous avez définie par défaut dans les paramètres généraux dans l’onglet Paramètres de police sous Points de menu dans le menu de navigation > Couleur. |
|
Couleur de fond |
Indiquez la couleur de fond du symbole du menu hamburger. |
|
Arrondir les contours |
Pour arrondir les contours du symbole du menu hamburger, cochez la case correspondante. |
Onglet Options
|
Paramètres |
Description |
|---|---|
|
Identité visuelle... |
|
|
Largeur |
ndiquez la largeur du paragraphe en pixels. La largeur minimale est de 30 pixels. Ce paramètre s’applique seulement à la version ordinateur de bureau. Si vous laissez le champ vide, le paragraphe sera affiché sur toute la largeur disponible dans le mailing. Si vous souhaitez modifier la largeur disponible dans le mailing, allez dans les Paramètres généraux, ouvrez l’onglet Général et allez dans Identité visuelle. |
|
Hauteur |
Indiquez la hauteur du paragraphe en pixels. Ce paramètre s’applique seulement à la version ordinateur de bureau. Si vous laissez le champ vide, la hauteur sera automatiquement adaptée au contenu du paragraphe. Remarque: Si vous entrez une hauteur trop restreinte pour le contenu du paragraphe, la valeur saisie sera automatiquement ignorée et la hauteur automatiquement adaptée. |
|
Alignement |
Indiquez comment le menu de navigation doit être positionné. |
|
Couleur de fond |
Indiquez la couleur de fond du menu de navigation. |
|
Marge intérieure |
Définissez l’espace vide autour du contenu du paragraphe. Vous pouvez définir l’espace vide de façon individuelle pour tous les côtés. Saisissez les valeurs comme dans l’exemple suivant en pixels (nombres entiers), s'il y a plusieurs entrées en pixels, séparez-les par une espace :
|
|
Apparence visuelle |
Choisissez une mise en page pour votre menu de navigation. Vous pouvez choisir entre la mise en page par défaut et jusqu’à cinq mises en page personnalisées. Pour utiliser une mise en page personnalisée, configurez celle-ci auparavant dans les paramètres généraux dans l’onglet Menu de navigation. Si vous sélectionnez dans la liste le nom d’une mise en page personnalisée que vous n’avez pas configurée, le système se repliera automatiquement sur la mise en page par défaut. Pour plus d’informations, rendez-vous dans la section Mises en page du menu de navigation. |
|
Mise en page par défaut |
Sélectionnez l’agencement des points de menu pour la version mobile de la mise en page par défaut Remarque: Si vous utilisez une mise en page personnalisée, l'option sélectionnée ici sera ignorée. |
|
Image de fond... |
|
|
Image |
Pour charger une image de fond qui couvre tous les points de menu, cliquez sur Parcourir... et sélectionnez une image dans l'explorateur de fichiers. Vous pouvez aussi saisir dans le champ URL externe alternative l'URL qui renvoie à la source de l'image. Remarque: Si vous définissez une image de fond, celle-ci remplacera les couleurs de fond sélectionnées pour les différents points de menu. Remarque: Tous les clients e-mail ou messageries web ne prennent pas toujours en charge l’affichage d'images de fond. Nous recommandons de charger uniquement des images de fond décoratives ne contenant pas d’informations importantes. |
|
Alignement |
Indiquez comment l'image de fond doit être positionnée. |
|
Répétition |
Indiquez si et comment l'image de fond doit être répétée. |
|
Points de menu... |
|
|
Couleur de fond |
Indiquez une couleur de fond générale pour les points de menu. Remarque: Si vous avez défini une couleur de fond individuelle pour un point de menu, celle-ci est utilisée à la place de la couleur de fond générale. Pour utiliser la couleur de fond générale pour un point de menu, supprimez la couleur enregistrée, dans l'onglet Général sous Point de menu # > Couleur de fond. |
|
Largeur |
Entrez la largeur des points de menu en pixels. Conseil: La largeur recommandée pour les points de menu est indiquée dans l'aperçu affiché sur la gauche lorsque vous passez la souris sur ? Aide. |
|
Marge intérieure |
Configurez la taille des points de menu en définissant la surface entourant la légende. Vous pouvez configurer les côtés de la surface de façon individuelle. Saisissez les valeurs comme dans l’exemple suivant en pixels (nombres entiers), s'il y a plusieurs entrées en pixels, séparez-les par une espace :
|
|
Alignement du texte |
Indiquez comment les légendes des points de menu doivent être positionnées. |
|
Position du texte (à côté de l'image) |
Indiquez comment les légendes des points de menu doivent être positionnées à côté de l'image. Remarque: Cette option s'applique dans les cas suivants :
|
|
Position de l’image |
Précisez si et où les images doivent être affichées à côté des légendes des points de menu. Conseil: Si vous sélectionnez l'option centré (aucune légende), la légende enregistrée ne s'affiche pas et est utilisée comme texte alternatif pour l'image. |
|
Points de menu (version mobile)... |
|
|
Largeur |
Entrez la largeur des points de menu en pixels. Remarque: L’option s’active uniquement si vous utilisez la mise en page par défaut et si les différents points de menu sont paramétrés pour s’afficher côte à côte dans la version mobile (voir l’onglet Options sous Identité visuelle > Mise en page standard). |
|
Alignement du texte |
Indiquez comment les légendes des points de menu doivent être positionnées. |
|
Position du texte (à côté de l'image) |
Indiquez comment les légendes des points de menu doivent être positionnées à côté de l'image. Remarque: Cette option s'applique dans les cas suivants :
|
|
Cadre... |
|
|
Afficher |
Pour ajouter un cadre au paragraphe, cochez la case correspondante. N’oubliez pas d’indiquer une couleur pour le cadre, lorsque vous activez l’option. |
|
Épaisseur |
Entrez l’épaisseur du cadre. Vous pouvez définir l’épaisseur de façon individuelle pour chaque côté. Saisissez les valeurs comme dans l’exemple suivant en pixels (nombres entiers), s'il y a plusieurs entrées en pixels, séparez-les par une espace :
Si vous laissez le champ vide, le cadre est affiché avec une épaisseur de 1 pixel (de tous les côtés). |
|
Couleur |
Indiquez ici la couleur du cadre. |
|
Mobile... |
|
|
Largeur |
Pour la version mobile, indiquez la largeur du paragraphe en pourcentage. |
Onglet Profils de clics
|
Paramètres |
Description |
|---|---|
|
Profils de clics |
Sélectionnez un ou plusieurs profils de clics pour affecter tous les liens de ce paragraphe aux profils choisis. Des groupes cibles peuvent être formés à partir des profils de clics pour contacter les destinataires de façon personnalisée. Les profils de clics doivent être créés au préalable afin que vous puissiez les sélectionner ici. |
Onglet Groupes cibles
|
Paramètres |
Description |
|---|---|
| Groupes cibles |
Sélectionnez un ou plusieurs groupes cibles pour afficher ce paragraphe uniquement pour les destinataires correspondants. Les groupes cibles doivent être créés au préalable. Remarque: Veuillez noter que si plusieurs groupes cibles sont sélectionnés, le paragraphe s’affiche même si un seul d’entre eux correspond. Veuillez également noter que les paragraphes qui n'occupent pas toute la largeur de la newsletter (par ex. dans une barre latérale) peuvent causer des vides indésirables dans la newsletter. Testez l'affichage de la newsletter pour les groupes cibles à l'aide du bouton Groupes cibles dans la barre de menu du haut de cette fenêtre et faites-le aussi toujours avec la fonction E-mail test au groupe cible. |
Personnaliser les paramètres de police
Pour modifier les paramètres généraux de la police (tels que la police, la couleur de police, la taille de police, etc.), allez dans Paramètres généraux, sous l'onglet Paramètres de police, et modifiez ces options dans la section Points de menu dans le Menu de navigation selon vos préférences.
Avez-vous besoin d'aide?