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

Sommaire

Ajuster la conception de la vitrine Ecwid

Vous pouvez facilement ajouter votre boutique Ecwid à n'importe quel site Web ou l'utiliser avec le site instantané gratuit que vous obtenez avec chaque compte Ecwid. L'apparence par défaut de la vitrine correspond au site existant.

Pour ajuster l'apparence de la vitrine, vous pouvez utiliser les options de conception intégrées dans la section Conception de l'interface d'administration d'Ecwid. Choisissez la taille des images, la mise en page de la fiche produit, la position du nom de catégorie, et bien plus. Une fois que vous avez mis à jour les paramètres, ils sont immédiatement répercutés sur la boutique de votre site Web.

Si vous venez sur WordPress ou Wix, vous configurez l'apparence de la vitrine du côté de votre constructeur de site.
Pour les utilisateurs WordPress, suivez ces instructions
Pour les utilisateurs Wix, suivez ces instructions

Qu'est-ce qui caractérise une vitrine ?

La vitrine est la boutique dans laquelle les clients recherchent des produits. Lorsque vous ajoutez Ecwid à votre site Web existant, c'est la vitrine qui est intégrée. Si vous vendez sur le site instantané, la boutique est déjà ajoutée.

Voici ce qui caractérise votre vitrine Ecwid :

  • Liste des produits avec des fiches produits
  • Pages de produits
  • Catégories de la boutique
  • Éléments de navigation

Découvrez comment modifier la conception de chacun de ces éléments sur la page Conception de votre interface d'administration Ecwid, ou regardez une vidéo expliquant les changements de style :

Sur la page Paramètres → Panier et paiement, vous pouvez également personnaliser la page de paiement de votre boutique, définir l'ordre de tri des produits par défaut, choisir où et comment le prix « Comparer à » est affiché, activer les favoris afin que les clients puissent aimer les articles de votre boutique pour les conserver en vue d'un achat futur, et plus encore.

Conseils de conception de la vitrine pour différents sites

