Personnalisation de la conception de la boutique Ecwid sur un site WordPress

Lorsque vous ajoutez une boutique Ecwid à un site WordPress, Ecwid adapte sa conception pour correspondre au site Web. La vitrine hérite automatiquement des polices et des couleurs de votre site WordPress pour un mélange transparent.

Vous pouvez également personnaliser la conception de la boutique en utilisant les paramètres de bloc, des thèmes ou des codes CSS. Toutes ces options aident à afficher les produits en fonction de vos préférences de conception : choisissez le rapport d'aspect qui convient aux images de vos produits. sélectionnez les informations que vous voulez afficher sur les pages de la boutique, définissez les couleurs pour les boutons, liens, textes, etc.

Avant de commencer, assurez-vous que votre tableau de bord WordPress et le plugin Ecwid sont mis à jour vers les dernières versions pour accéder à tous les paramètres de conception décrits dans cet article. Pour vérifier les mises à jour, allez dans le panneau d'administration de WordPress → Plugins.

Paramètres de conception sur un site WordPress

Nous vous recommandons d’ajouter Ecwid à un site Web WordPress en utilisant notre extension officielle Panier pour commerce en ligne Ecwid. Avec l'extension, vous pouvez facilement ajouter la boutique et certains produits à différentes pages du site Web, modifier la conception de la boutique sur chaque page séparément, ajouter des widgets de boutique (icône du panier, boîte de recherche, etc.). et bien plus encore.

Bref, vous pouvez personnaliser la conception de la boutique dans les paramètres de bloc où vous avez ajouté Ecwid :

Voici le chemin général pour changer la conception de la boutique sur WordPress :

Allez sur Tableau de bord WordPress → Pages et ouvrez la page avec la boutique.
Clique sur le bloc avec la boutique. Sur le côté droit, vous verrez les paramètres du bloc.
Modifiez les paramètres du bloc à votre goût.
Cliquez sur Aperçu pour voir à quoi ressemblera la boutique avec les nouveaux paramètres.
Cliquez sur Mettre à jour pour enregistrer les modifications.

Il est important de changer la conception tel que décrit ci-dessus, dans les paramètres du bloc. Si vous modifiez les paramètres de la conception de la boutique dans l'onglet Conception directement dans votre administration Ecwid, ces paramètres ne se refléteront pas sur votre site Web car ils seront remplacés par les paramètres du bloc.

Dans les paramètres du bloc, vous pouvez changer :

Quel contenu s'affichera sur les pages catégories et produits : titre du produit, UGS, prix, etc.
Sélectionnez les liens de navigation de la boutique qui s'afficheront : fil d'Ariane, lien de connexion, etc.
Définissez un ratio de taille et d'aspect pour les catégories et les vignettes du produit.
Choisissez les couleurs pour les boutons, les textes, les liens, l'arrière-plan et le prix.
Et beaucoup d’autres paramètres que vous trouverez dans la section du bloc.

Les paramètres du bloc s'appliquent uniquement dans un bloc spécifique. Si vous voulez avoir une conception différente pour différentes catégories de produits, ajoutez-les à des pages distinctes et modifiez la conception de chaque bloc de boutique.

Conception de l'icône du panier

Les clients utilisent l'icône du panier pour terminer leur achat. Lorsque vous ajoutez Ecwid à WordPress, une icône de panier est ajoutée par défaut dans le coin inférieur droit.

Icône de panier Ecwid sur WordPress

Vous pouvez modifier sa position, sélectionner si vous voulez afficher le nombre d'articles/sous-total dans le panier, définir une bordure et choisir une icône.

Si vous avez l'icône du panier dans un autre endroit sur le site (par exemple, l'en-tête), vous pouvez supprimer ce widget de panier ajouté par défaut et fournir aux clients un panier.

Pour changer l'apparence de l'icône du panier :

Allez dans votre tableau de bord WordPress → Apparence → Personnaliser.
Cliquez sur Ecwid dans le menu latéral → widget Panier.
Réglez les paramètres du widget de panier selon vos souhaits. L'apparence du widget de panier change dans la prévisualisation en fonction des paramètres que vous définissez.
Sélectionnez l'option Afficher lorsque le panier est vide si vous souhaitez que l'icône du panier s'affiche même quand il ne contient aucun produit.
Une fois que l'apparence vous convient, cliquez sur Publier :

Extension WordPress widget du panier Ecwid

Pour masquer le widget de panier ajouté par défaut, sélectionnez « Masquer » dans la première option d'apparence appelée Afficher le panier. Si vous souhaitez mettre en valeur votre boutique auprès de tous les visiteurs du site, sélectionnez « Afficher sur toutes les pages ». L'icône du panier indique que le site dispose d'une boutique.

