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

Sommaire

Changement de la conception de votre boutique Ecwid sur Wix

Ecwid est conçu de façon professionnelle en fonction des dernières tendances du commerce électronique pour avoir une belle apparence sur tous les appareils. Lorsque vous avez installé Ecwid sur votre site Wix, vous pouvez commencer à vendre immédiatement. Vous pouvez tout de même modifier la conception de votre boutique Ecwid sur Wix afin que votre vitrine en ligne corresponde exactement à l'apparence globale de votre site Web.

L'éditeur visuel intuitif de l'application Ecwid pour Wix vous permet de changer les polices et les couleurs de la boutique, d'ajuster la taille et l'aspect des images du produit, de modifier rapidement la disposition des pages produit et catalogue et masquer les éléments de la page sans codage.

Si vous avez besoin d'une conception entièrement personnalisée, nous pouvons vous fournir une personnalisation approfondie de la vitrine faite selon vos spécifications. Commandez une conception personnalisée auprès de nos experts.

Changement des polices et des couleurs de la boutique

L'application Ecwid pour Wix vous permet de sélectionner les couleurs préférées pour l'arrière-plan, le texte, les liens et les boutons de votre boutique, changer le style de police et ajuster l'opacité d'arrière-plan pour créer une boutique en ligne qui correspond parfaitement au style général du site.

Si vous n'êtes pas sûr du modèle de couleur à choisir pour votre boutique, vous pouvez choisir les couleurs qui correspondent à la palette de couleurs du site Web principal en utilisant la règle 60-30-10 :

  • la couleur principale qui couvre 60 % de l'espace - la couleur d'arrière-plan ;
  • la couleur secondaire qui couvre 30 % de l'espace et contraste avec la couleur principale - la couleur du texte ;
  • les couleurs d'accentuation qui occupent 10 % de l'espace et complètent votre couleur principale ou secondaire - la couleur des boutons, liens et prix des produits.

En ce qui concerne les styles de polices, nous vous recommandons de ne pas choisir plus de 2 à 3 polices pour le site Web - une pour les titres et les titres, un pour les sous-titres (facultatif) et un pour les zones de contenu principal. Trop de styles de police peuvent rendre votre site Web désordonné et non professionnel. Il se peut que les gens aient du mal à comprendre quels sont les messages importants que vous essayez de communiquer.

