5 astuces Ecwid pour les sites WIX


Mes 5 astuces Ecwid pour les utilisateurs Wix sont d'économiser de l'argent en utilisant Ecwid eCommerce dans Wix (au lieu de Wix eCommerce), d'ajouter des liens de menu à votre magasin Ecwid, de

Wix est un constructeur de sites Web incroyable avec des fonctionnalités de glisser-déposer sans précédent qui permettent à quiconque de créer un site Web rapidement et facilement. Ecwid est une solution de commerce électronique incroyablement puissante qui intègre de manière transparente Wix.

Ecwid est un match parfait lorsqu’il est ajouté à WIX pour vous aider à créer la plateforme de commerce électronique de vos rêves. Dans ce post, vous trouverez cinq vidéos concises vous apprenant à ajouter votre magasin Ecwid à WIX, à améliorer l’expérience client et à concevoir votre magasin Ecwid en fonction de votre marque. Si vous souhaitez visionner ces vidéos en français, simplement cliquer sur le bouton YouTube en bas à droite de la vidéo et séléctionner CC pour et choisir de faire afficher les sous-titres en français.

Mes 5 astuces Ecwid pour les utilisateurs Wix sont d’économiser de l’argent en utilisant Ecwid eCommerce dans Wix (au lieu de Wix eCommerce), d’ajouter des liens de menu à votre magasin Ecwid, de redimensionner le widget du mini panier, d’utiliser le menu de catégorie horizontal dans Wix et de concevoir votre magasin en fonction de votre image de marque.

#1. Économisez de l’argent

Avant de commencer, votre boutique de commerce électronique Ecwid doit être intégrée à votre site WIX. Il s’agit d’une économie car vous n’aurez pas besoin d’un thème de commerce électronique Wix. La vidéo ci-dessous montre comment ajouter votre boutique à votre site WIX à l’aide de l’application de commerce électronique Ecwid du marché des applications WIX.

  1. Connectez-vous à votre compte Wix.
  2. Sélectionnez le site auquel vous souhaitez ajouter un magasin> Cliquez sur Modifier le site.
  3. Cliquez sur Ajouter des applications
  4. Tapez « Ecwid » dans la barre de recherche et sélectionnez l’application Wix Ecwid
  5. Cliquez sur + Ajouter au site → + Ajouter une application
  6. Une fois que vous avez ajouté l’application, elle affichera des exemples de produits jusqu’à ce que vous vous connectiez à votre magasin. Connectez votre boutique Ecwid pour vendre vos produits sur votre site Web.
  7. Si vous n’avez pas encore de magasin Ecwid, remplissez les champs du formulaire d’inscription, cliquez sur « Créez un compte » et suivez les instructions d’inscription.
  8. Accordez les autorisations d’application en cliquant sur Accepter.
  9. Votre magasin est maintenant connecté à votre site Web Wix!
  10. Enregistrez les modifications et publiez votre site

#2. Ajouter des liens au menu

La vidéo ci-dessus montre comment créer un lien vers des éléments du magasin Ecwid (comme des catégories ou des produits) de votre menu WIX vers votre magasin Ecwid. Cette astuce très simple peut aider à améliorer l’expérience client dans votre magasin en établissant un lien direct vers des produits ou des catégories. Il est très facile à installer et ne nécessite que quelques étapes simples.

Dans votre navigateur Web (comme Safari ou Google Chrome), ouvrez votre site Web publié dans un onglet et votre éditeur Wix dans un autre onglet:

  1. Dans votre éditeur Wix
  2. Cliquez sur Menu → Gérer le menu
  3. Cliquez ensuite sur Ajouter un lien → Adresse Web.

C’est là que vous pourrez ajouter la catégorie à laquelle vous souhaitez vous lier dans votre boutique Ecwid:

  1. Dans l’onglet contenant votre site Web publié
  2. Faites un clic droit sur le lien vers la catégorie ou le produit vers lequel vous souhaitez créer un lien
  3. Sélectionnez «Copier le lien».

Revenez à votre éditeur Wix:

  1. Collez le premier produit ou la première catégorie à laquelle vous souhaitez créer un lien
  2. Nommez l’onglet en fonction de l’élément de menu que vous souhaitez afficher. Assurez-vous de cliquer sur «Fenêtre actuelle».
  3. Cliquez « Terminé ».

