Base de connaissances
Guides
Académie
Tutoriels vidéo
Appuyez sur la touche échap pour quitter :
Articles consultés récemment :

Sommaire

Personnaliser l'en-tête de votre site

L'en-tête est la section située en haut de votre site Web qui contient généralement le menu de navigation ou des catégories de votre site, un logo, un champ de recherche, une icône de panier, des informations de contact et un bouton d'ouverture de session pour les comptes clients.

L'en-tête est un excellent endroit pour faciliter aux visiteurs la navigation dans votre site et mettre en évidence les pages les plus importantes que vous souhaitez présenter à vos clients. Sur votre site instantané, vous pouvez personnaliser l'apparence de l'en-tête et les éléments à y inclure.

Cet article concerne la dernière version du site instantané. L'ancienne version du site instantané ne prend pas en charge la personnalisation de l'en-tête. Vous avez des doutes concernant la version que vous utilisez ? Découvrez comment distinguer les versions du site instantané et comment passer à la dernière.

Personnalisation de l'apparence de l'en-tête

Tous les éléments que vous ajoutez à l'en-tête apparaissent en haut de chaque page pour aider les visiteurs à naviguer dans votre site. Sur les écrans mobiles, l'en-tête est réduit au menu hamburger. Les visiteurs doivent donc appuyer sur le menu pour voir l'en-tête :

Customizing your Instant Site header 1.gif

Pour éditer la conception de l'en-tête :

  1. Depuis l'interface d'administration Ecwid, accédez à Site Web et cliquez sur Modifier le site.
  2. Dans le menu Section de la page d'accueil, cliquez sur En-tête.
  3. Passez à l'onglet Conception pour personnaliser l'apparence :
    • Mise en page. Choisissez l'apparence de votre en-tête.
    • Logo du site. Activer ou désactiver le logo.
    • Arrière-plan. Vous pouvez rendre l'en-tête transparent, en niveaux de gris transparent ou choisir une couleur unie pour l'arrière-plan. Pour changer la couleur de l'en-tête, sélectionnez la Couleur unie dans la liste déroulante, puis spécifiez la couleur.
    • Menu & Icônes. Changer la police et la couleur de tous les contenus dans l'en-tête. Ici, vous pouvez également spécifier les éléments à afficher dans l'en-tête : menu de navigation, e-mail, téléphone, icône du panier d'achat, barre de recherche et lien de connexion au compte client.
    • Bouton (si vous en avez). Personnalisez l'apparence du bouton .
  4. Cliquez sur Publier.

Modifier le logo dans l'en-tête du site

Pour personnaliser votre site Web, vous pouvez ajouter une image ou du texte dans l'en-tête à afficher comme votre logo. Lorsque les visiteurs cliquent sur votre logo, ils retournent à votre page d'accueil.

Essayez de garder les dimensions de l'image dans une plage minimale de 18x18px et maximale de 3962x3962px. Les images peuvent être dans des formats d'image courants comme PNG ou JPG, mais vous ne pouvez pas utiliser le format SVG.

Pour modifier le logo de votre site :

  1. Depuis l'interface d'administration Ecwid, accédez à Site Web et cliquez sur Modifier le site.
  2. Dans le menu Section de la page d'accueil, cliquez sur En-tête & Menu.
  3. Près du logo du site, cliquez sur Modifier.
  4. Choisissez le type de logo. Il peut s'agir d'une image ou d'un texte.
  5. Cliquez sur Changer l'image pour ajouter votre propre image.
  6. Cliquez sur Publier.

Ajouter un menu de navigation à l'en-tête du site

La navigation ou le menu du site Web est une liste de liens qui s'affiche au-dessus de votre site :

Customizing your Instant Site header 3.png

Un menu de site Web permet aux clients de naviguer plus facilement en naviguant sur votre site et de trouver ce qu'ils recherchent. Chaque lien dans la barre de navigation peut rediriger les visiteurs vers une page spécifique ou une section de votre site, ou vers toute autre page sur Internet. Vous pouvez également créer des liens d'appel ou d'envoi d'e-mail pour permettre aux clients de vous contacter.

Vous pouvez choisir différentes mises en page pour afficher votre menu de navigation sur le bureau. Cependant, lorsque quelqu'un ouvre votre site sur un appareil mobile, le menu de navigation est accessible via le menu hamburger rétractable.

