Le design en dit long sur un
aide toute entreprise, même petite et débutante, à rechercher et à vendre de manière professionnelle sur le Web. Vous n'avez pas besoin de payer énormément pour
Nous avons ajouté des dizaines de nouvelles fonctionnalités de conception de vitrines à , afin que vous puissiez donner votre
Configurer chaque petit détail dans la conception de votre boutique en ligne est extrêmement simple. Modifiez les styles d'image, les mises en page des produits et les éléments de la vitrine sans codage. Vous le verrez par vous-même dans cet article.
Les nouveaux paramètres s'imbriquent sous dans votre panneau de contrôle . Pour les utiliser, assurez-vous d'avoir activé toutes les mises à jour de la vitrine dans .
![Quoi de neuf dans la section du panneau de configuration](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-desing-2-1524574378-1024x310.png)
Activez ces mises à jour dans Paramètres → Quoi de neuf pour voir la nouvelle page des paramètres de conception
Que se passe-t-il si j'utilise l'ancienne version de la vitrine ?
Le passage à la nouvelle vitrine peut changer complètement l'apparence de votre magasin. Avec les nouveaux paramètres de conception, vous bénéficierez de plus d'options de personnalisation et d'un look plus attrayant pour votre boutique. Soyez toutefois prudent si vous utilisez un
Concevez votre vitrine en ligne
Vous contrôlez l'intégralité de l'apparence de votre catalogue de produits, des photos de produits aux UGS et des boutons.
1. Сhoisissez la meilleure taille d'image pour présenter vos produits
Par défaut, les images des produits sont
Certains produits comportent des détails importants que vous souhaiterez peut-être visualiser (par exemple, si vous vendez des bijoux ou des peintures). Sélectionnez la grande taille d’image pour permettre à vos clients d’admirer vos magnifiques produits et photographies.
Si vous vendez un type de produit dans un large assortiment (par exemple, 200 ceintures en cuir de différentes couleurs), tenez-vous-en à des images plus petites. Votre magasin affichera de nombreux produits à l’écran et vos clients seront impressionnés par le choix.
![Conception de photos de produits dans](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-8-1524574356.gif)
Taille d'image petite, moyenne et grande pour les photos de produits
2. Optimisez le rapport hauteur/largeur de l'image en fonction des dimensions de votre produit
Vendez-vous des palmiers ? Ou peut-être
Le rapport horizontal convient à de nombreux produits, par exemple des chaussures, des canapés ou des barres nutritionnelles.
Pour les objets ronds (ou, en cas de doute), utilisez des images carrées, elles sont toujours superbes.
![Images de produits verticales, horizontales et carrées](https://don16obqbay2c.cloudfront.net/wp-content/uploads/GIFMaker.org_2SrMTw-1524576477.gif)
Images verticales, horizontales et carrées
Si vous souhaitez mettre en valeur les images des produits et les faire ressortir de l'arrière-plan du magasin, sélectionnez « Assombrir l'arrière-plan de l'image ».
3. Choisissez les informations sur le produit à afficher dans la vitrine
Semblable aux photos de produits, vous pouvez choisir parmi de nombreuses options de conception pour d’autres éléments de la vitrine : noms de produits, titres, prix, SKU, boutons « Acheter ». Décidez comment afficher chacun d’eux – sous l’image du produit ou au survol de la souris.
![Conception de photos de produits dans](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-9-1524574358.jpg)
Afficher les éléments sous les images des produits, au survol ou masquer les
Si vous choisissez de placer les informations sous les images du produit, il est possible de définir la mise en page. Alignez votre contenu à gauche, à droite, au centre ou justifiez-le
![Différentes dispositions des éléments (nom du produit et prixDifférentes dispositions des éléments](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-7-1524574354.png)
Différentes dispositions des éléments (nom du produit et prix)
Il est également possible de masquer des éléments. Cachez-les tous pour que votre vitrine ressemble à un lookbook. En cliquant sur l'une des images du produit, vos clients accéderont à la page du produit.
Choisissez d'afficher une image de produit supplémentaire si vous souhaitez afficher plus de détails. affichera la première image de la galerie de photos du produit au survol de la souris.
![Image supplémentaire du produit lors du survol de la souris](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-3-1524574375.gif)
Image supplémentaire du produit lors du survol de la souris
Ces nouveaux paramètres permettent un grand nombre de variations de conception pour l’apparence de votre vitrine.
4. Concevez les catégories de votre magasin
Vous trouverez des options pour configurer l’apparence de vos catégories. Que vous ayez des photos, des icônes ou des logos de marque pour les images de votre catégorie, propose des options de conception pour les rendre superbes.
![Conception des images des catégories de produits](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-10-1524574360.gif)
Noms des catégories sous les images, sur celles-ci, en survol et masqués
Optimiser les pages produits pour la conversion
Vous pouvez désormais organiser les informations de vos pages produits de différentes manières, en fonction de ce qui convient le mieux à vos clients. Chaque option de conception est réalisée selon les meilleurs
1. Choisissez la mise en page de la page produit
Il existe quatre nouvelles options pour organiser le contenu de vos pages produits.
Attirez l’attention sur les photos de vos produits. Placer un
![Optimisation des pages produits](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-11-1524574362.png)
Le
Ajoutez des descriptions détaillées des produits. Pour les produits comme l’électronique ou les produits pharmaceutiques, les descriptions de produits peuvent être assez longues. Sélectionnez ensuite le
![Optimisation de la page produit 2](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-1-1524574373.png)
Le
Insistez sur les options du produit et sur le bouton « Commander ». Si vos clients n'ont pas besoin de lire de longues descriptions ou de parcourir la galerie pour acheter vos produits, choisissez d'afficher les options de produits avec le bouton de paiement sur la gauche. Dites, si vous vendez de petits poissons d'aquarium.
![Optimisation de la page produit 3](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-5-1524574377.png)
Le bouton « Ajouter au panier » en vedette
Minimisez le défilement et les distractions. A
![Optimisation de la page produit 4](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-14-1524574370-1024x302.png)
Le compact
Vous pouvez aussi vous sélectionnez la mise en page de votre galerie photo. Aidez vos clients à ressentir votre produit avec une galerie de photos convaincante. Choisissez la disposition des vignettes des images de votre galerie (verticale ou horizontale) ou affichez vos images hypnotisantes en taille réelle. Plus vous affichez des vues alternées et détaillées, mieux c’est.
![Options de mise en page de la galerie de photos](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-2-1524574349.gif)
Options de mise en page de la galerie de photos
3. Sélectionnez les informations sur le produit à afficher dans la barre latérale
Une page produit de conversion fournit suffisamment d’informations sur le produit tout en restant simple. Dans , vous pouvez masquer les éléments (comme le SKU, les options du produit, les boutons de partage) si vous n'en avez pas besoin, afin que vos clients ne soient pas distraits lorsqu'ils se rendent au panier.
La meilleure partie est que vous pouvez faire glisser chaque élément et les organiser dans n'importe quel ordre. Testez de nombreuses nouvelles façons d'optimiser vos pages de produits pour les conversions.
![Optimisation de la page produit 5](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-12-1524574365.gif)
Paramètres flexibles de la barre latérale
Changez la navigation et les couleurs de votre vitrine
Il existe quelques paramètres supplémentaires de vitrine, qui sont activés par défaut pour aider vos clients à naviguer dans votre boutique. Vous pouvez désactiver n’importe lequel d’entre eux quand vous le souhaitez.
Si vous passez de l’ancienne version de la vitrine, ces paramètres migreront vers la nouvelle vitrine comme vous les aviez auparavant.
Mode adaptatif des couleurs. Si vous installez une boutique en ligne sur votre site Web, les couleurs de la boutique correspondront automatiquement au thème de votre site Web. Votre boutique ressemblera à un élément naturel de votre site Web.
Le menu de pied de page et le fil d'Ariane aidez les clients à parcourir votre boutique plus rapidement et évitez qu’ils ne se perdent.
Le
Options « Trier par » permettez à vos clients de trier vos produits par prix, nom et autres conditions.
Autres façons de modifier la conception de votre boutique
Les nouveaux paramètres de conception couvrent les cas d'utilisation les plus courants. Si vous souhaitez modifier votre boutique d'une autre manière :
- Si vous avez besoin d'un thème personnalisé pour votre boutique sans codage, essayez (disponible sur les forfaits payants, les prix des applications s'appliquent).
- Créez un thème CSS personnalisé (un ensemble de règles qui déterminent l'apparence de chaque élément du magasin, comme la taille, la forme ou la couleur). La création d'un thème CSS nécessite certaines connaissances techniques. Il y a un qui explique comment créer votre propre thème CSS et . Vous pouvez toujours demander de l'aide à l'équipe du service client d', ou .
- Pour les développeurs : utilisez le .
Obtenez un site Web gratuit pour votre boutique en ligne
Votre boutique a fière allure, mais vous n'avez pas de site Web sur lequel vendre ?
Instant Site est un créateur de site Web gratuit fourni par lorsque vous créez votre compte . Ceci est fait pour vous permettre de commencer rapidement à vendre en ligne sur une page Web soignée et de réaliser immédiatement des bénéfices pour développer votre entreprise.
En parlant de design, Instant Site est construit avec
Si vous avez besoin de personnaliser votre site instantané, qui allez-vous appeler ? Eh bien, personne ! Vous pouvez modifier l'intégralité du site Web sans connaissances particulières, en utilisant votre ordinateur de bureau ou même via l'application de gestion de boutique Mobile pour iOS.
en utilisant notre
- Exemples inspirants de sites instantanés
- Site instantané avec des thèmes prêts et plus de 99 options de conception
- Nouveaux paramètres de conception : des dizaines d'options de personnalisation, aucun codage
- Comment choisir un modèle de commerce électronique pour votre site
- Un guide complet pour personnaliser la conception de votre boutique
- Concevoir votre site Web de commerce électronique gratuit à partir de zéro
- Comment le modèle de boutique en ligne accessible d' est devenu un succès