Assurez-vous également d’avoir des liens ouverts dans la «fenêtre actuelle» lors de la configuration des éléments de menu, sinon cela sera source de confusion pour les clients. Imaginez que vous cliquiez sur les catégories de produits dans le menu de votre site et que vous les ouvriez dans de nouvelles fenêtres – un tel comportement ne serait pas convivial.

Et voila! Vous avez maintenant créé un élément de menu dans votre site Wix qui renvoie à une catégorie de votre boutique Ecwid. Cette astuce fonctionne si vous avez un compte WIX gratuit ou payant. Pour une meilleure productivité, ouvrez votre site publié dans un onglet et votre éditeur WIX dans un autre onglet dans le même navigateur.

#3. Redimensionner le Mini-Cart

Vous voudrez peut-être redimensionner le widget mini-panier dans WIX. Vous aurez besoin du code ci-dessous pour ce tutoriel.

.ecwid-minicart {
-ms-transform: scale(0.7, 0.7); /* IE 9 */
-webkit-transform: scale(0.7, 0.7); /* Safari */
transform: scale(0.7, 0.7);
}
  1. Dans votre panneau de configuration Ecwid Seller → Cliquez sur Design
  2. Créez un thème ou modifiez votre thème actuel si vous en avez déjà un. Si vous n’avez pas encore de thème, consultez cette vidéo ou cet article sur la base de connaissances d’Ecwid pour savoir comment en créer un.
  3. Copiez le code ci-dessus et collez-le dans votre thème
  4. Modifiez simplement la taille en changeant les nombres jusqu’à ce que vous trouviez la taille que vous recherchez
  5. Enregistrez et assurez-vous que votre thème est actif

Si vous devez redimensionner la position de l’iframe du minicart (car le panier est plus petit que le cadre dans lequel il se trouve par exemple), vous pouvez adapter le panier au cadre avec le code suivant

.ecwid-minicart {
position: absolute !important; 
top:0;
}

#4. Utilisez un menu horizontal

Dans la vidéo ci-dessus, vous apprendrez à ajouter des catégories horizontales à votre magasin Ecwid dans votre site Web WIX. Le processus est le même si vous souhaitez afficher les catégories verticales.

Voici le code dont vous avez besoin pour activer les catégories horizontales (modèle de code CSS).

.horizontal-desktop .horizontal-menu {
position: fixed;
top: 0;
left: 0;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 5px;
margin-top: 5px;
width: 560px;
}
table.ecwid-productBrowser-subcategories-mainTable {
display: none;
}
div.ecwid-productBrowser-categoryPath {
display: none;
}
.ecwid-productBrowser {
margin-top: 38px !important;
}
.ecwid-productBrowser-head {
margin-bottom: 30px !important;
}

#5. Concevez votre boutique Ecwid

Vous avez donc personnalisé la conception de votre magasin dans votre panneau de contrôle Ecwid, mais les modifications ne s’affichent pas dans votre boutique Wix. Pas de soucis, à la fin de cette vidéo, vous saurez comment concevoir votre boutique Ecwid dans Wix.

  1. Dans votre éditeur Wix → Accédez à votre page boutique
  2. Cliquez n’importe où sur votre boutique → Sélectionnez Paramètres
  3. Modifiez les éléments comme vous le feriez dans le panneau de conception d’arrière-plan d’Ecwid
  4. Ensuite, enregistrez et publiez

Gardez également à l’esprit que ces modifications ne s’appliqueront que si vous disposez du thème CSS standard dans votre panneau de configuration Ecwid. Si vous avez activé un thème CSS personnalisé, seuls les paramètres de couleur d’arrière-plan et de transparence s’appliqueront.

Abonnez-vous à la chaîne Youtube de Daniella si vous souhaitez plus de tutoriels, conseils et astuces Ecwid.

This post is also available in: English

Daniella.io

Ecwid eCommerce expert with a Master's teaching and over 10 years eCommerce experience. I create Ecwid tutorial videos on YouTube with insider tips, techniques to help you get online quickly, easily and for a low cost. Subscribe to my YouTube channel to get notified of new content.

Recent Content