Bonjour. Notre blog a été traduit automatiquement pour votre confort. Veuillez nous excuser pour les erreurs de traduction éventuelles.

Un guide complet Personnalisation de votre Ecwid Store Design

Mar 22, 2017 by Qetzal, Chef de Produit
Un guide complet Personnalisation de votre Ecwid Store Design
Posté Mar 22, 2017 by Qetzal, Chef de Produit

Le magasin Ecwid est créé dans une telle manière qu'il est possible de l'ajouter à chaque site Web et commencer à vendre chaque type de produit en peu de temps. Sa vitrine adapte automatiquement aux ordinateurs de bureau et les appareils mobiles, et le magasin ressemble beaucoup sur un écran.

Faire votre magasin une partie naturelle de votre site Web donne l'impression d'une entreprise professionnelle. Vous voudrez peut-être changer la conception du magasin pour adapter à votre style de site Web et les besoins spécifiques de votre entreprise en particulier. Cela peut être réalisé par un certain nombre de moyens, à partir des paramètres entièrement automatisés à thèmes créés sur mesure.

La majorité d'entre eux sont répertoriés dans Panneau De Contrôle Paramètres Conception. Sur cette page, vous pouvez gérer vos paramètres de conception, et dans ce post, nous vous dirons comment faire la plupart d'entre eux.

Nous avons décomposé toutes les modifications possibles à la conception de votre magasin Ecwid en trois niveaux selon les compétences et les ressources nécessaires, à partir rapide et facile au complexe plus profond et plus.

Niveau 1: Rapide et facile

Rapide et facile

Sans effort, modifications rapides. Rien que cliquant sur les boutons est nécessaire.

Avant de commencer à penser des modifications de conception, voici les bonnes nouvelles: Ecwid construit automatiquement dans l'environnement et se présente comme une partie naturelle de votre site ou une page sociale. Vous ne devez pas faire de codage pour que - tout va bien fonctionner.

En plus, il existe des moyens simples pour adapter l'apparence de votre magasin et se sentir à votre mission sans effort supplémentaire.

1. A vendre sur un site de démarrage Ecwid si vous ne possédez pas de site

Le démarrage du site est un site gratuit d'une page avec une boutique en ligne qui Ecwid fournit gratuitement lorsque vous créez votre compte Ecwid.

Ecwid site de démarrage

