UDP : En avril 2018, nous avons déployé de nouveaux paramètres de design pour Ecwid ! Découvrez dans un article de blog récent comment personnaliser votre boutique Ecwid en profondeur, sans écrire une seule ligne de code . Si votre boutique a été créée avant avril 2018 et que vous souhaitez apprendre à utiliser les anciens paramètres, poursuivez votre lecture.
La boutique Ecwid est créée de telle manière qu'il est possible de l'ajouter à chaque site Web et de commencer à vendre chaque type de produit en un rien de temps. Sa vitrine s'adapte automatiquement aux ordinateurs de bureau et aux appareils mobiles, et la boutique s'affiche parfaitement sur n'importe quel écran.
Faire de votre boutique un élément naturel de votre site Web donne l’impression d’une entreprise professionnelle. Vous souhaiterez peut-être modifier la conception de votre boutique pour l'adapter au style de votre site Web et aux besoins spécifiques de votre entreprise. Cela peut être réalisé par un certain nombre de moyens, depuis les paramètres entièrement automatisés jusqu'aux
La plupart se trouvent dans Panneau de configuration → Paramètres → Design . Sur cette page, vous pouvez gérer vos paramètres de design, et dans cet article, nous vous expliquons comment les utiliser au mieux.
Nous avons décomposé toutes les modifications possibles à la conception de votre magasin Ecwid en trois niveaux en fonction des compétences et des ressources requises, de rapide et facile à plus profond et plus complexe.
Niveau 1 : Rapide et facile
Modifications rapides et sans effort. Il suffit de cliquer sur les boutons.
Avant de commencer à penser à des modifications de conception, voici la bonne nouvelle : Ecwid s'intègre automatiquement dans l'environnement et apparaît comme une partie naturelle de votre site Web ou d'une page sociale. Vous n’avez pas besoin de coder pour cela, tout fonctionnera bien.
De plus, il existe des moyens simples d'adapter l'apparence de votre magasin à votre mission sans effort supplémentaire.
1. Vendez sur un site instantané Ecwid si vous n'avez pas de site Web
Le site instantané est un site Web avec une boutique en ligne qu'Ecwid fournit lorsque vous créez votre compte Ecwid.
En parlant de design, l'Instant Site est construit avec
Donc, si vous n'avez pas de site Web sur lequel vendre, c'est un moyen très simple de commencer à vendre en ligne sur un site Web.
Ce
2. Personnalisation facile du design pour ceux qui possèdent déjà un site Web
Si vous avez déjà un site Web, Ecwid s'y intégrera toujours en douceur, quel que soit le support sur lequel il est construit : WordPress, Wix, Joomla ou toute autre plate-forme. Voici ce que vous pouvez faire pour rendre votre boutique encore meilleure.
Étape 1 : Utilisez un thème correspondant pour votre créateur de site
Pour concevoir votre site Web, vous pouvez simplement choisir parmi des dizaines de thèmes disponibles à l'achat. La boutique Ecwid est compatible avec la majorité d'entre eux.
Voici un petit répertoire d'endroits sur le Web où vous pouvez trouver des thèmes pour votre créateur de site.
Pour les sites WordPress
Ne manquez pas non plus la collection de les meilleurs thèmes WordPress gratuits pour
Pour les sites Joomla
Pour les sites Web Squarespace
Pour les sites Wix, c’est encore plus simple : parcourez les thèmes sans quitter www.wix.com.
Remarque : Les marchands Ecwid + Wix peuvent harmoniser les couleurs de leur site web et de leur boutique dans les paramètres de l’application Ecwid Wix.
Paramètres de conception de la boutique Ecwid sur les sites Web Wix
Étape 2 : Activer le mode adaptatif des couleurs
Si vous ouvrez une nouvelle boutique Ecwid et l'ajoutez à votre site Web, Ecwid adaptera automatiquement les couleurs de la boutique au style de votre site Web. Cette fonctionnalité est appelée Mode adaptatif des couleurs. C'est un moyen très simple de faire de votre boutique un élément naturel de votre site Web.
Si vous vendez déjà avec Ecwid, le mode adaptatif des couleurs ne sera pas activé par défaut, mais vous pouvez l'activer sur la page Conception :
Que se passe-t-il si vous ajoutez votre boutique Ecwid à plusieurs sites web ? Grâce au mode d'adaptation des couleurs, les couleurs de votre boutique s'adapteront automatiquement à chaque site. Votre boutique aura ainsi une apparence naturelle sur tous les sites, qu'ils soient blancs, noirs ou verts.
Cette fonctionnalité est disponible pour la majorité des marchands Ecwid. Remarque : les marchands Ecwid + Wix peuvent faire correspondre les couleurs de leur site Web et stocker uniquement dans les paramètres de l'application Ecwid Wix.
3. Jouez avec les paramètres d'apparence rapides
Lorsque vous vendez en ligne avec Ecwid, vous pouvez activer ou désactiver les éléments de votre boutique en quelques clics. Par exemple, les vendeurs de produits artisanaux à l'unité préfèrent souvent masquer le champ « Quantité ».
Vous souhaiterez peut-être également masquer les éléments inutiles ou modifier la taille des vignettes – la section Apparence de votre page Conception vous permettra totalement de le faire.
Niveau 2 : Aventurier
Pour ceux qui n’ont pas de connaissances techniques et qui recherchent des changements de conception plus profonds et qui ont le temps de faire un petit voyage.
Vous avez créé votre magasin et avez déjà regardé autour de vous. Vous commencez maintenant à ressentir le besoin d’une touche personnelle : il peut s’agir de couleurs de marque pour les boutons, les textes et l’arrière-plan, d’icônes uniques ou de tout nouveaux éléments. Cependant, vous n’avez aucune idée du codage.
Pas de soucis : à ce niveau, nous avons rassemblé les outils qui vous aideront à atteindre les objectifs ci-dessus sans connaissances particulières. Regardons-les de plus près.
1. Utilisez les applications de l'Ecwid App Market pour la conception du magasin
La plateforme Ecwid App Market propose plus de 100 applications pour vous accompagner dans l'analyse de vos ventes, la promotion de vos produits, la gestion de vos expéditions et bien plus encore. Vous y trouverez également des applications pour personnaliser et concevoir votre boutique en ligne . Prenons l'exemple de Store Designer , une application permettant de modifier les couleurs de votre thème sans aucune connaissance en programmation.
Designer de magasin
Store Designer est une application qui vous permet de configurer rapidement les couleurs des boutons, du texte et de l'arrière-plan.
Le mode aperçu vous permet de jouer avec les couleurs autant que vous le souhaitez avant de publier votre design parfait sur la vitrine.
Interface du concepteur de magasin
L'application coûte 4.99 $ et propose une semaine d'essai gratuite.
Store Designer est disponible sur tous les forfaits payants d'Ecwid , ainsi que sur le reste des applications de l'App Market.
2. Copier coller ajustements prêts à partir de la base de connaissances
Base de connaissances Ecwid a des réponses à la majorité des questions qu'un propriétaire de magasin Ecwid pourrait se poser. Nous ajoutons constamment de nouveaux articles ici avec les conseils les plus fréquemment demandés et
Les aventuriers peuvent trouver diverses instructions sur la personnalisation de leur boutique en ligne ; par exemple,
modifier les polices de caractères dans la boutique ou ajouter une zone de recherche.
La plupart de ces instructions se décomposent en
Vous pouvez gérer vos thèmes CSS dans Panneau de contrôle → Paramètres → Design.
La procédure est la suivante : par exemple, si vous souhaitez modifier l’icône de votre panier, accédez à Paramètres → Design , créez un nouveau thème CSS, ajoutez un extrait de code , enregistrez les modifications et activez le thème.
Vous devez ajouter toutes les modifications supplémentaires à ce thème : un seul thème à la fois peut être actif, il doit donc inclure toutes les modifications que vous souhaitez apporter à votre boutique.
3. Commandez un développement de thème personnalisé
Si vous ne trouvez pas de thème qui réponde à vos besoins, vous pouvez opter pour la création d'un thème CSS sur mesure. Un thème personnalisé offre bien plus qu'un simple changement de couleurs : il permet une personnalisation plus poussée, comme par exemple un agencement totalement différent des blocs sur votre page produit.
Niveau 3 : Vétéran
Personnalisation lourde : changements complets du look de votre magasin. Bonjour, code.
Parfois, des changements plus profonds dans l'apparence du magasin sont nécessaires : vous souhaiterez peut-être un
Pour
1. Créez un fait maison Thème CSS
Si vous souhaitez concevoir vous-même votre boutique, pensez à créer votre propre thème CSS.
Un thème CSS est un ensemble de règles qui déterminent l'apparence de chaque élément de la boutique (la taille, la forme, la couleur et l'emplacement sur une page).
Créez vos propres thèmes CSS dans Réglages → Design
Vous trouverez dans la base de connaissances Ecwid un guide expliquant comment créer votre propre thème CSS et des instructions pour modifier des éléments spécifiques.
Notez que vous devrez avoir une compréhension du HTML et du CSS, donc si ces deux mots ne vous semblent pas familiers, vous devriez être prêt à consacrer du temps à l'acquisition des compétences nécessaires pour créer un thème à partir de zéro.
N'oubliez pas que si vous rencontrez des difficultés avec la conception de votre boutique Ecwid, vous pouvez toujours demander de l'aide à l'équipe d'assistance client d'Ecwid. Vous pouvez également commander le développement personnalisé de votre propre thème CSS.
2. Utilisez l'API Javascript Ecwid pour étendre les fonctionnalités de la vitrine Ecwid
Cette section s'adresse principalement aux développeurs. Savez-vous ce qui pourrait améliorer votre boutique Ecwid ? L' API JavaScript d'Ecwid.
Par exemple, 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, veuillez vous inscrire sur notre page dédiée aux développeurs.
***
À lire également : Comment concevoir des images de catégories de produits auxquelles vos clients ne pourront pas résister ?
- Exemples inspirants de sites instantanés Ecwid
- Site instantané Ecwid avec des thèmes prêts et plus de 99 options de conception
- Nouveaux paramètres de conception Ecwid : 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 Ecwid
- Concevoir votre site Web de commerce électronique à partir de zéro
- Comment le modèle de boutique en ligne accessible d'Ecwid est devenu un succès
