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

Sommaire

Navigation efficace dans votre boutique Ecwid

La navigation efficace sur le site Web améliore la possibilité de rendre le processus d'achat convertible. Les clients s'attendent à ce que les boutiques en ligne soient faciles à utiliser et à ce que les produits et catégories soient faciles à consulter.

Avec Ecwid, vous pouvez personnaliser votre boutique pour faciliter le processus d'achat pour les acheteurs. Dans ce guide, vous trouverez la description de chaque élément UX essentiel et la façon d'en tirer le meilleur parti pour votre entreprise. Vérifiez si vous exploitez le plein potentiel de votre boutique Ecwid pour attirer des clients.

Présentez votre boutique dans le menu du site
Aidez les clients à trouver des produits avec le menu des catégories
Mettez en évidence les catégories avec des bannières
Mettez la barre de recherche en évidence
Ajoutez des filtres en cas de grand catalogue
Guidez vos clients avec des pistes de navigation
Offrez plus avec le bouton Continuer vos achats
Exploitez la vente incitative avec les produits associés
Redirigez les clients après qu'ils aient passé leur commande

Présentez votre boutique dans le menu du site

Lorsque les clients visitent votre boutique pour la première fois, ils attendent des réponses immédiates concernant votre identité, ce que vous offrez et pourquoi ils devraient acheter chez vous. Vous pouvez leur faciliter la tâche en leur fournissant rapidement les réponses attendues et en affichant des liens vers les différentes sections de votre site dans le menu d'en-tête.

Ajoutez des liens vers les sections À propos de nous et Contacts pour permettre à vos visiteurs d'en savoir plus à votre sujet. Ajoutez un lien vers la section Boutique pour que les clients puissent commencer à faire leurs achats immédiatement. Ajoutez la section Témoignages et ajoutez un lien dans la barre de navigation pour que les acheteurs puissent lire les expériences d'autres personnes avec votre boutique et s'assurer qu'ils peuvent vous faire confiance.

Vous pouvez également ajouter le lien Mon compte pour les clients. Avec ce lien, les acheteurs peuvent se connecter à leurs comptes et vérifier leurs commandes récentes, leurs produits favoris, préciser leur numéro de TVA, accéder à leurs remises spéciales de membres et consulter ou télécharger leurs factures.

Navigation_in_your_store__4_.png

La boutique Change comprend 8 sections différentes, y compris la FAQ et les événements. Ils placent des liens vers chaque bloc dans l'en-tête de la barre de navigation pour simplifier la navigation

Pour personnaliser la barre de navigation :

Le site instantané vous permet de construire un site Web en ajoutant et en éditant des blocs. Chaque bloc peut être dédié à différentes choses comme l'histoire de votre marque, les annonces d'offres spéciales, les informations de livraison, etc. Vous pouvez ajouter autant de blocs que vous le souhaitez et ajouter des liens à chaque bloc dans le menu de navigation pour faciliter la navigation des clients.

Pour modifier le menu de navigation de votre site instantané Ecwid :

  1. Depuis l'interface d'administration d'Ecwid, accédez à Site Web et cliquez sur Modifier le site.
  2. Dans le menu des blocs du site situé à gauche, cliquez sur En-tête → Menu de navigation et cliquez sur + Ajouter un menu.
  3. Renseignez le nom de ce lien qui apparaîtra dans l'en-tête de votre site. Par exemple, À propos de nous.
  4. Cliquez sur le menu déroulant de l'Action lors du clic et sélectionnez une action à effectuer lorsqu'un client clique sur le lien. Dans notre exemple, l'écran défilera jusqu'au bloc À propos de nous. 
  5. Lorsque vous avez terminé, cliquez sur Enregistrer et publier.
  6. Pour ajouter d'autres éléments dans le menu, cliquez sur Précédent, puis sur + Ajouter un élément de menu et répétez les étapes ci-dessus.
  7. Cliquez sur Précédent pour accéder au menu de navigation et voir la liste de tous les liens dans l'en-tête. Vous pouvez réorganiser l'ordre des liens du menu en les faisant glisser comme vous le souhaitez.
  8. Chaque changement que vous effectuez est automatiquement enregistré, mais ne sera pas publié tant que vous n'aurez pas cliqué sur le bouton Enregistrer et Publier. Si les résultats ne vous satisfont pas, vous pouvez toujours revenir à la version précédemment enregistrée de votre site en cliquant sur Votre site Web → Rejeter les modifications en haut de l'éditeur.