Pour modifier la police et les couleurs de la boutique :

  1. Ouvrez votre Éditeur de site Web Wix et passez à la page où votre boutique Ecwid est installée (par défaut, c'est la page de la boutique en ligne).
  2. Cliquez quelque part dans le bloc avec tes produits et sélectionnez Paramètres :

Cliquez sur Paramètres

  1. Ouvrez ensuite Conception dans le menu contextuel :

Ouvrir l'onglet Conception

  1. Choisissez la police préférée dans la section Style de police :

Sélectionnez la police

  1. Sélectionnez la couleur d'arrière-plan de la page dans le bloc Sélecteur de couleurs et ajustez l'opacité, si nécessaire :

Définir l'opacité et la couleur

  1. Définissez les couleurs pour le Texte, le Prix des produits, les Liens et les Boutons dans les sélecteurs de couleurs correspondants :

Sélectionnez les couleurs

  1. Si vous n'êtes pas satisfait des changements de couleurs que vous avez faits, vous pouvez toujours les annuler en cliquant sur Restaurer les couleurs par défaut :

Restaurer les couleurs par défaut

Vous pouvez vérifier le résultat de votre travail en mode Aperçu. Lorsque vous avez fini de modifier les polices et les couleurs, n'oubliez pas de Publier votre site Web pour appliquer les modifications.

Modification de la conception de la liste des produits

Les listes de produits sont des pages où les articles assignés à la même catégorie de produit ou à la page d'accueil de la boutique sont affichés. Vous pouvez personnaliser la façon dont vos produits sont affichés sur les pages de liste dans l'application Ecwid pour Wix.

Par exemple, vous pouvez contrôler la taille et les proportions des images du produit (miniatures). Les grandes images sont généralement parfaites pour mettre en valeur tous les détails essentiels de vos produits, Les images de taille moyenne sont un bon équilibre pour la plupart des produits, tandis que les petites images permettent de mettre plus de produits par page. Les petites images conviennent bien si vos produits sont mieux présentés par la description, plutôt que par l'image. Par exemple les pièces auto, divers appareils, etc.

Les motifs de ratio d'aspect vous permettent d'ajuster les pages de listing pour les images alignées horizontalement ou verticalement. Vous pouvez également assombrir les fonds de vignettes pour rendre les produits plus visibles sur la page.

Essayez de modifier l'alignement du texte dans les fiches produits ou la visibilité des noms de produits, des prix, et les boutons Acheter maintenant, si vous voulez créer une apparence plus aérée des pages de liste des produits.

Au contraire, vous pouvez choisir d'afficher les noms du produit, les prix et les boutons Acheter Maintenant et permettre à vos clients d'ajouter des articles au panier directement à partir des pages du catalogue.

Au fur et à mesure que vous essayez différents paramètres, vous pouvez visualiser en direct le résultat sans avoir à recharger la page ou à publier le site Web. Si vous n'êtes pas satisfait du résultat, vous pouvez toujours restaurer l'apparence par défaut.

Pour personnaliser l'apparence des pages de liste de produits :

  1. Ouvrez votre Éditeur de site Web Wix et passez à la page où votre boutique Ecwid est installée (par défaut, c'est la page de la boutique en ligne).
  2. Cliquez quelque part dans le bloc avec tes produits et sélectionnez Paramètres :

Cliquez sur Paramètres

  1. Ouvrez ensuite Liste de produits dans le menu contextuel :

Ouvrir l'onglet Liste des produits

  1. Changer la Taille des vignettes et le Rapport d'aspect :

Sélectionnez la taille et le ratio des vignettes

  1. Activer l'option pour assombrir les fonds de miniature :

Assombrir le fond des miniatures

  1. Ajuster l'alignement du texte et des boutons dans les cartes de produit :

Définir l'alignement de la fiche produit

  1. Activez l'option si vous voulez afficher une bordure autour des fiches produits :

Afficher ou masquer la bordure de la carte de produit

  1. Choisissez si vous voulez toujours afficher, afficher au survol de la souris ou masquer le nom du produit, le prix, l'UGS le bouton Acheter maintenant et les images de produits supplémentaires (images de galerie) dans les pages de liste des produits :

Sélectionnez les options à afficher

Vous pouvez vérifier le résultat de votre travail en mode Aperçu. Lorsque vous avez fini de modifier la conception des pages de liste de produits, n'oubliez pas de Publier votre site Web pour appliquer les modifications.

Modification de la conception des pages produits

Les pages produits sont des pages qui contiennent les informations détaillées sur un produit : sa description, une galerie avec des images supplémentaires, le prix, le niveau de stock, le choix de variantes et plus encore.

Vous pouvez personnaliser l'apparence des pages produits dans l'application Ecwid pour Wix en modifiant la disposition de la page et la visibilité des éléments dans la barre latérale.

Il y a plusieurs options de mise en page que vous pouvez choisir :

  • 2 colonnes avec la description du produit sur la droite – une option par défaut qui présente bien avec des images de haute qualité et une brève description ;
  • 2 colonnes avec la description du produit sous l'image – une mise en page classique idéale pour les produits avec de longues descriptions ;
  • 2 colonnes avec la description du produit à gauche – une mise en page miroir pour les produits qui sont mieux représentés par leur description que l'image graphique ;
  • 3 colonnes – une mise en page riche en contenu qui peut tenir dans autant d'informations sur un seul écran que possible et fonctionne le mieux sur des écrans larges.

Pour modifier l'apparence des pages de produits :

  1. Ouvrez votre Éditeur de site Web Wix et passez à la page où votre boutique Ecwid est installée (par défaut, c'est la page de la boutique en ligne).
  2. Cliquez quelque part dans le bloc avec tes produits et sélectionnez Paramètres :

Cliquez sur Paramètres

  1. Ouvrez ensuite Produit dans le menu contextuel :

Définir la mise en page de la fiche produit

  1. Sélectionnez la mise en page préférée dans la section Disposition des détails du produit :

Disposition des détails du produit

  1. Choisissez comment vous voulez afficher les images de la galerie dans la section Mise en page de la galerie de produits :

Mise en page de la galerie

  1. Définissez les détails du produit que vous souhaitez afficher dans la section Contenu de la barre latérale :

Contenu de la barre latérale

Vous pouvez vérifier le résultat de votre travail en mode Aperçu. Lorsque vous avez fini de modifier la conception des pages de détails des produits, n'oubliez pas de Publier votre site Web pour appliquer les modifications.

Vous pouvez également ajouter une icône Panier et une Barre de recherche de produits aux pages de votre site Web. Le panier permet à vos clients de vérifier son contenu et de procéder rapidement à la commande depuis n'importe quelle page de votre site Web. Avec l'aide de la barre de recherche, les visiteurs de la boutique trouveront facilement ce qu'ils recherchent sans avoir à parcourir les pages de la boutique.

Articles connexes

Ajout de votre boutique Ecwid à un site Web Wix
Ajout de catégories à votre boutique Ecwid sur Wix 

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 : 31 sur 84
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