Ajuster la conception de la vitrine Ecwid

Vous pouvez contrôler l'apparence de votre boutique via la section Conception dans votre administration Ecwid. Choisissez la taille des images, la mise en page de la fiche produit, la position du nom de la catégorie, et bien plus. Une fois que vous mettez à jour les paramètres, ils seront immédiatement répercutés sur la boutique de votre site Web.

Conception d'une fiche produit

Une fiche produit contient une image et un contenu pour donner à vos clients un bref aperçu d'un produit.

Image

Pour personnaliser la taille d'une image, allez dans Conception → Taille de l'image. Les plus grandes images sont idéales pour montrer les détails. Choisissez la grande taille pour les images afin de mettre en valeur les bijoux, la décoration de la maison, etc.

Pour montrer les détails sur des images de haute qualité, vous pouvez activer le zoom des images de produits au survol. Pour agrandir les images de produits au survol, accédez à Conception → Vignettes de la galerie d'images et cochez la case Zoomer sur l'image principale du produit lors du survol du curseur.

L'orientation en paysage peut être personnalisée dans Conception → Format d'image. Vous pouvez choisir l’orientation qui convient le mieux à vos produits. Par exemple, l'orientation en portrait est idéale pour montrer des vêtements.

Contenu

Vous pouvez afficher les détails du produit sur la fiche, afficher les détails au survol de la souris (notez que cela ne fonctionnera pas pour les clients mobiles puisqu'il n'y a pas de souris sur les téléphones), ou les cacher. Décidez de ce qu'il faut afficher dans Conception → Détails et mise en page de la fiche produit :

Configuration de la mise en page de la page produit

Vous pouvez décider comment vous voulez que les pages produits soient affichées en choisissant leur mise en page. Dans Conception → Barre latérale, vous pouvez afficher ou non les sous-titres, les UGS, les boutons de réseaux sociaux et d'autres informations.

La façon d'afficher les informations sur une page peut être ajustée dans Conception → Mise en page du produit.

Vous pouvez également choisir la mise en page des vignettes d'image dans Conception → Miniatures de la galerie d'images. Si vous avez téléversé une galerie de photos de haute qualité pour vos produits, Il est préférable de montrer des images en taille réelle afin que les clients puissent faire attention à toutes ces images.

Mettre en avant un produit dans la vitrine

Vous pouvez ajouter des rubans de produit à n'importe quel élément de votre catalogue pour qu'il se démarque sur une vitrine. Les rubans sont des étiquettes horizontales colorées affichées sur les vignettes et les pages de détails des produits.

Découvrez comment ajouter des rubans aux produits →

Vous pouvez également téléverser un gif en tant qu'image de produit au lieu d'une photo statique normale. De cette façon, l'animation gif attirera les visiteurs de votre boutique.

Pour ajouter une image animée, téléversez le fichier .gif comme image principale de votre produit et il apparaîtra sur la vitrine :

Ajout de bannières à la vitrine

Pour attirer l'attention des clients sur vos offres promotionnelles, les promotions saisonnières, les réseaux sociaux ou tout autre chose, vous pouvez ajouter une bannière à votre vitrine. La bannière peut être ajoutée à la page d'accueil de la boutique ou à n'importe laquelle des pages de catégorie.

Apprenez comment ajouter une bannière ou des textes de bienvenue à votre boutique →

Ajout de produits en vedette

Vous pouvez mettre en valeur des produits particuliers en les montrant sur votre vitrine dans la section Produits en vedette. Ainsi, vous augmentez les chances de vendre des produits que vous avez mis en vedette.

Suivez les instructions pour ajouter des produits en vedette à la page d'accueil de la boutique →

Vous pouvez également renommer la section et donner un titre personnalisé à la section Produits en vedette →

Affichage des catégories

Vous pouvez regrouper les produits en catégories pour faciliter la navigation des clients dans votre boutique. Vous pouvez réduire les catégories pour n'afficher que leurs noms ou étendre les catégories racine pour afficher les produits que les catégories contiennent. Pour choisir comment afficher les catégories, allez dans Conception → Vue catégorie.

En savoir plus sur étendre les catégories →

La façon d'afficher le nom de la catégorie peut être ajustée dans le Conception → Position du nom de la catégorie. Vous pouvez également masquer l'image de la miniature de la catégorie en choisissant Masquer les images de catégories.

Ajustement de la navigation

Sur la page de votre boutique, il y a des options de navigation qui créent une meilleure expérience client : un lien de connexion, flèches de navigation des produits « Précédent » et « Suivant », des filtres de produit, des options de tri, un fil d'Ariane, etc. Vous choisissez si vous souhaitez les afficher ou les masquer. Nous vous recommandons de les afficher pour faciliter les achats dans votre boutique.

La navigation dans la boutique peut être modifiée dans Conception → Navigation et couleurs de la vitrine.

Pour en savoir plus sur la navigation, lisez notre guide sur comment la navigation peut améliorer votre boutique →

Autres façons de personnaliser la conception en profondeur

Pour une configuration plus détaillée de la conception de votre boutique, vous pouvez utiliser des outils supplémentaires :

• Marché des applications Ecwid − vous y trouverez des applications pour personnaliser votre boutique Ecwid à votre façon.
• Codes CSS − une façon simple d'ajuster l'apparence de votre boutique avec des feuilles de style en cascade (CSS). Vous pouvez le faire vous-même, même sans compétences de codage.
  Livre de recettes CSS Ecwid →
  Comment ajouter des codes CSS à votre boutique →
• Développement personnalisé − une solution pour créer exactement la fonctionnalité à laquelle vous pensez. Vous pouvez contacter l'équipe de développement Ecwid pour vous aider à créer des options de conception qui ne sont pas incluses dans Ecwid. Ou vous pouvez embaucher une équipe de développement tierce.

Articles connexes :

Options de personnalisation Ecwid
Meilleures pratiques pour lister les produits sur votre boutique
Configuration de la conception et du contenu pour un site instantané de nouvelle génération