Aidez les clients à trouver des produits grâce au menu des catégories

Une fois qu'un client a parcouru votre site et sait qui vous êtes et quels produits vous proposez, il voudra probablement consulter votre catalogue. La meilleure façon de guider les acheteurs à travers votre boutique et de les aider à trouver les produits qui correspondent à leurs besoins consiste à créer des catégories et à les afficher dans le menu des catégories.

Les catégories sont des groupes de produits que vous regroupez pour les afficher sur la même page dans votre boutique. Par exemple, Produits de soins de la peau, Modes pour enfants, Meilleures ventes. Vous pouvez créer des sous-catégories dans chaque catégorie. La catégorie principale est appelée la catégorie racine et les catégories de second, troisième, etc. niveau sont appelées sous-catégories. Par exemple, la catégorie de mode pour enfants peut comprendre des sous-catégories pour les garçons et les filles, et la sous-catégorie des garçons peut inclure des sous-catégories été et hiver.

Vous pouvez ajouter le même produit à différentes catégories. Vous pouvez par exemple ajouter un t-shirt à manches courtes aux catégories Vêtements d'été et Soldes. De cette façon, vous augmentez les chances que vos clients interagissent avec le produit.

Ajoutez un menu de catégories pour faciliter la recherche des produits qu'ils recherchent. Disons, par exemple, que vous gérez un restaurant et que vous proposez des douzaines de plats et de boissons dans votre menu en ligne. Vous pouvez regrouper les produits dans des catégories et créer un menu de navigation par catégorie, afin que les visiteurs affamés puissent trouver des hamburgers ou des soupes en un clin d'œil.

Navigation_in_your_store__8_.png

Le restaurant et bar à huitres du pêcheur utilise un menu de catégories pour faciliter la navigation des clients et décider de ce qu'il faut commander

Il y a plusieurs façons de créer un menu de catégories avec le site instantané Ecwid.

Tout d'abord, il convient d'afficher les catégories racines dans le menu supérieur de votre site. Pour ce faire, vous devez créer un lien de menu qui se connecte à votre boutique dans l'en-tête. Ensuite, vous pouvez simplement choisir d'afficher les catégories racines dans le menu. C'est terminé.

Pour afficher les catégories racines dans l'en-tête de votre site instantané :

    1. Depuis l'interface d'administration d'Ecwid, accédez à Site Web et cliquez sur Modifier le site.
    2. Dans le menu de gauche, cliquez sur En-tête → Menu de navigation et cliquez sur + Ajouter un menu.
    3. Nommez cet élément pour que les clients sachent qu'il s'agit du lien vers votre boutique. Par exemple, Ma boutique magnifique.
    4. Cliquez sur le menu déroulant Action lors du clic et sélectionnez l'action Accéder à la boutique.
    5. Assurez-vous que les catégories Afficher les catégories lors du survol du curseur sont activées. Vous pouvez également afficher les liens de la boutique lors du survol du curseur.
    6. Cliquez sur Enregistrer et publier.

Maintenant, vos clients peuvent voir toutes les catégories racines que vous avez dans votre boutique en survolant l'élément de menu :

menu_hover.png

Une autre façon de créer le menu des catégories consiste à l'afficher dans la vitrine du site instantané. Il suffit de créer des catégories et d'utiliser la liste des catégories comme menu des catégories. Une fois qu'un client clique sur la catégorie, il verra les sous-catégories qu'elle contient :

subcategories.gif

Vous pouvez ajouter des images pour chaque catégorie ou masquer les images et n'afficher que le nom d'une catégorie, ou développer les catégories d'une manière semblable à un menu. Masquer les images ne fonctionnera que pour votre section Boutique. Les images seront toujours affichées dans la tuile de la boutique sur la page principale.