En parlant de la conception, Site Starter est construit avec des blocs ready-made (l'image de couverture, logo, boutique en ligne, section "About Us", commentaires des clients, et des contacts) que vous pouvez activer et désactiver, modifier, et personnaliser à votre entreprise. Tout ce qui peut être fait pratiquement dans les moments avec vos propres mains.

Ainsi,, si vous ne disposez pas d'un site web pour vendre sur, ceci est un moyen très facile de commencer à vendre en ligne sur une page de bonne mine web gratuitement.

Ce guide étape par étape explique comment concevoir votre site Starter: La personnalisation de Votre Site Starter à Partir de Zéro pour la Première Vente

2. Facile conception personnalisation pour ceux qui ont déjà un site web

Si vous avez déjà un site Web, Ecwid sera toujours intégrer en douceur avec elle, tout ce qu'il est construit sur: WordPress, Adobe Muse, Wix, Joomla, ou toute autre plate-forme. Voici ce que vous pouvez faire pour votre magasin encore mieux regarder.

Étape 1: Utilisez un thème correspondant pour votre site constructeur

Pour concevoir votre site Web, vous pouvez simplement choisir parmi des dizaines de thèmes disponibles à l'achat. Le magasin Ecwid est compatible avec la majorité d'entre eux.

Voici un répertoire rapide des endroits sur le web où vous pouvez trouver des thèmes pour votre site constructeur.

Pour les sites WordPress

Aussi, ne manquez pas la collection de les meilleurs thèmes WordPress gratuit pour les sites e-commerce.

Pour les sites web Adobe Muse

Pour les sites web Joomla

Pour les sites Web Squarespace

Pour les sites Web Wix, il est encore plus facile: parcourir les thèmes sans quitter www.wix.com.

Note: Ecwid + Wix marchands peuvent correspondre aux couleurs de leur site web et de stocker dans les paramètres de l'application Ecwid Wix.

Wix et Ecwid paramètres de couleur

Ecwid paramètres de conception de magasins sur les sites Wix

Étape 2: Activer le mode couleur Adaptive

Si vous ouvrez un nouveau magasin Ecwid et de l'ajouter à votre site Web, Ecwid automagiquement adapter les couleurs des magasins à votre style de site web. Cette fonction est appelée Mode couleur Adaptive. Il est un moyen très facile de faire de votre magasin une partie naturelle de votre site Web.

Si vous vendez déjà avec Ecwid, Mode adaptatif couleur ne sera pas activé par défaut, mais vous pouvez l'activer sur la page Conception:

Mode de Ecwid Couleur Adaptive

Que faire si vous ajoutez votre magasin de Ecwid à plusieurs sites? Avec le mode Adaptive couleur activé, les couleurs des magasins adapteront à chacun d'eux. Votre magasin sera un aspect naturel dans chaque environnement de site web, peu importe si elle est blanche, noir, ou vert.

Cette fonctionnalité est disponible pour la majorité des marchands Ecwid. Note: Ecwid + marchands Wix peuvent correspondre aux 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

Chaque fois que vous vendez en ligne avec Ecwid, il est possible d'activer ou de désactiver des éléments de devanture de magasin Ecwid en quelques clics. Par exemple, ceux qui vendent des produits faits à la main dans des copies uniques préfèrent souvent cacher la zone de quantité.

Vous pouvez masquer les éléments inutiles ou trop modifier la taille des miniatures - la section Apparence de votre page de conception va totalement vous permettre de le faire.

Paramètres d'apparence

Niveau 2: Aventurier

Aventurier
Pour ceux sans connaissances techniques qui sont à la recherche de profondes modifications de conception et de temps pour un petit voyage.

Vous avez votre magasin mis en place et que vous avez déjà regardé autour. Maintenant, vous commencez à sentir la nécessité d'une touche personnelle: il pourrait être marqué des couleurs pour les boutons, des textes, et le fond, icônes uniques, ou de nouveaux éléments entiers. Cependant, vous avez aucune idée sur le codage.

Pas de soucis: à ce niveau, nous avons recueilli les outils qui vous aideront à atteindre les objectifs ci-dessus sans connaissance particulière. Jetons un coup d'oeil de plus près les.

1. Utilisez les applications de l'App Market Ecwid pour la conception du magasin

L' Ecwid Marché De L'App chiffres 100+ applications pour vous aider avec l'analyse, promotion, expédition, et plus. Vous pouvez également trouver applications pour la personnalisation vitrine et conception. Nous allons jeter un oeil à deux applications pour changer les couleurs de votre thème sans codage: Designer de magasin et Décorateur.

Designer de magasin

Designer de magasin est une application qui vous permet de configurer rapidement des couleurs pour les boutons, texte, et le fond.

Le mode de prévisualisation vous permet de jouer autant que vous voulez avec des couleurs avant de publier votre conception parfaite pour la vitrine.

Designer de magasin

Interface Designer de magasin

Les coûts app $4.99 et offre une semaine d'essai gratuit.

Décorateur

Décorateur est une alternative à la boutique Designer.

Décorateur vous permet de changer la conception de presque tous les éléments de votre devanture de magasin. Il y a un mode de démarrage rapide pour les utilisateurs novices de changer rapidement la conception des principaux aspects d'une devanture et un mode de configuration complet pour les utilisateurs expérimentés. Personnalisation de vos coûts de devanture de magasin $27, et vous pouvez prévisualiser l'apparence avant d'effectuer un achat sur votre ordinateur uniquement.

Décorateur

Interface décorateur

Dans l'ensemble, cette application dispose de plusieurs outils complètement gratuits pour que vous puissiez jouer avec votre conception et polir le look de votre magasin.

Les deux Décorateur et de magasin sont disponibles sur tous les plans Ecwid payés, ainsi que le reste des applications du marché App.

2. Copier-coller des réglages prêts de la Base de connaissances

Ecwid De La Base De Connaissances a des réponses à la majorité des questions d'un propriétaire de magasin Ecwid pourrait avoir. Nous ajoutons constamment de nouveaux articles ici avec les conseils et les solutions prêtes à l'emploi les plus fréquemment posées.

Les aventuriers peuvent trouver diverses des instructions sur la vitrine de personnalisation; par exemple,

modification des polices dans le magasin ou l'ajout d'un moteur de recherche.

La plupart de ces instructions se décomposent de copier-coller un morceau de code dans votre thème CSS.

Vous pouvez gérer vos thèmes CSS dans Panneau De Contrôle Paramètres Conception.

Le processus va comme ceci: par exemple, si vous voulez changer votre panier icon, allez à votre Paramètres → Conception, créer un nouveau thème CSS, ajouter un morceau de code, enregistrer les modifications, et activer le thème.

la gestion des thèmes CSS dans Ecwid

Vous devez ajouter tous les autres changements à ce thème - un seul thème à la fois peut être actif, donc il doit inclure toutes les modifications que vous souhaitez apporter à votre magasin.

3. Commandez un développement de thème personnalisé

Si vous ne pouvez pas trouver un thème qui pourrait satisfaire vos besoins, Une autre option consiste à commander le développement d'un thème CSS qui sera construit juste pour vous. Un thème personnalisé signifie bien plus qu'un simple changement de couleurs et vous permet d'obtenir la personnalisation plus profonde, et.g. un ordre complètement différent de blocs sur votre page de produit.

thèmes Ready-made et développement du thème sont disponibles pour tous les commerçants Ecwid.

S_Ecwid_201_Cover

Ecwid 201: Prenez Votre Ecwid Magasin pour le Prochain Niveau

Un guide détaillé expliquant comment changer le design de magasin avec CSS

S'il vous plaît, mettez une adresse email valide

En entrant votre email, vous recevrez des mises à jour de blog Ecwid hebdomadaires et des ressources pour vous aider à construire votre entreprise de commerce électronique avec succès.

Niveau 3: Vétéran

Vétéran
personnalisation lourd: changements complets de votre look du magasin. Bonjour, code.

Parfois, des changements plus profonds de l'apparence du magasin sont nécessaires: vous voudrez peut-être un menu déroulant, une disposition différente des éléments de la page du produit, ou un design personnalisé de boutons.

Pour les commerçants tech-savvy ou ceux qui ont un développeur dans leur équipe, il y a la possibilité d'apporter des changements de ce type et même de transformer leur magasin Ecwid au-delà de la reconnaissance à l'aide de thèmes CSS personnalisés ou Ecwid API.

1. Créer un thème CSS self-made

Si vous souhaitez concevoir votre magasin sur votre propre, envisager de créer votre propre thème CSS.

Un thème de CSS est un ensemble de règles qui détermine l'apparence de chaque élément dans le magasin (la taille, forme, couleur, et placer sur une page).

Créer thème CSS personnalisé

Créez vos propres thèmes CSS dans Paramètres → Conception

Il est un guide 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.

Notez que vous aurez besoin d'avoir une compréhension de HTML et CSS, donc si ces deux mots sonnent familiers, vous devriez être prêt à passer un peu de temps à acquérir les compétences nécessaires pour créer un thème à partir de zéro.

Rappelez-vous que si vous vous débattez avec la conception de votre magasin de Ecwid, vous pouvez toujours demander à l'équipe de service à la clientèle de l'aide Ecwid. Ou il est encore possible de commander le développement personnalisé de votre propre thème CSS.

2. Utilisez l'API Ecwid Javascript pour étendre Ecwid éléments de devanture

Cette partie est la plupart du temps pour les développeurs. Savez-vous quoi d'autre pourrait améliorer votre vitrine Ecwid? Obtenir le Ecwid Javascript API.

Par exemple, vous pouvez construire un nouveau thème de 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.

***

Lire aussi: Comment Concevoir un Produit de la Catégorie d'Images Que Vos Clients ne Peuvent pas Résister à Cliquer

About The Author
Qetzal is Head of Product at Ecwid. He loves to create new things to make people's lives easier.

Stay up to date!

Get free e-commerce tips, news and inspiring ideas delivered directly to your inbox

Lire aussi