Selon le site Web sur lequel votre boutique Ecwid est ajoutée, vous pouvez utiliser un certain nombre d'outils supplémentaires :

  • Si vous ajoutez une vitrine Ecwid à un site personnalisé, les couleurs de la boutique correspondent automatiquement au style de votre site Web et ressemblent à une partie naturelle de votre site Web. Si vous voulez créer un thème par vous-même et ajuster les couleurs de la boutique manuellement, vous pouvez désactiver l'adaptation des couleurs dans ConceptionNavigation et couleurs de la vitrine.
  • Si vous vendez sur le site instantané de nouvelle génération, les réglages que vous effectuez dans la section Conception sont appliqués à la page de la vitrine (https://your-store.company.site/products) sur votre site Web et aux sections de la boutique sur la page d'accueil du site. Vous pouvez en outre configurer l'apparence des blocs de la boutique et des catégories sur la page d'accueil du site dans l'éditeur du site instantané accessible depuis la page Site Web de l'interface d'administration d'Ecwid. Découvrez comment configurer les sections de la boutique sur le site instantané
    Certains paramètres sont présents dans l'éditeur du site et dans la section Conception. Les paramètres que vous appliquez dans l'éditeur seront affichés sur la page principale du site.
  • Si vous vendez sur la version originale du site instantané, les paramètres de conception sont synchronisés entre l'éditeur de site et la section Conception. Vous pouvez les placer où vous le souhaitez.

Conception de la liste de produits et des fiches de produits

La liste des produits est la grille sur les pages de catégorie ou sur la page d'accueil de votre boutique Ecwid. La liste est faite de fiches de produits individuelles qui contiennent une image et du contenu pour donner à vos clients un bref aperçu de chaque produit.

Voici à quoi ressemble une fiche de produit dans la liste des produits :

Ajustement

Vous pouvez ajuster la taille de l'image et le rapport d'aspect, masquer ou afficher les éléments comme le prix, L'UGS ou le bouton « Acheter maintenant », et plus encore en utilisant les paramètres de conception intégrés d'Ecwid. Par exemple, l'orientation de l'image en portrait est idéale pour montrer des vêtements, et les images de grande taille sont idéales pour présenter des détails de bijoux, des éléments de décoration, etc.

La même taille d'image et le même rapport d'aspect que vous avez défini pour votre liste de produits sont automatiquement appliqués aux images de catégorie dans votre boutique.

Pour ajuster la liste des produits et la conception de la fiche produit :

  1. Depuis l'interface d'administration d'Ecwid, accédez à Conception.
  2. Dans les sections Taille de l'image, Rapport d'aspect et Détails de la fiche produit et mise en page, apportez les changements de conception dont vous avez besoin.
  3. Les modifications sont enregistrées automatiquement.
L'affichage des détails au passage du curseur de la souris ne fonctionnera pas pour les clients mobiles, car il n'y a aucun dispositif de souris sur les téléphones.

Configuration de la mise en page de la page produit

La page produit est une page d'un produit particulier dans votre boutique comprenant tous ses détails. Les clients peuvent accéder aux pages de produits en cliquant sur une fiche produit dans la liste, ou en cliquant sur le lien direct.

Ajustement

Vous pouvez définir la mise en page de la page de produit et déterminer si oui ou non afficher les sous-titres, l'UGS, les boutons liés aux réseaux sociaux et autres informations en fonction des besoins de votre entreprise.

Vous pouvez également choisir la mise en page des vignettes d'images sur les fiches de produits. Par exemple, si vous avez 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 y prêter attention. En outre, vous pouvez zoomer sur l'image principale du produit lors du survol de la souris.

Pour ajuster la conception de la fiche produit :

  1. Depuis l'interface d'administration d'Ecwid, accédez à Conception.
  2. Dans les sections de Mise en page de la page produit, Miniatures de la galerie d'images et Barre latérale, apportez les changements de conception dont vous avez besoin.
  3. Les modifications sont enregistrées automatiquement.

Configuration du nom de catégorie et de l'affichage des images

Par défaut, tous les produits que vous ajoutez à votre boutique Ecwid apparaissent dans la catégorie par défaut qui est en vedette sur la page principale de votre boutique. Si vous créez plus de catégories racine ou de sous-catégories pour faciliter la navigation des clients dans votre boutique, elles s'affichent sous forme de liste :

Ajustement

Vous pouvez choisir où afficher les noms de catégorie, ou masquer les noms ou les images de catégorie complètement. Quant à la taille d'image et au rapport d'aspect de la catégorie, ils seront identiques à ceux que vous aurez définis pour votre liste de produits.

Pour configurer le nom de catégorie et l'affichage des images :

  1. Depuis l'interface d'administration d'Ecwid, accédez à Conception.
  2. Faites défiler la page jusqu'à Position du nom de catégorie et choisissez votre option.
  3. Les modifications sont enregistrées automatiquement.

Dans la vue Conception → Navigation et couleurs de la vitrine → Catégorie, vous pouvez également développer les catégories racine pour afficher les produits qu'elles contiennent directement sur la page d'accueil de la boutique. Par exemple, si vous gérez un restaurant et que vous souhaitez présenter toutes les sections du menu immédiatement.

Découvrez comment étendre les catégories

Vous pouvez renommer la section Produits en vedette si vous voulez lui donner un titre personnalisé pour correspondre au ton de votre boutique.

Ajustement de la navigation

Chaque boutique Ecwid a un certain nombre d'options de navigation permettant de créer une meilleure expérience client : les flèches « Précédent » et « Suivant » pour basculer entre les produits, le fil d'Ariane, les options de tri, les filtres de produit et le menu de pied de page de la boutique, y compris le lien S'identifier.

Vous choisissez si vous souhaitez afficher ou masquer ces éléments. Nous vous recommandons de les afficher pour faciliter les achats dans votre boutique. Vous pouvez ajuster la navigation de la vitrine dans Conception → Navigation et couleurs de la vitrine et dans ConceptionNavigation.

Pour en savoir plus sur les options de navigation des boutiques, lisez notre guide sur la navigation efficace dans votre boutique Ecwid (en anglais) →

Plus de façons de modifier la conception de votre vitrine

La personnalisation de votre vitrine n'est qu'une question d'imagination et de détermination. Pour une configuration plus détaillée de la conception de votre boutique, vous pouvez utiliser des outils supplémentaires :

  • Rubans de produit et sous-titres de produit : étiquettes colorées et légendes courtes qui permettent de mettre en évidence les produits sur une vitrine.
  • Images animées : téléversez le fichier .gif comme image principale de votre produit, et il apparaîtra sur la vitrine :
    gif animation.gif
  • Bannières sur la vitrine : pour attirer l'attention des clients sur vos bonnes affaires, vos ventes saisonnières, les réseaux sociaux ou tout autre sujet, 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.
  • Marché des applications Ecwid : vous pouvez y trouver des applications utilisables pour personnaliser votre site et votre boutique Ecwid comme vous le souhaitez.
    L'application Store Designer peut vous aider à modifier les couleurs des boutons, polices, textes et arrière-plans sans aucun besoin de programmation.
  • Les Options de personnalisation approfondies comme les codes CSS, le développement personnalisé et l'API d'Ecwid.

Articles connexes :

Meilleures pratiques pour répertorier les produits proposés dans votre boutique
Informer les clients sur les promotions
Ajouter des barres promotionnelles au site instantané
Définir l'image de marque de votre boutique Ecwid

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 : 28 sur 91
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