🗂️ Applications Ecwid pertinentes :

Le menu illustré à plusieurs niveaux peut vous aider à ajouter un menu des catégories à votre site Web. Son prix est de 6,49 $/mois, avec un essai gratuit de 7 jours.

Surligner les catégories avec des bannières

Attirez l'attention sur une catégorie particulière en plaçant un lien vers celle-ci dans la bannière. Les bannières apparaissent en haut de votre page de vitrine ou dans la description de votre catégorie. Vous pouvez afficher du texte, des images, des vidéos ou les mélanger ensemble :

Navigation_in_your_store__2_.png

Bannière contenant une image et du texte. Lien texte vers la catégorie des Mugs

Utilisez des bannières pour informer vos clients au sujet des offres spéciales, des soldes et des nouveautés. Par exemple, vous pouvez créer la catégorie des nouveautés, puis ajouter une bannière et placer un lien vers la catégorie dans la bannière. De cette façon, les clients peuvent consulter immédiatement les nouveaux articles de votre boutique.

🗂️ Applications Ecwid pertinentes :

Les applications suivantes permettent d'ajouter des bannières accrocheuses :

  • Barre promotionnelle. Personnalisez le design de la barre et choisissez où l'afficher dans votre boutique. Choisissez une position fixe si vous voulez que les clients voient la barre pendant le défilement.
  • Fenêtre contextuelle facile. Utilisez l'un des modèles de fenêtre contextuelle prêts à l'emploi et ajoutez un message personnalisé, puis choisissez quand la présenter au client.

Mettre la barre de recherche en évidence

Les clients s'attendent à ce que les boutiques en ligne disposent d'une barre de recherche permettant des achats rapides et pratiques. Donc, même si vous n'avez pas de catégories dans votre boutique et que vous n'avez pas besoin de créer un menu de catégories, il est toujours judicieux d'ajouter une boîte de recherche à votre boutique.

Le site instantané d'Ecwid comprend une barre de recherche par défaut :

Navigation_in_your_store__6_.png

La barre de recherche se trouve dans l'en-tête de votre site

Les résultats de recherche sont triés par pertinence. Par exemple, si un client saisit « café » dans la zone de recherche, les premiers résultats seront des articles comprenant le mot « café » dans leur nom. Les produits comprenant le mot « café » dans leur description seront affichés ensuite.

Le moteur de recherche d'Ecwid fonctionne avec n'importe quel volume de marchandises, que vous ayez 10 ou 2000 articles dans votre boutique.

Vous pouvez personnaliser l'apparence de la boîte de recherche en fonction de votre style de marque tant sur le site instantané que sur votre propre site.

🗂️ Applications Ecwid pertinentes :

L'application CloudSearch suggère des produits et des catégories au fil de la saisie de l'utilisateur pour permettre à ce dernier de trouver ce qu'il recherche plus rapidement. Le prix de l'application est de 29,95 $/mois, avec un essai gratuit de 30 jours.

Ajouter des filtres en cas de grand catalogue

Les filtres de produit sont indispensables pour les boutiques proposant un grand catalogue. Disons que vous gérez une boutique de décoration d'intérieur. Vous avez des lampes, des serviettes, des meubles, du linge de maison, des accessoires et chaque catégorie comprend entre trois et douze sous-catégories. Il peut être accablant pour les clients de trouver ce qu'ils recherchent. Dans ce cas, les filtres peuvent résoudre le problème.

Les clients peuvent utiliser des filtres dans vos pages de catégories ainsi que sur la page de recherche de votre boutique pour affiner leur recherche par prix, catégorie, disponibilité, offre spéciale, marque, couleur, taille et plus encore. Vous obtenez plus de filtres en mettant à jour vos produits avec de nouveaux attributs de produit.

Pour activer le filtrage des produits pour votre boutique :

  1. Depuis l'interface d'administration d'Ecwid, accédez à Paramètres → Filtres de produits.
  2. Cliquez sur Activer les filtres .

