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

Sommaire

Ajouter un menu de catégories à un site web

Pour ajouter un menu avec les catégories de votre boutique à un site Web sur lequel votre boutique Ecwid est ajoutée, utilisez le widget Category Navigation Menu. Il s'agit d'un morceau de code qui devrait être collé dans le code source du site Web. Si vous avez beaucoup de catégories imbriquées, le menu aidera les clients à trouver rapidement la catégorie dont ils ont besoin :Categories_menu__1_.png

Le menu s'ajuste à la largeur de la page à laquelle il a été ajouté. S'il est ajouté à un site Web interactif, le menu est également réactif et son apparence est très esthétique sur les appareils mobiles. Vous pouvez ajouter ce menu à votre site Web si vous avez un site personnalisé, ou si vous utilisez un constructeur de site ou CMS dans lequel vous pouvez modifier le code source de vos pages.

Pour les utilisateurs de Wordpress  : si vous avez ajouté votre boutique Ecwid à un site Wordpress, l'extension Ecwid comprend un paramètre pour ajouter une  un menu des catégories.

Pour les utilisateurs de Wix : vous pouvez ajouter les catégories de votre boutique au menu horizontal du site Wix en suivant ces instructions : Ajouter des catégories de votre boutique Ecwid sur Wix.

Si vous utilisez le site instantané d'Ecwid, vous pouvez ajouter le menu des catégories au menu supérieur en utilisant l'éditeur de site instantané.

Obtenir le code de votre menu de catégories

Pour obtenir le code du widget de menu pour votre boutique :

  1. Depuis l'interface d'administration d'Ecwid, accédez à Canaux de vente.
  2. Dans la section « Vendre sur votre site Web », cliquez sur Personnaliser le site Web.
  3. Faites défiler jusqu'à la section Extensions de la boutique et cliquez sur Ajouter la navigation par catégorie :

Ecwid_Control_Panel_2019-08-12_16-48-01.jpg

Le code sera copié.

Autrement, vous pouvez copier le code de widget de menu de catégories ci-dessous (assurez-vous simplement de remplacer 1003 dans l'exemple ci-dessous par l'identifiant de votre boutique) :

<div id="my-categories-1003"></div>
<div>
<script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?1003&data_platform=code" charset="utf-8"></script>
<script type="text/javascript"> xCategoriesV2("id=my-categories-1003"); </script>
</div>

Vous pouvez maintenant ajouter le code du menu des catégories de votre boutique à votre site.

Ajouter le code de menu des catégories à votre site

Pour ajouter le menu des catégories à une page du site, vous devriez avoir accès au code source de cette page. Les étapes exactes dépendent du constructeur de site ou du CMS que vous utilisez pour votre site, mais en général, les étapes sont les suivantes :

  1. Connectez-vous à l'interface d'administration de votre site.
  2. Ouvrez une page de votre boutique pour l'édition (en mode <HTML>).
  3. Collez le code du menu que vous avez généré plus tôt dans le code source de cette page (s'il s'agit d'une page où vous avez ajouté votre boutique, placez le code du menu au-dessus du code de votre boutique).
  4. Les catégories apparaîtront dès que vous enregistrerez les modifications et publierez votre site.

Widgets alternatifs pour le menu des catégories

Vous pouvez également ajouter un menu de catégories à votre site Web à l'aide de l'application Multi-level Illustrated Menu disponible sur le marché des applications d'Ecwid. Cette application affiche les catégories dans le menu avec les images et les descriptions des catégories. Le menu est optimisé pour n'importe quel appareil et vous pouvez personnaliser sa position ainsi que le modèle de couleurs.

Voici à quoi le menu ressemble sur un ordinateur :

image2.gif

Sur les appareils mobiles :

04_iPhone.gif

Autrement, vous pouvez utiliser l'application Mega Menu pour transformer les catégories de votre boutique en un menu déroulant avec plusieurs mises en page disponibles.

Ces applications nécessitent le paiement d'un abonnement Ecwid payant.

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 : 22 sur 30
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