Nouveaux paramètres de conception Ecwid : des dizaines d'options de personnalisation, aucun codage

12 min read

Le design en dit long sur un e-commerce magasin. Si les gens peuvent facilement naviguer dans votre vitrine en ligne, vous avez de bien meilleures chances de les convertir. Un design cohérent et moderne peut indiquer aux clients que vous êtes une marque digne de confiance.

Ecwid 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 haut niveau concepteurs de sites Web pour obtenir un adapté aux mobiles, propre et beau e-commerce .

Nous avons ajouté des dizaines de nouvelles fonctionnalités de conception de vitrines à Ecwid, afin que vous puissiez donner votre e-commerce stockez l’apparence et la sensation qui reflètent le plus votre marque.

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 Paramètres → Conception dans votre panneau de contrôle Ecwid. Pour les utiliser, assurez-vous d'avoir activé toutes les mises à jour de la vitrine dans Paramètres → Quoi de neuf.

Quoi de neuf dans la section du panneau de configuration Ecwid

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 Ecwid ?

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 fait maison Thème CSS ou autre développé sur mesure fonctionnalités de la vitrine – elles peuvent ne pas être compatibles avec la nouvelle vitrine. Si vous avez besoin d'aide, notre équipe d'assistance est là pour vous.

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 de taille moyenne, ce qui convient à la plupart des magasins.

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 Ecwid

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 aux longues jambes des mannequins mettent en valeur vos manteaux de créateurs ? Les deux auront fière allure sur les photos verticales.

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

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.

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 - vous êtes libre de créer le look que vous aimez le plus.

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. Ecwid 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

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, Ecwid propose des options de conception pour les rendre superbes.

Conception des images des catégories de produits

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 e-commerce pratiques pour augmenter les conversions.

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 de haute qualité L'image du produit sur le côté gauche de votre page produit en fera la première chose que vos clients remarqueront. Utilisez le 2 colonnes mise en page avec la description du produit à droite si vous vendez des produits visuellement attrayants et avez de courtes descriptions de produits.

VOTRE 2 colonnes mise en page avec la description du produit à droite

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 deux colonnes mise en page avec la description du produit sous l'image. Même si vous ajoutez un long manuel d'utilisation de votre produit, la page paraîtra harmonieuse.

VOTRE 2 colonnes mise en page avec la description du produit sous l'image

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.

Le bouton « Ajouter au panier » en vedette

Minimisez le défilement et les distractions. A trois colonnes la mise en page fonctionne si vous souhaitez que votre page produit affiche un maximum d'informations sans mouvements supplémentaires.

Le compact 3 colonnes disposition

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

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 Ecwid, 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.

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 Ecwid 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.

VOTRE Connectez-vous lien permet aux clients de se connecter à leur profil pour consulter leurs commandes et utiliser la liste de souhaits.

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 Ecwid

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 concevoir des applications à partir de l'Ecwid App Market (disponible sur les forfaits Ecwid 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 guide 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 de l'aide à l'équipe du service client d'Ecwid, ou commandez le développement personnalisé de votre propre thème CSS.
Pour les développeurs : utilisez le API Javascript Ecwid pour étendre les fonctionnalités de la vitrine Ecwid. Vous pouvez créer un nouveau thème CSS ou une application et le vendre sur Ecwid App Market. L'API Javascript Ecwid vous permet de modifier complètement l'apparence de la vitrine, en apportant des changements aussi profonds que nécessaire. Si vous êtes prêt à commencer, s'il vous plaît inscrivez-vous sur notre page pour les développeurs.

Obtenez un site Web gratuit pour votre boutique en ligne

Votre boutique Ecwid 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 Ecwid lorsque vous créez votre compte Ecwid. 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 tout fait blocs (l'image de couverture, le logo, la boutique en ligne, la section « À propos de nous », les commentaires des clients et les contacts) que vous pouvez activer, désactiver et personnaliser.

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 Ecwid Mobile pour iOS.

Créez votre site instantané gratuit dès aujourd'hui en utilisant notre pas à pas guide.