C'est tout ! Maintenant, il vous suffit d'activer les filtres que vous souhaitez montrer à vos clients. Ecwid active une liste de filtres qui sont les plus pertinents pour votre catalogue en fonction des informations de produits telles que le prix, le niveau de stock, les catégories, les options et les attributs. Vous pouvez ajouter manuellement des filtres pour créer le meilleur outil de filtrage pour vos acheteurs en cliquant sur + Ajouter des critères de filtrage.

Les visiteurs de votre boutique verront les filtres une fois qu'ils visiteront votre boutique ou une catégorie de produits et qu'ils cliqueront sur Affiner par :

Navigation_in_your_store__7_.png

Vous pouvez également ajouter le lien vers le filtre dans l'en-tête. Lorsque les clients survoleront l'élément de menu dans le menu supérieur, ils verront le lien vers la recherche de produit :

product_search.png

Pour ajouter un lien à la recherche de produits dans votre menu supérieur :

  1. Depuis l'interface d'administration d'Ecwid, accédez à Site Web et cliquez sur Modifier le site.
  2. Dans le menu de gauche, cliquez sur En-tête → Menu de navigation et cliquez sur + Ajouter un menu.
  3. Nommez cet élément pour que les clients sachent qu'il s'agit du lien vers votre boutique. Par exemple, Ma boutique magnifique.
  4. Cliquez sur le menu déroulant Action lors du clic et sélectionnez l'action Accéder à la boutique.
  5. Assurez-vous que l'option Afficher les liens de la boutique lors du survol du curseur est activée. 
  6. Cliquez sur Enregistrer et publier.

Vous pouvez afficher le panneau de filtres sur la page de catégorie pour permettre aux clients de voir tous les filtres en même temps et de trouver les produits qu'ils veulent en quelques secondes. Ainsi, les clients peuvent mieux comprendre quels produits sont présents dans la catégorie. Cela renforce leur imagination d'achat en leur donnant des idées sur ce qu'ils pourraient acheter d'autre.

📖 En savoir plus :

Gestion des filtres dans votre boutique

Guidez vos clients avec le fil d'Ariane

Grâce à la configuration correcte de la navigation dans votre boutique, les clients peuvent rapidement trouver les produits qu'ils recherchent. Gardez à l'esprit que les acheteurs peuvent parfois aller trop loin dans les sous-catégories lorsqu'ils parcourent votre boutique. Facilitez leur expérience d'achat en fournissant des fils d'Ariane que les acheteurs peuvent « suivre » pour revenir à la page d'où ils viennent.

Le fil d'Ariane est une ligne de liens de catégorie et de sous-catégorie qui indique au visiteur à quel niveau il se trouve dans la structure de navigation. Le fil d'Ariane porte ce nom parce qu'il aide votre client à retourner d'où il vient, comme dans l'histoire de la mythologie. Une fois que les clients reviennent à votre catalogue, ils peuvent continuer à faire leurs achats.

Navigation_in_your_store__5_.png

Chaque partie du fil d'Ariane est cliquable, de sorte que les clients peuvent retourner à la sous-catégorie, catégorie racine, boutique ou page d'accueil en cliquant sur le lien correspondant. De cette façon, ils pourront continuer leurs achats sans complication.

Pour afficher le fil d'Ariane :

  1. Depuis l'interface d'administration d'Ecwid, accédez à Conception.
  2. Faites défiler vers le bas jusqu'à Navigation et couleurs de la vitrine → Fil d'Ariane.
  3. Sélectionnez Afficher dans la liste déroulante.

Le fil d'Ariane sera affiché à la fois sur votre site instantané et sur votre site personnalisé.

Surligner le fil d'Ariane

Si vous souhaitez rendre le fil d'Ariane plus visible, vous pouvez changer sa taille et sa couleur en utilisant le code CSS. Cela peut être fait en quelques minutes et même sans aucune compétence de programmation.