Codes CSS personnalisés

Vous pouvez utiliser des codes CSS pour rendre les personnalisations autrement indisponibles. Disons que vous voulez déplacer les icônes de pied de page (« Suivre les commandes », « Favoris », « Connexion » et « Panier ») en haut de la vitrine. Il n'y a pas de paramètre intégré pour changer cela, mais vous pouvez utiliser un code CSS. Vous devriez ajouter des codes CSS personnalisés pour votre boutique Ecwid dans les paramètres WordPress.

Pour ajouter un code CSS à votre site WordPress :

Allez dans votre tableau de bord WordPress → Apparence → Personnaliser.
Dans la barre latérale gauche, cliquez sur CSS supplémentaire.
Ajoutez vos codes CSS au champ.
Publiez les modifications.

De cette façon, vous pouvez ajouter des codes CSS pour votre site WordPress et pour votre boutique Ecwid.

Si vous ne trouvez pas ou ne faites pas le bon code CSS pour votre personnalisation, notre équipe développe des solutions personnalisées pour les utilisateurs d’Ecwid. Contactez notre équipe de personnalisation pour un devis.

Thèmes de conception pour WordPress

Ecwid est compatible avec n'importe quel thème WordPress. Cela inclut des thèmes gratuits de WordPress, des thèmes premium d'un fournisseur tiers ou des thèmes sur mesure.

Ecwid possède un outil intégré qui correspond à la conception de votre boutique et au thème WordPress. Quel que soit le thème que vous utilisez, Ecwid détectera les couleurs de votre site (tirées du texte, liens, arrière-plan et boutons) et l’utiliser automatiquement dans la conception de la boutique.

Si vous n'avez pas encore choisi un thème WordPress, jetez un œil à ces thèmes :

Responsive par CyberChimps
HEALTHFLEX par PlethoraThemes
Collection de thèmes Ecwid par ThemeForest

Vous pouvez améliorer la conception de votre boutique en créant des curseurs. WordPress possède une super extension pour cela. Smart Slider 3 est un outil puissant pour créer des curseurs avec une interface conviviale et de nombreuses options de personnalisation.

FAQ

Mon éditeur WordPress n'affiche aucun paramètre de bloc pour la boutique

Vous avez lu les instructions ci-dessus, mais vous ne trouvez pas les mêmes paramètres de boutique dans votre éditeur WordPress ? Il y a deux explications possibles pour expliquer pourquoi cela pourrait se produire :

Vous utilisez l'ancienne version de WordPress.
Solution : mettez à jour votre WordPress à la dernière version. Aussi, assurez-vous que votre extension Ecwid est à jour: allez dans le panneau d'administration WordPress → Etensions → Modules installés → Panier de commerce électronique Ecwid. Cliquez sur Mettre à jour si vous voyez qu'une nouvelle version de l'extension est disponible pour vous.
Vous avez ajouté le magasin à votre site Web avant que l'éditeur de blocs WordPress (également connu sous le nom de Gutenberg) n'ait été introduit.
Solution : mettez à jour votre WordPress vers la dernière version, supprimez la boutique, puis ajoutez-la à nouveau. Suivez les instructions sur comment ajouter une boutique Ecwid à un site WordPress.

Les solutions proposées n'ont pas aidé ? Contactez-nous. Nous vous aiderons à résoudre les problèmes.

Les changements dans la conception de la boutique ne se reflètent pas sur le site Web

Cela peut se produire si vous modifiez les paramètres de conception directement dans votre administrateur Ecwid → Conception. Ces changements ne se refléteront pas sur votre site WordPress car ils sont remplacés par les paramètres de conception du bloc de la boutique.

Vous devez modifier la conception de votre boutique dans l'éditeur WordPress en utilisant les paramètres de bloc où se trouve la boutique. Consultez les instructions ici : Paramètres de conception sur un site WordPress.

Puis-je définir différents modèles pour différentes catégories de produits ?

Oui, vous pouvez avoir différentes conceptions si vous ajoutez votre boutique à WordPress en utilisant l'extension Ecwid. Voici comment définir des conceptions différentes pour les catégories de boutique sur différentes pages de site WordPress :

Assignez des produits à des catégories si vous ne l'avez pas encore fait.
Ajouter des catégories de produits à différentes pages du site Web.
Changer la conception de la boutique de chaque bloc.

Puisque les changements de conception s'appliquent uniquement au bloc de magasin où vous les définissez, vous pouvez avoir des catégories de magasin sur différentes pages de site Web qui ont une apparence différente.