Bonjour. Notre blog a été traduit automatiquement pour votre confort. Veuillez nous excuser pour les erreurs de traduction éventuelles.
Nouvelle conception Ecwid Réglages: Des dizaines d'options de personnalisation, Aucun codage
Posted Apr 24, 2018 par Den Nikiforov, équipe Ecwid

Nouvelle conception Ecwid Réglages: Des dizaines d'options de personnalisation, Aucun codage

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

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, des images de produits à UGS et boutons.

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

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

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

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

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

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

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

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

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

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

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

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

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:

  1. 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).
  2. 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.
  3. 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.

Obtenez un site Web d'une page pour votre magasin en ligne

Votre magasin Ecwid ressemble beaucoup, mais vous ne disposez pas d'un site web pour vendre sur?

Site Starter est un site d'une page gratuite qui fournit des Ecwid lorsque vous créez votre compte Ecwid. 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, Site de démarrage 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 site de démarrage, 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.

Construisez votre site aujourd'hui Starter gratuit en utilisant notre étape par étape.

Nous ne pouvons pas attendre d'apprendre ce que vous pensez des nouveaux paramètres de conception - vous voyez dans les commentaires ci-dessous.

A propos de l'auteur
Den Nikiforov is a Product Designer at Ecwid. He loves to see his ideas come to life and bring good to Ecwid entrepreneurs. In his free moments Den enjoys sci-fi books and long walks.