Pour changer la taille et la couleur des fils d'Ariane :

  1. Depuis l'interface d'administration d'Ecwid, accédez à Conception.
  2. Faites défiler vers le bas jusqu'à la section Créer votre thème CSS et cliquez sur Créer un thème.
  3. Renseignez le nom de ce thème, par exemple, Fil d'Ariane.
  4. Copiez le code suivant :
    /* Rendre le fil d'Ariane plus visible */
     .ec-size .ec-store .product-details .ec-breadcrumbs {
        font-size: 22px;
    }
     .ec-size .ec-store .breadcrumbs__link.ec-link {
        color: #92974e;}
    .ec-size .ec-store .breadcrumbs__delimiter  {color: #92974e;}
  5. Collez le code dans un grand champ blanc et cliquez sur Activer pour activer le thème :

    Navigation_in_your_store__9_.png

  6. Cliquez sur Enregistrer.

Votre thème est désormais activé. Si vous voulez revenir au thème original, cliquez sur Désactiver, puis sur Enregistrer.

Si vous utilisez le site instantané de nouvelle génération d'Ecwid, vous pouvez ajouter le code CSS dans l'éditeur de site →

Vous pouvez personnaliser la couleur du fil d'Ariane simplement en modifiant le code de couleur dans le code CSS ci-dessus. Dans notre exemple, il s'agit de #92974e, et la couleur est dorée et sombre. Vous pouvez choisir votre propre couleur avec la palette de couleurs HTML, copier son code et ajouter le numéro avec un hashtag au code ci-dessus.

Offrez plus avec le bouton Continuer les achats

Une fois que votre client aura trouvé le produit qu'il recherche et qu'il l'aura ajouté au panier, il pourra peut effectuer la commande ou continuer ses achats. Pour donner le choix aux clients, votre boutique Ecwid comprend le bouton Continuer les achats que les clients peuvent utiliser au moment du paiement :

Navigation_in_your_store__3_.png

Si un client accède à la page du panier sans ajouter de produits, il verra le bouton Parcourir la boutique avec le même comportement que le bouton Continuer les achats.

Le bouton Continuer les achats (Parcourir la boutique) apparaît sur la page du panier et la page « Merci pour votre commande ». Par défaut, le bouton Continue les achats redirige le client vers une page de catégorie ou la page d'accueil de la boutique. Voici comment ça fonctionne :

  • Si un client ajoute un produit au panier et clique sur Continuer les achats, il sera transféré à la page de la catégorie à laquelle appartient le produit, ou à la catégorie par défaut si le produit est affecté à plusieurs catégories.
  • Si un client accède à la page du panier sans ajouter de produits et clique sur Parcourir la boutique, il sera redirigé vers la dernière page de catégorie visitée ou vers la page d'accueil de la boutique s'il n'a visité aucune page de catégorie.

Vous pouvez modifier le bouton Continuer les achats pour rediriger vos clients vers une page personnalisée. Par exemple, vous pouvez rediriger les clients vers une catégorie comprenant vos meilleures ventes ou une page de votre site Web sur laquelle vous décrivez les nouveautés de votre boutique.

Pour modifier le bouton Continuer les achats :

  1. Installez gratuitement l'application URL personnalisée pour les boutons « Continuer les achats » à partir du marché des applications d'Ecwid. Toutes les applications du marché sont disponibles pour tous les abonnements payants.
  2. Dans le champ de destination, sélectionnez si vous voulez toujours ouvrir la page d'accueil de la boutique ou une URL personnalisée. Si vous choisissez l'option de l'URL personnalisée, n'oubliez pas de spécifier l'URL dans le champ qui apparaît :

    Navigation_in_your_store__1_.gif

  3. Cliquez sur Enregistrer les paramètres.

Lorsque les modifications sont enregistrées, le bouton Continuer les achats (parcourir la boutique) redirigera toujours les clients vers la page que vous avez spécifiée.

Pour revenir au comportement par défaut du bouton Continuer les achats, sélectionnez l'option par défaut dans les paramètres de l'application.

Vous pouvez modifier le texte Continuer les achats affiché sur le bouton. Pour ce faire, utilisez l'éditeur d'étiquettes de vitrine.

Ventes incitatives avec des produits associés

Vous pouvez augmenter les chances d'achat et de vente incitative en ajoutant des produits associés à votre boutique. Ils seront affichés dans la section Vous aimerez aussi :

Navigation_in_your_store__1_.png

Mellow Concrete montre des vases similaires sur les pages de produit

Vous pouvez afficher les produits associés sur les pages de détails des produits et sur la page du panier. En sélectionnant soigneusement les produits à présenter, vous pouvez inciter vos visiteurs à ajouter plus d'articles au panier.

Pour ajouter des produits associés sur les pages de produits individuels :

  1. Depuis l'interface d'administration d'Ecwid, accédez à Catalogue → Produits.
  2. Ouvrez la page du produit sur laquelle vous souhaitez recommander des produits associés.
  3. Ouvrez l'onglet Produits associés.
  4. Vous pouvez choisir d'afficher des produits associés spécifiques, des produits aléatoires d'une catégorie, ou des produits spécifiques et aléatoires.
  5. Cliquez sur Enregistrer.

La présentation de produits associés est une bonne tactique non seulement pour offrir des produits similaires, mais aussi pour offrir des articles liés aux vacances pendant les ventes des Fêtes ou lors du lancement de nouveaux produits. Voici quelques idées de ce que vous pouvez afficher dans la catégorie des produits associés :

  • Produits d'entretien. Montrez votre polissage de chaussures ou affichez-le quand un client choisit une paire de chaussures.
  • Autres articles d'une ligne de produit. Montrez les autres livres de la série de romans que votre client aime, ou un livre du même genre ou écrit par le même auteur.
  • Consommables. Le papier et l'encre sont les candidats idéaux pour l'imprimante que le client vient de choisir.
  • L'ensemble complet. Suggérez une théière, une cruche de lait ou un bol de sucre en relation avec le thé ou une tasse en céramique.
Pour augmenter le taux de conversion et encourager les clients à concrétiser leur achat, vous pouvez ajouter l'icône du panier d'achat à chaque page de votre site. Par défaut, l'icône du panier est affichée sur la page de la boutique de votre site. Sur le site instantané, l'icône du panier est affichée par défaut dans le coin supérieur droit.

📖 En savoir plus :

Produits associés dans votre boutique

🗂️ Applications Ecwid pertinentes :

Ventes adaptatives : dynamisez vos ventes par client !

Rediriger les clients après qu'ils aient passé une commande

Dernier point, mais non des moindres. Le parcours du client n'est pas terminé lorsque la commande est passée. Avec l'aide de l'application gratuit de redirection personnalisée vers la page « Merci », vous pouvez guider vos clients vers n'importe quelle section de votre site, réseaux sociaux, ou ailleurs. Par exemple, si vous collectez des dons, vous pouvez rediriger les clients vers le produit de don de votre boutique.

Voici comment ça fonctionne. Une fois que le client a passé sa commande, il sera redirigé vers le site que vous avez spécifié dans l'application. De cette façon, vous pouvez encourager les clients à s'abonner à votre page Facebook ou Instagram, écrire un commentaire, ou leur montrer des promotions de votre boutique pour les tenter d'effectuer de nouvelles commandes.

Pour rediriger les clients après l'achat :

  1. Dans le marché des applications d'Ecwid, cherchez l'application de redirection personnalisée vers la page « Merci » et cliquez sur Installer.
  2. Activez le bouton Activer le bouton de redirection et choisissez où rediriger vos clients après qu'ils aient effectué un achat : thank_you_page.png
    Il peut s'agir de la page de catégorie de votre boutique, votre page de réseaux sociaux ou même une plateforme de commentaires en ligne sur laquelle vos clients peuvent décrire leur expérience avec votre boutique.
  3. Cliquez sur Enregistrer les paramètres.

Maintenant, après avoir effectué un achat dans votre boutique, votre client sera redirigé vers le site que vous avez spécifié dans l'application.

C'est à vous de choisir

Ensuite, une fois que vous connaissez les bases de la navigation, vous pouvez les appliquer à votre boutique, créer une meilleur expérience d'achat pour vos clients et leur faciliter la recherche de produits et le passage de commandes.

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