Ajoutez un bouton d'appel à l'action dans l'en-tête de votre site Web à l'aide d'un bouton Menu, ce qui augmente la probabilité que les visiteurs cliquent sur le bouton.
Ce bouton apparaît dans l'en-tête de votre site web. Sa position dépend de la mise en page choisie , tandis que sur mobile, il s'affiche toujours dans l'icône de menu, sous les éléments du menu.
Pixpa vous donne la possibilité d'afficher n'importe quelle page que vous souhaitez mettre en évidence dans l'en-tête en tant que bouton de menu. Vous pouvez toujours choisir de l'afficher ou de le masquer dans l'en-tête de votre site Web.
Dans cet article :
- Ajouter un bouton de menu
- Options du bouton Menu
- Couleurs des boutons de menu
- Exemple de bouton de menu
Ajouter un bouton Menu
- Extrait du Tableau de bord (1) du studio, cliquez sur le Site Web (2) partie.
- Cliquez sur le Options (3) onglet où vous verrez l'option pour personnaliser le Bouton de menu (4).
Vous pouvez également utiliser l'option de recherche de Pixpa pour accéder à la section du bouton Menu.
- Entrer bouton de menu (1) dans la barre de recherche.
- Vous verrez les résultats associés.
- Cliquez sur le Bouton Menu – En-tête du site Web option (2) sous Liens des studios.
En cliquant dessus, vous accéderez à une page vous permettant de gérer le bouton de menu . Vous pourrez alors choisir de l'afficher ou de le masquer, de le lier à une page, et bien plus encore.
Options du bouton Menu
- Bouton Afficher – Activer/Désactiver Bouton de menu sur le site Internet.
- Lien - Cliquez sur le Créateur de liens icône pour choisissez la page ou le lien que vous souhaitez connecter avec le bouton Menu.
- Étiquette - Spécifie le Étiquette pour le bouton Menu.
- Taille du bouton – Choisissez votre Taille du bouton à partir de Petit, Moyen ou Grand.
- Fenêtre cible – Mettez le fenêtre cible pour que le bouton de menu s'ouvre dans le Même fenêtre ou une nouvelle fenêtre.
- Style de bouton – Choisissez le style de bouton par défaut (défini dans le Boutons et liens de la section Conception), Solide, Contour ou Lien texte.
- Valeur par défaut: Suit les paramètres de thème de votre site.
- Solide: Un bouton gras et rempli.
- Aperçu: Fond transparent avec une bordure.
- Lien texte : Style simple et épuré, composé uniquement de texte (pas de zone de boutons).
- Icône de bouton – Ajoutez une icône à côté du libellé de votre bouton. Vous pouvez choisir parmi plusieurs options d'icônes.
- Mise En Page – Contrôlez le positionnement de l'icône par rapport à l'étiquette. Les options de disposition disponibles sont :
- Étiquette + Icône : Le texte apparaît en premier, suivi de l'icône.
- Icône + Étiquette : L'icône apparaît en premier, puis le texte.
- Étiquette + Icône (large) : Texte et icône disposés avec plus de remplissage, adaptés aux boutons plus larges.
- Icône + Étiquette (large) : Icône d'abord, disposition de remplissage plus large.
- Couleur de l'icône – Choisissez la couleur de l'icône du bouton. Vous pouvez la définir sur Bouton texte couleur ou la Marque couleur.
Couleurs des boutons de menu
Utilisez le panneau Couleurs des boutons de menu pour personnaliser l'apparence du bouton dans la navigation de votre site. Ces paramètres offrent un contrôle total sur la couleur du texte et la couleur d'arrière-plan, aussi bien pour les en-têtes standards que pour les en-têtes transparents ou personnalisés.
- Spécifiez la couleur – Choisissez comment le bouton de menu hérite de ses couleurs.
- Valeur par défaut: Hérite des paramètres du thème.
- Inverser: Inverse les couleurs du texte/arrière-plan du bouton.
- Personnalisé: Vous permet de choisir des couleurs de texte et d'arrière-plan spécifiques.
- Bouton texte – Si vous utilisez Couleur de bouton personnalisée, vous pouvez définir le couleur du texte (étiquette) d'ici.
- Arrière-plan du bouton – Également disponible sous « Personnalisé », cette option définit la couleur d'arrière-plan du bouton. Associez-la à la couleur du texte pour une lisibilité et un style optimaux.
- Remplacement pour en-tête transparent/personnalisé Si votre site web utilise un en-tête transparent ou personnalisé, vous pouvez activer cette option pour appliquer des couleurs spécifiques à ce style d'en-tête. Vous pouvez également personnaliser la couleur du bouton de menu pour chaque page.
- Spécifiez la couleur – Choisissez comment le bouton doit apparaître sur les en-têtes transparents ou personnalisés.
- Valeur par défaut: Hérite des paramètres du thème.
- Inverser: Inverse les couleurs du texte/arrière-plan du bouton.
- Personnalisé: Vous permet de choisir des couleurs de texte et d'arrière-plan spécifiques.
-
Couleur du menu de la page : Applique la couleur de l’élément définie pour la page spécifique comme couleur du bouton, garantissant ainsi que le bouton de menu corresponde automatiquement au style de cette page.
- Bouton texte – Si vous utilisez Couleur de bouton personnalisée, vous pouvez définir le couleur du texte (étiquette) d'ici.
- Arrière-plan du bouton – Également disponible sous « Personnalisé », cette option définit la couleur d'arrière-plan du bouton. Associez-la à la couleur du texte pour une lisibilité et un style optimaux.
