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.
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 :
- 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).
- Cliquez quelque part dans le bloc avec tes produits et sélectionnez Paramètres :
- Ouvrez ensuite Conception dans le menu contextuel :
- Choisissez la police préférée dans la section Style de police :
- 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éfinissez les couleurs pour le Texte, le Prix des produits, les Liens et les Boutons dans les sélecteurs de couleurs correspondants :
- 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 :
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.
Pour personnaliser l'apparence des pages de liste de produits :
- 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).
- Cliquez quelque part dans le bloc avec tes produits et sélectionnez Paramètres :
- Ouvrez ensuite Liste de produits dans le menu contextuel :
- Changer la Taille des vignettes et le Rapport d'aspect :
- Activer l'option pour assombrir les fonds de miniature :
- Ajuster l'alignement du texte et des boutons dans les cartes de produit :
- Activez l'option si vous voulez afficher une bordure autour des fiches produits :
- 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 :
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 :
- 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).
- Cliquez quelque part dans le bloc avec tes produits et sélectionnez Paramètres :
- Ouvrez ensuite Produit dans le menu contextuel :
- Sélectionnez la mise en page préférée dans la section Disposition des détails du produit :
- Choisissez comment vous voulez afficher les images de la galerie dans la section Mise en page de la galerie de produits :
- Définissez les détails du produit que vous souhaitez afficher dans la section 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.
Articles connexes
Ajout de votre boutique Ecwid à un site Web Wix
Ajout de catégories à votre boutique Ecwid sur Wix