Pour configurer un menu de navigation :

  1. Depuis l'interface d'administration d'Ecwid, accédez à Site Web et cliquez sur Modifier le site.
  2. Dans la Sections de la page d'accueil , cliquez sur En-tête et menu.
  3. Dans l'onglet Contenu, cliquez sur Menu de navigation.
  4. Vous pouvez cliquer sur le lien existant pour le modifier ou créer un nouveau lien en cliquant sur + Ajouter un élément du menu.
  5. (facultatif) Pour réorganiser l'ordre des liens, faites-les glisser comme vous le souhaitez.
  6. Cliquez sur l'élément de menu pour le personnaliser. Dans le champ Nom, saisissez un nom explicite pour les clients. Par exemple, À propos de nous, Appelez-nous, etc.
  7. Choisissez l'action à effectuer lors du clic :
    • Faire défiler jusqu'à un section du site : le client sera redirigé vers l'un des sections de votre site.
    • Ouvrir une page : vous pouvez saisir n'importe quelle URL pour rediriger les clients sur cette page.
    • Composer un e-mail : après avoir cliqué sur le lien, le service de messagerie par défaut sur l'appareil du client s'ouvrira.
    • Appel téléphonique : après avoir cliqué sur le lien, le téléphone du client composera votre numéro.
    • Accéder à la boutique : le client sera redirigé vers votre vitrine.
    • Aller à la page du site : un client sera redirigé vers une page de votre site que vous aurez spécifiée.
  8. Cliquez sur Retour, puis de nouveau sur Retour, puis sur Conception.
  9. Dans la section Mise en page, sélectionnez comment vous voulez afficher votre menu de navigation.
  10. Cliquez sur Publier.

Ajouter un menu de catégories à l'en-tête du site

Les catégories de produits sont des groupes d'articles que vous regroupez pour les afficher sur la même page dans votre boutique. Par exemple, Tasses de café, Mode d'été, Meilleures ventes. Vous pouvez afficher le menu de vos catégories racines afin que les clients puissent rapidement trouver le produit qu'ils recherchent :

Customizing your Instant Site header 2.png

Notez que lorsque les clients ouvrent votre site sur des appareils mobiles, le menu des catégories sera caché sous le menu hamburger rétractable.

Pour créer un menu de catégories sur votre site instantané :

  1. Depuis l'interface d'administration Ecwid, accédez à Site Web et cliquez sur Modifier le site.
  2. Dans le menu de gauche, cliquez sur En-tête & Menu → Menu de navigation.
  3. Vous pouvez modifier un élément existant ou en créer un nouveau en cliquant sur Ajouter un élément de menu.
  4. Donnez à l'article un titre qui communique clairement le fait que le visiteur peut y trouver des catégories. Par exemple, Boutique.
  5. Cliquez sur le menu déroulant de l'Action lors du clic et sélectionnez Accéder à la boutique.
  6. Assurez-vous que le bouton Afficher les catégories au survol du menu est activé. Désactivez le bouton pour masquer le menu des catégories.
  7. Cliquez sur Publier.

Supprimer un article du menu de navigation

Vous pouvez supprimer un élément du menu de navigation si vous n'en avez plus besoin. 

Pour supprimer un article du menu de navigation :

  1. Depuis l'interface d'administration Ecwid, accédez à Site Web et cliquez sur Modifier le site.
  2. Dans le menu de gauche, cliquez sur En-tête & Menu.
  3. Dans l'onglet Contenu, cliquez sur Menu de navigation.
  4. Cliquez sur l'élément que vous ne voulez plus afficher.
  5. Cliquez sur Supprimer l'article du menu en bas de la page.
  6. Cliquez sur Publier.
Cet article vous a-t-il été utile ?

Génial ! Merci pour vos commentaires !

Merci pour vos commentaires !

Nous sommes désolés ! Que s'est-il passé ?
Utilisateurs qui ont trouvé cela utile : 3 sur 13
10
Nous utilisons des cookies et des technologies similaires pour garder vos préférences en mémoire, mesurer l'efficacité de nos campagnes et analyser des données anonymisées afin d'améliorer les performances de notre site. En choisissant « Accepter », vous acceptez l'utilisation de cookies.
Accepter les cookies Refuser