Ecwid pour tout site web
Avec Ecwid, vous pouvez ajouter toute votre boutique, des catégories, des fiches produits uniques ou des boutons d'achat à tout site Web ou blog existant en quelques minutes. Vous pouvez connecter la boutique Ecwid à votre site sur WordPress, Wix, Weebly, Joomla, et bien d'autres en quelques minutes.
Vous pouvez également ajouter la boutique à d'autres constructeurs de sites Web ou à des sites Web personnalisés. Il vous suffira de de coller le code de la boutique sur votre page et les clients pourront commencer à faire leurs achats directement sur ce dernier.
Ajout d'Ecwid aux constructeurs de sites Web et aux CMS
Ecwid dispose d'extensions (également appelées « applications ») pour les constructeurs de sites Web et les systèmes de gestion de contenu (CMS) les plus populaires. Elles vous permettent d'ajouter une boutique à un site Web sans rien coder.
Habituellement, une extension fonctionne de cette manière : vous l'installez sur votre site web, vous vous connectez à votre compte Ecwid, vous enregistrez et vous publiez les modifications. Voilà ! Votre boutique apparaît sur le site web.
Vous trouverez ci-dessous la liste des constructeurs de sites Web ou CMS pour lesquels nous avons des extensions. Cliquez sur celui que vous utilisez pour voir les instructions sur la façon d'y ajouter votre boutique Ecwid :
Il existe également de nombreux autres constructeurs de sites Web qui vous aident à créer un site web sans aucune connaissance en programmation. La plupart d'entre eux permettent également d'ajouter des codes personnalisés. Cela signifie que vous pouvez également ajouter votre boutique Ecwid à ces sites Web.
Nous avons préparé des instructions étape par étape qui vous aideront à ajouter la boutique Ecwid à votre site web si vous utilisez :
- Squarespace
- Blogger (en anglais)
- Jimdo
- Flexbe (en anglais)
- et bien d'autres constructeurs de sites web. Voir la liste de ceux-ci ici : Ecwid pour différents sites.
Ajout d'Ecwid à un site web personnalisé
Si vous n'avez pas trouvé votre constructeur de site web dans les listes ci-dessus ou si vous avez un site web personnalisé, vous pouvez toujours ajouter votre boutique Ecwid tant que vous pouvez ajouter des codes personnalisés au site web. Ce peut être un onglet HTML intégré ou source, ou d'un bloc ou paramètre spécial où vous pouvez ajouter votre code.
Regardez des vidéos rapides sur la façon d'ajouter votre boutique Ecwid à un site personnalisé :
Voici une instruction sur la façon d'ajouter une boutique Ecwid à un site web :
- Depuis votre administration Ecwid, allez sur Site.
- Faites défiler jusqu'à la section « Ajoutez votre boutique à d'autres sites » et cliquez sur Choisir la plateforme → Autres plateformes et constructeurs de sites web.
- Cliquez sur Copiez le code dans le presse-papier. Voici le code de votre boutique.
- Sinon, vous pouvez copier le code d'intégration ici même. N'oubliez pas de remplacer 1003 dans l'exemple ci-dessous par l'ID de votre boutique que vous pouvez retrouver en bas à gauche de votre panneau de contrôle :
<div id="my-store-1003"></div>
<div>
<script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?1003&data_platform=code" charset="utf-8"></script><script type="text/javascript"> xProductBrowser("id=my-store-1003");</script>
</div> - Rendez-vous dans l'éditeur de votre site web et ouvrez la page sur laquelle vous souhaitez afficher la boutique.
- Collez le code dans le code source de la page. Il peut s'agir d'un onglet HTML ou source ou d'un bouton séparé destiné à ajouter des codes. Cela varie en fonction du site web. Si vous ne savez pas comment ajouter un code personnalisé à votre site web, veuillez contacter votre développeur pour des instructions plus détaillées.
- Enregistrez et publiez les modifications.
Après cela, votre boutique apparaîtra sur le site web et les clients pourront commencer à passer des commandes.
Ajouter des extensions de boutique à un site web personnalisé
Vous pouvez ajouter des extensions à votre site web pour aider les clients à naviguer sur votre site et à trouver plus facilement ce qu'ils recherchent.
Vous pouvez ajouter ces extensions de boutique à votre site :
- Panier supplémentaire. Cette extension affiche le nombre d'articles contenus dans le panier et aide les clients à se rendre sur la page du panier pour en visualiser le contenu et effectuer un achat.
- Menu de navigation par catégorie. Le menu présente les catégories de votre boutique sous la forme d'une liste horizontale avec des onglets aidant les clients à voir quels types de produits vous proposez et à trouver ce qu'ils recherchent.
- Zone de recherche de produits. Avec une zone de recherche, les clients peuvent rechercher des produits par nom, UGS, nom des options et autres, et trouver le produit spécifique dont ils ont besoin sans parcourir toutes les pages du magasin.
Pour ajouter ces extensions à un site web personnalisé, utilisez les mêmes instructions que pour ajouter un catalogue de boutique à un site. Si vous utilisez un constructeur de sites web ou un CMS dans lequel vous ajoutez Ecwid à l'aide d'une extension, vous pouvez généralement les ajouter dans les paramètres des extensions. Veuillez vérifier les instructions pour le constructeur de site web ou le CMS que vous utilisez.
FAQ
Lorsque je clique sur l'extension de panier/recherche/menu, je la vois dans une fenêtre contextuelle. Comment l'ouvrir dans une page au lieu d'une fenêtre contextuelle ?
Le catalogue de votre boutique peut s'ouvrir dans une fenêtre contextuelle si vous n'avez ajouté que des extensions de boutique à la page de votre site (icône de panier, zone de recherche, menu de boutique ou fiches de produits uniques/boutons d'achat), mais n'avez pas ajouté le catalogue de boutique à cette page. Comme aucune page du site ne dispose du catalogue de la boutique, les produits sont affichés dans une fenêtre contextuelle lorsque vous cliquez sur un élément de menu ou sur l'icône du panier.
Pour afficher du contenu sur la page plutôt que dans des fenêtres contextuelles, vous pouvez simplement ajouter le catalogue de votre boutique à la page de votre site. Suivez les instructions pour ajouter Ecwid à un constructeur de site web ou à un site web personnalisé. Ou, si vous ne voulez pas ajouter le catalogue de votre boutique à cette page, vous pouvez rediriger les clients vers une autre page associée à votre boutique.
Pour se débarrasser des fenêtres contextuelles et rediriger les clients vers une autre page avec le catalogue de votre boutique :
- Allez dans le backend de votre site web.
- Ajoutez le code suivant au code source de votre site web et remplacez PB_URL par le lien vers la page contenant le catalogue de votre boutique, par exemple https://www.exemple.com/boutique :
<script>var ecwid_ProductBrowserURL = "PB_URL";</script> - Enregistrez et publiez les modifications apportées à votre site web.
Après cela, lorsqu'un client cliquera sur un menu du site ou sur le bouton « Parcourir la boutique » sur la page du panier, il sera redirigé vers la page contenant votre boutique.