Design en dit long sur un magasin e-commerce. Si les gens peuvent facilement naviguer dans votre boutique en ligne, vous avez une bien meilleure chance de les convertir. Une constante, design moderne peut dire aux clients que vous êtes une marque digne de confiance.
Ecwid aide toute entreprise - même un petit et en commençant un - à regarder et vendre des professionnels sur le web. Vous ne devez pas payer énormément aux concepteurs Web de haut niveau pour obtenir un mobile-friendly, nettoyer, et belle boutique e-commerce.
Nous’ve ajouté des dizaines de nouvelles fonctionnalités de conception de devanture de magasin pour Ecwid, de sorte que vous pouvez donner à votre e-commerce stocker le look qui reflète votre marque plus.
Mise en place tous les petits détails dans la conception de votre boutique en ligne est facile mort. Modifier les styles d'image, page produit mises en page, et des éléments de codage sans devanture. Vous verrez par vous-même dans ce poste.
Les nouveaux paramètres nid sous Paramètres → Conception dans votre panneau de contrôle Ecwid. Pour les utiliser, assurez-vous que vous avez activé toutes les mises à jour de la devanture en Paramètres → Ce qui est Nouveau.
![Quoi de neuf dans la section panneau de commande Ecwid](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-desing-2-1524574378-1024x310.png)
Activer ces mises à jour dans Paramètres → Quoi de neuf pour voir la nouvelle page des paramètres de conception
Que faire si j'utilise l'ancienne version de la devanture Ecwid?
Le passage à la nouvelle devanture de magasin peut changer l'apparence de votre magasin complètement. Avec les nouveaux paramètres de conception, vous aurez plus d'options de personnalisation et un look plus convaincant pour votre magasin. Cependant, soyez prudent si vous utilisez un thème CSS self-made ou d'autres éléments de devanture développé sur mesure - ils peuvent ne pas être compatibles avec le nouveau pignon sur rue. Si tu as besoin d'aide, notre équipe d'assistance est là pour vous.
Design Your Storefront en ligne
Vous contrôlez l'aspect entier de votre catalogue de produits, from product pictures to Sku and buttons.
1. Сhoose la meilleure taille de l'image pour mettre en valeur vos produits
Par défaut, images de produits sont de taille moyenne, qui convient pour la plupart des magasins.
Certains produits ont des détails importants que vous pouvez visualiser (par exemple, si vous vendez des bijoux ou des peintures). Sélectionnez la grande taille de l'image pour permettre à vos clients admirent vos beaux produits et la photographie.
Si vous vendez un type de produit dans un grand assortiment (dire, 200 ceintures en cuir de différentes couleurs), tenir à des images plus petites. Votre magasin affiche beaucoup de produits sur l'écran et vos clients seront impressionnés par le choix.
![images Produit Design en Ecwid](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-8-1524574356.gif)
Petit, moyen, et une grande taille d'image pour les images de produits
2. Optimiser le rapport d'aspect de l'image à vos dimensions du produit
Vendez-vous les paumes? Ou peut-être des modèles à longues pattes vos manteaux de vitrine design? Tous deux en images fière allure verticale.
Le rapport horizontal convient produits de large - dire, chaussures, canapés, ou des barres de nutrition.
Pour les objets ronds (ou, en cas de doute), utiliser des images carrées, ils regardent toujours grand.
![Verticale, horizontal, et les images de produits carrés](https://don16obqbay2c.cloudfront.net/wp-content/uploads/GIFMaker.org_2SrMTw-1524576477.gif)
Verticale, horizontal, et images carrées
Si vous souhaitez mettre l'accent sur les images de produits et de les faire se démarquer de l'arrière-plan du magasin, sélectionnez « Foncer image de fond ».
3. Choisissez quelle information produit à afficher dans la devanture
Similaires aux photos de produits, vous pouvez choisir parmi de nombreuses options de conception pour les autres éléments de devanture: les noms de produit, titres, prix, Sku, boutons « Acheter ». Décider comment afficher chacun d'eux - sous l'image du produit ou sur vol stationnaire de la souris.
![Conception d'images de produits dans Ecwid](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-9-1524574358.jpg)
Afficher les éléments sous les images de produits, En vol stationnaire, ou les cacher
Si vous choisissez de placer l'information sous les images de ce produit, il est possible de définir la mise en page. Alignez votre contenu à gauche, droit, centre, ou justifier - vous êtes libre de créer le look que vous aimez le plus.
![Différentes dispositions des éléments (nom de produit et de mises en page priceDifferent 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 le prix)
Il est également possible de cacher des éléments. Cachez tous pour faire de votre devanture ressembler à un lookbook. En cliquant sur l'une des images de produits, vos clients iront à la page du produit.
Choisissez d'afficher une image de produit supplémentaire si vous souhaitez afficher plus de détails. Ecwid affichera la première image de la galerie photo produit sur vol stationnaire de la souris.
![image produit supplémentaire sur le vol stationnaire de la souris](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-3-1524574375.gif)
image produit supplémentaire sur le vol stationnaire de la souris
Ces nouveaux paramètres font pour un grand nombre de variantes de design pour votre look devanture.
4. Créez vos catégories de magasins
Vous trouverez des options pour configurer l'apparence de vos catégories. Si vous avez des photos, les icônes, ou logos de marque pour vos photos de catégorie, Ecwid a des options de conception pour les rendre look superbe.
![Conception d'images de la catégorie de produits](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-10-1524574360.gif)
Les noms des catégories sous les images, sur eux, En vol stationnaire, et caché
Optimiser les fiches produits pour la conversion
Maintenant, vous pouvez organiser les informations de vos pages de produits de différentes façons, en fonction de ce qui fonctionne le mieux pour vos clients. Chaque option de conception est faite selon les meilleures pratiques de commerce électronique pour augmenter les conversions.
1. Choisissez la mise en page du produit
Il y a quatre nouvelles options pour l'organisation du contenu sur vos pages de produits.
Attirer l'attention sur vos photos de produits. Mise en place d'une image de produit de haute qualité sur le côté gauche de votre page de produit, il sera la première chose que vos clients remarqueront. Utilisez la mise en page 2 colonnes avec la description du produit à droite si vous vendez des produits visuellement attrayants et ont de courtes descriptions de produits.
![optimisation de la page produit](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-11-1524574362.png)
La mise en page 2 colonnes avec la description du produit à droite
Ajouter une description détaillée de ce produit. Pour les produits tels que l'électronique ou de produits pharmaceutiques, les descriptions de produits peuvent être assez long. Ensuite, sélectionnez la mise en page sur deux colonnes avec la description du produit ci-dessous l'image. Même si vous ajoutez un manuel long pour utiliser votre produit, la page regardera harmonieuse.
![optimisation de la page produit 2](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-1-1524574373.png)
La mise en page 2 colonnes avec la description du produit ci-dessous l'image
Options de produits Insister sur et le bouton « Commander ». Si vos clients ne doivent pas lire les descriptions longues ou examiner la galerie pour acheter vos produits, choisir d'afficher les options de produit avec le bouton de commande sur la gauche. Dire, si vous vendez des 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 » mise au point
Réduire au minimum le défilement et la distraction. Une disposition en trois colonnes fonctionne si vous voulez que votre page produit pour afficher un maximum d'informations sans mouvements supplémentaires.
![optimisation de la page produit 4](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-14-1524574370-1024x302.png)
Le compact 3 colonnes
Vous pouvez également sélectionnez la mise en page de votre galerie de photos. Aidez vos clients à obtenir la sensation de votre produit avec une galerie de photos convaincante. Choisissez la mise en page pour les vignettes des images dans votre galerie (vertical ou horizontal) ou afficher vos images hypnotiser en plein écran. Les vues plus détaillées et alternées vous montrent, le mieux.
![Galerie photos Options de mise en page](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-2-1524574349.gif)
Galerie photos Options de mise en page
3. Sélectionnez les informations de produit pour afficher dans la barre latérale
Une page de produit de conversion fournit des informations produit assez simple tout en gardant. Dans Ecwid, vous pouvez masquer les éléments (comme SKU, les options du produit, boutons de partage) si vous n'avez pas besoin de les, afin que vos clients ne soient pas distraits sur leur chemin au panier.
La meilleure partie est que vous pouvez faire glisser chaque élément et les organiser dans l'ordre. beaucoup d'essai de 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 de la barre latérale flexible
Changer votre Storefront Navigation & Couleurs
Il y a quelques paramètres de devanture de magasin, qui sont activés par défaut pour aider vos clients à naviguer dans votre magasin. Vous pouvez activer l'un d'eux au large quand vous le souhaitez.
Si vous passez de la version plus ancienne devanture, ces paramètres vont migrer vers la nouvelle devanture de magasin que vous les aviez avant.
Couleur mode adaptatif. Si vous installez un magasin en ligne Ecwid sur votre site, les couleurs de magasin correspondront automatiquement votre thème de site Web. Votre magasin ressemblera à une partie naturelle de votre site.
Le menu de pied de page et panure aider les clients à naviguer dans votre magasin plus rapidement et les empêcher de se perdre.
Le lien de connexion permet aux clients de se connecter à leur profil pour voir leurs commandes et utiliser la liste.
« Trier par » options permettre à vos clients de trier vos produits par prix, nom, et d'autres conditions.
D'autres façons de changer votre Ecwid Design Store
Les nouveaux paramètres de conception couvrent les cas d'utilisation les plus courantes. Si vous souhaitez modifier votre magasin d'autres façons:
- Si vous avez besoin d'un thème personnalisé pour votre magasin sans codage, essayez des applications de conception du marché App Ecwid (disponible sur les plans Ecwid payés, le prix des applications appliquent).
- Créer un thème CSS personnalisé (un ensemble de règles qui détermine l'apparence de chaque élément dans le magasin, comme la taille, forme, ou de la couleur). Création d'un thème CSS nécessite certaines connaissances tech. Il y a un guider vers des thèmes CSS dans la Base de connaissances Ecwid qui explique comment créer votre propre thème CSS et instructions pour modifier des éléments spécifiques. Vous pouvez toujours demander à l'équipe de service à la clientèle de l'aide Ecwid, ou commander le développement personnalisé de votre propre thème CSS.
- Pour les développeurs: L'utilisation de la Ecwid Javascript API pour étendre les fonctionnalités de devanture de magasin Ecwid. Vous pouvez construire un nouveau thème CSS ou une application, et de le vendre sur le marché Ecwid App. L'API Javascript Ecwid vous permet de changer le look de la devanture complètement, changements apportant aussi profond que vous avez besoin. Si vous êtes prêt à démarrer, merci inscrivez-vous sur notre page pour les développeurs.
Get a Free Website for Your Online Store
Votre magasin Ecwid ressemble beaucoup, mais vous ne disposez pas d'un site web pour vendre sur?
Instant Site is a free website builder that Ecwid provides when you create your Ecwid account. Ceci est fait pour vous lancer rapidement dans la vente en ligne sur une page web propre et faire des profits tout de suite pour développer votre entreprise.
En parlant de la conception, Instant Site est construit avec des blocs prêts à l'emploi (l'image de couverture, logo, boutique en ligne, “À Propos De Nous” section, commentaires des clients, et des contacts) que vous pouvez activer, désactiver, et personnaliser.
Si vous avez besoin de personnaliser votre Instant Site, qui êtes vous allez appeler? Bien, personne! Vous pouvez modifier l'ensemble du site sans connaissances particulières, en utilisant votre ordinateur de bureau ou même via l'application de gestion de magasin Ecwid mobile pour iOS.
Créez votre site gratuit instantané aujourd'hui en utilisant notre étape par étape.
- Exemples de sites instantanés Ecwid inspirants
- Site instantané Ecwid avec des thèmes prêts et 99+ Options de conception
- Nouvelle conception Ecwid Réglages: Des dizaines d'options de personnalisation, Aucun codage
- Comment choisir un modèle de commerce électronique pour votre site
- Un guide complet Personnalisation de votre Ecwid Store Design
- Concevoir votre site Web de commerce électronique gratuit à partir de zéro
- How Ecwid’s Accessible Online Store Template Became a Hit