Base de connaissances
Guides
Académie
Tutoriels vidéo
Appuyez sur la touche échap pour quitter :
Articles consultés récemment :

Sommaire

Ajouter votre boutique Ecwid à un site WordPress

WordPress est un système de gestion de contenu populaire qui vous permet de créer des sites web et des blogs. Vous pouvez facilement ajouter une boutique en ligne Ecwid à votre site Wordpress en installant l'extension Ecwid E-commerce Shopping Cart.

Une fois installée, l'extension crée automatiquement une page Boutique sur laquelle vos clients peuvent acheter vos produits. Vous pouvez mettre en place et gérer votre boutique en ligne directement depuis votre back-end WordPress. L'espace d'administration Ecwid s'y trouve, vous pouvez donc gérer tout votre site Web de commerce en ligne depuis un seul et même endroit.

Ajouter Ecwid à WordPress.org et WordPress.com

Il existe deux solutions : WordPress.org ou WordPress.com. La principale différence réside dans le fait que si vous utilisez WordPress.org, vous devez gérer l'hébergement de votre site web. Si vous utilisez WordPress.com, WordPress s'en occupe. Il existe également d'autres différences. Pour en savoir plus sur les avantages et les inconvénients de chaque variante grâce à l'assistance WordPress ou sur leur blog.

L'extension Ecwid E-commerce Shopping Cart est disponible pour les deux solutions, vous pouvez donc ajouter votre boutique à un site Wordpress auto-hébergé ou à un site hébergé sur WordPress.com.

Consultez notre guide vidéo sur la façon d'ajouter l'extension Ecwid à WordPress :

Pour ajouter la boutique en ligne Ecwid à un site WordPress, suivez ces instructions :

Si vous hébergez vous-même votre site Wordpress, voici comment vous pouvez y ajouter votre boutique Ecwid :

  1. Ouvrez votre panneau d'administration WordPress et rendez-vous dans Extensions.
  2. Clique sur le bouton Ajouter.
  3. Saisissez « ecwid » dans le champ de recherche. Cliquez sur Installer maintenant à côté de l'extension Ecwid E-commerce Shopping Cart :

Ecwid_on_Wordpress.png

L'installation peut prendre plusieurs secondes.

  1. Cliquez sur Activer.
  2. Si vous n'avez pas encore de compte Ecwid, cliquez sur Créer une boutique. Sinon, sélectionnez l'option Connectez votre boutique et accordez les autorisations demandées à l'extension Ecwid.
Si vous ne connectez pas votre boutique directement après l'installation de l'extension Ecwid, une boutique de démonstration apparaîtra sur votre site. Pour connecter votre boutique, dans votre backend WordPress, allez dans Ecwid → Configuration, puis créez une nouvelle boutique ou connectez une boutique Ecwid existante.

Une fois ces étapes passées, la boutique Ecwid sera ajoutée à une page « Boutique » créée automatiquement. Vous pouvez garder la boutique sur cette page ou l'ajouter à d'autres pages de votre site WordPress :

  1. Ouvrez la page WordPress sur laquelle vous souhaitez ajouter la boutique.
  2. Cliquez sur le bouton + en haut à gauche pour ajouter un bloc.
  3. Saisissez « Ecwid » dans le champ de recherche.
  4. Sélectionnez Page d'accueil de la boutique.
  5. Cliquez sur Mettre à jour.

Si vous n'avez pas encore ajouté vos produits à la boutique, quelques échantillons apparaîtront dans votre vitrine à des fins de démonstration. Pour ajouter vos produits, gérer les paramètres de la boutique et suivre les commandes, allez dans l'administration Ecwid.

Vous pouvez accéder à l'administration Ecwid directement depuis https://my.ecwid.com/cp/ ou dans votre backend Wordpress :

  1. Dans WordPress.org (un site Wordpress auto-hébergé), cliquez sur Ecwid dans le menu de gauche.
  2. Allez dans la section pertinente de l'administration Ecwid, par exemple :

    • Vitrine : cette section regroupe en un seul endroit de nombreux paramètres spécifiques à Wordpress. Vous pouvez y gérer la façon dont votre boutique apparaît sur votre site WordPress, par exemple en modifiant son apparence, en l'ajoutant à la page d'accueil, en affichant l'icône du panier dans l'en-tête de votre site et bien d'autres choses encore.
    • Catalogue → Produits : ici, vous pouvez supprimer des échantillons de produits et ajouter vos propres produits.
    • Paiement : dans cette section, vous pouvez définir les options de paiement que vous souhaitez proposer à vos clients lors du passage de leur commande.
Obtenez plus d'informations sur la configuration initiale de la boutique.

Afficher des catégories sur différentes pages d'un site

Vous pouvez ajouter des produits de différentes catégories sur différentes pages de votre site web. Supposons que vous ayez des produits en vente ou que vous vendiez des vêtements pour hommes et femmes et que vous vouliez afficher tous ces produits sur des pages distinctes du site web.

Lorsque vous ajoutez une catégorie de boutique à une page distincte du site web, le lien vers cette page apparaît dans le menu du site. Cela permet d'attirer davantage l'attention des clients car la catégorie désignée est visible depuis n'importe quelle page du site web.

Pour ajouter une catégorie de produits sur une page distincte du site WordPress :

  1. Depuis votre panneau d'administration WordPress, allez dans Ecwid → Vitrine.
  2. Dans la section Ajouter une page de catégorie, cliquez sur Choisir une catégorie et choisissez la catégorie que vous voulez afficher sur la page :

category_wordpress.png

  1. Si nécessaire, personnalisez l'apparence de cette catégorie (ces modifications n'affecteront pas les autres catégories) : sélectionnez le bloc contenant la catégorie de boutique pour afficher ses paramètres et choisissez parmi les options d'apparence dans le bloc de droite :

create_a_category_wordpress.png

  1. Cliquez sur Publier une fois que vous êtes satisfait du résultat.
  2. Répétez les étapes précédentes avec les autres catégories.

C'est terminé, vous avez ajouté les catégories de votre boutique à différentes pages du site web et vos clients peuvent y accéder à partir du menu.

Mettre un produit en vedette sur une page

Vous pouvez ajouter un produit de votre boutique Ecwid sur n'importe quelle page du site web. Par exemple, vous pouvez créer une page de renvoi pour un nouveau produit ou en mettre un qui se vend mal en évidence dans une publication pour stimuler ses ventes.

Pour ajouter un produit sur une page de votre site WordPress :

  1. Allez dans votre tableau de bord WordPress → Pages et ouvrez la page sur laquelle vous souhaitez ajouter un produit. Vous pouvez l'ajouter sur une nouvelle page ou une page déjà existante.
  2. Cliquez sur le bouton + en haut à gauche pour ajouter un nouveau bloc. 
  3. En fonction de la manière dont vous souhaitez représenter un produit, cliquez sur le bloc approprié : Grande fiche produit (elle comprend la description du produit et la galerie), Petite fiche produit ou Bouton Acheter maintenant.

Fiches produit

  1. Si vous souhaitez modifier l'apparence de la fiche produit, cliquez sur le bloc contenant le produit et modifiez les paramètres du bloc à droite :

Options de design dans le bloc Gutenberg

  1. Cliquez sur Mettre à jour pour enregistrer les modifications apportées à la page.

Vous pouvez également créer une page de renvoi avec un produit à partir du menu Ecwid, dans votre panneau d'administration WordPress. Dans ce cas, la grande fiche produit contenant tous les détails du produit sera ajoutée à la page :

  1. Depuis votre panneau d'administration WordPress, allez dans Ecwid → Vitrine.
  2. Dans la section Ajouter une page de catégorie, cliquez sur Choisir un produit et choisissez le produit que vous voulez afficher sur une page séparée du site web.
  3. Cliquez sur Publier.

Mettre des produits en vedette dans une barre latérale

Vous pouvez promouvoir les produits de votre boutique Ecwid sur votre site WordPress en les présentant dans la barre latérale. En général, cela s'affiche sur les pages où vous avez des articles de blog :

Produits dans la barre latérale

De cette façon, les clients verront les produits au fur et à mesure qu'ils lisent vos messages, sans avoir à ouvrir la page de la boutique.

Pour ajouter des produits à la barre latérale du site web, utilisez les widgets de la boutique Ecwid :

  1. Allez dans votre panneau d'administration WordPress → Apparence → Widgets.
  2. Cliquez sur les widgets de boutique Ecwid que vous souhaitez utiliser pour afficher vos produits :
    • Produits consultés récemment,
    • Derniers produits ajoutés,
    • Produit aléatoire.
  3. Sélectionnez l'emplacement du widget.
  4. Cliquez sur Ajouter le widget.

En plus des produits, vous pouvez ajouter d'autres widgets de boutique Ecwid :

  • Panier
  • Recherche de produits
  • Catégories racines de la boutique
  • Lien de la page de la boutique

Après avoir ajouté l'un de ces widgets, assurez-vous qu'il s'intègre bien à l'apparence de votre site.

Option héritée : les Widgets fonctionnent uniquement avec les thèmes WordPress classiques de WordPress et ne sont pas disponibles si vous utilisez un thème de bloc.

Ajouter un champ de recherche de produits

Vous pouvez ajouter un champ de recherche de produits sur n'importe quelle page de votre site WordPress :

  1. Allez dans votre panneau d'administration WordPress → Pages et ouvrez la page sur laquelle vous souhaitez ajouter la recherche.
  2. Cliquez sur Ajouter un bloc → Moteur de recherche de produits :

product_search_box_wordpress.png

  1. Enregistrez les modifications.

Si vous disposez d'un vaste catalogue de produits et que vous utilisez des filtres pour aider vos clients à trouver un produit, vous pouvez ajouter une page de recherche à votre site. Elle contiendra le champ de recherche de produits, les filtres et votre liste de produits. Pour ajouter une page de recherche de ce genre :

  1. Depuis votre panneau d'administration WordPress, allez dans Ecwid → Vitrine.
  2. Dans la section Ajouter une page de recherche et de filtres, cliquez sur le bouton Créer une page de recherche.
  3. Modifiez l'apparence de la page et cliquez sur Publier.

Ajouter un menu déroulant avec des catégories

Si vos produits sont répartis en catégories, vous pouvez afficher celles de votre boutique dans le menu déroulant du site web. Cela améliorera la navigation sur votre site web et aidera les clients à trouver des produits plus rapidement.

Menu déroulant des catégories

À mesure que vous ajoutez de nouvelles catégories racines à la boutique, Ecwid les ajoute automatiquement à ce menu.

Voici comment ajouter les catégories de la boutique Ecwid au menu de votre site WordPress :

  1. Allez dans votre tableau de bord WordPress → Apparence → Menus.
  2. Ouvrez l'onglet Boutique.
  3. Cochez Boutique avec menu de catégories :

Boutique avec menu des catégories

  1. Cliquez sur Ajouter au menu.
  2. Cliquez sur Enregistrer le menu.
Si vous avez ajouté une nouvelle catégorie racine à la boutique et qu'elle ne s'affiche pas dans le menu, accédez à l'onglet d'administration WordPress → Design → Menus, ouvrez l'onglet Boutique, cliquez sur le lien Rafraîchir la liste des catégories.

De plus, dans Design → Menus, vous pouvez ajouter d'autres liens vers votre boutique au menu de votre site web :

  • Panier : ajoute un lien vers la page du panier
  • Recherche de produits : ajoute un lien vers une page contenant le champ de recherche et les filtres
  • Mon compte : ajoute un lien vers la page de profil du client
  • Boutique : ajoute un lien vers la page d'accueil de la boutique

Sélectionnez les liens qui seront utiles à vos clients et ajoutez-les au menu du site web.

Option héritée : les Menus fonctionnent uniquement avec les thèmes WordPress classiques et ne sont pas disponibles si vous utilisez un thème en bloc.

Proposer aux clients un accès au site et à la boutique

La plupart des sites web proposent une option permettant aux utilisateurs de créer un compte. Cela peut servir à plusieurs choses : générer une liste de clients, masquer des pages spécifiques aux utilisateurs non inscrits, etc.

La boutique Ecwid permet également aux clients de créer des comptes et de se connecter. Sur leur compte, les clients peuvent voir l'historique de leurs commandes et obtenir des réductions s'ils appartiennent à des groupes de clients, entre autres options.

Si vous proposez une connexion sur le site web et à la boutique, deux icônes de connexion et une double connexion peuvent semer la confusion chez vos clients. Dans ce cas, vous pouvez connecter automatiquement vos clients à la boutique lorsqu'ils se connectent à votre site WordPress. Pour cela, vous pouvez activer l'option d'authentification unique (SSO).

Pour activer l'option d'authentification unique sur votre site WordPress :

  1. Depuis votre tableau de bord WordPress, allez dans Ecwid → Avancé.
  2. Cochez l'option Authentification unique du client.
  3. Cliquez sur Enregistrer les modifications.
L'option Authentification unique est disponible avec les forfaits Venture, Business et Unlimited.

Inclure des produits dans le plan du site Web

Un plan du site aide les moteurs de recherche comme Google, Bing, Yahoo à mieux indexer votre site web. Il fournit aux robots d'indexation la structure complète de votre site, ce qui permet une indexation plus rapide. Lorsque votre site web et les pages de votre boutique sont indexés, ils apparaissent dans les résultats de recherche et aident les clients potentiels à trouver votre boutique.

À partir de Wordpress v.5.5, le plan du site est disponible sans extension supplémentaire. Pour le voir, il suffit d'ajouter /wp-sitemap.xml à l'url de votre site, comme par exemple : www.exemple.com/wp-sitemap.xml.

Pour créer un plan de site pour un site Wordpress d'une version antérieure, nous vous suggérons d'utiliser l'une des extensions Google XML Sitemaps ou Yoast Wordpress SEO. Entièrement compatibles avec Ecwid, ces extensions ajouteront des liens vers les pages de produits et de catégories de votre boutique au plan de site généré. De cette façon, les moteurs de recherche pourront indexer les pages de votre site web en même temps que les pages de la boutique.

FAQ

Puis-je ajouter plusieurs boutiques à un site WordPress ?

Vous pouvez ajouter deux boutiques Ecwid différentes et même plus sur un même site WordPress. Ajoutez une boutique à l'aide d'une extension et encore plus à l'aide d'un code. N'ayez pas peur du mot « code ». Il s'agit d'un code prêt à l'emploi, il suffit de le copier et de le coller.

Vous pouvez également ajouter différentes catégories de la même boutique à différentes pages du site web.

Pour ajouter une deuxième boutique à l'aide d'un code :

  1. Allez dans l'administration Ecwid → Site en ligne.
  2. Faites défiler la page jusqu'à la section Ajouter votre boutique à un autre site web et cliquez sur Choisir une plateforme.
  3. Faites défiler jusqu'à Autres plateformes et constructeurs de sites et cliquez dessus.
  4. Cliquez sur le bouton Copier le code dans le presse-papier. Maintenant que vous disposez de votre code de boutique :

Code d'intégration Ecwid

  1. Allez dans votre Tableau de bord WordPress → Pages et ouvrez la page sur laquelle vous souhaitez afficher la boutique.
  2. Cliquez sur le bouton + en haut à gauche pour ajouter un nouveau bloc, faites défiler jusqu'à HTML personnalisé et cliquez dessus.
  3. Collez le code copié dans le champ.
  4. Cliquez sur Mettre à jour pour enregistrer les modifications.

La page d'accueil de la boutique s'affichera sur le site web. Pour ajouter d'autres boutiques au site web, suivez les étapes ci-dessus pour chacune d'entre elles.

Assurez-vous d'ajouter les boutiques sur des pages séparées (une boutique par page). Si vous ajoutez deux codes de magasin sur la même page, Ecwid ne chargera qu'un seul code. Cela signifie qu'une seule apparaîtra.

Comment puis-je connecter une autre boutique Ecwid à mon site ?

Si vous avez initialement connecté un mauvais compte Ecwid ou si vous avez simplement décidé de mettre une autre boutique sur le site web, vous pouvez connecter l'extension à une autre boutique à tout moment. Voici comment procéder :

  1. Allez dans votre Panneau d'administration WordPress → Ecwid.
  2. Faites défiler jusqu'au bas de la page.
  3. Cliquez sur Relier à nouveau en bas à droite.
  4. Vous verrez le bouton Relier votre boutique. Connectez-vous au panneau d'administration de la boutique que vous souhaitez afficher sur le site web.

Une fois ces étapes effectuées, la nouvelle boutique apparaîtra sur votre site web.

Comment contrôler l'accès au panneau d'administration Ecwid pour certains utilisateurs ?

Par défaut, lorsque vous créez un nouvel utilisateur dans votre tableau de bord WordPress, il n'a pas accès à votre espace d'administration Ecwid. De cette façon, vous pouvez être sûr que les développeurs tiers ou tout autre personnel que vous embauchez ne peuvent pas voir vos données de commerce électronique sensibles.

Cependant, vous pouvez facilement accorder aux utilisateurs l'accès à votre espace d'administration Ecwid si nécessaire.

Voici comment faire :

  1. Depuis votre tableau de bord WordPress, allez dans Utilisateurs.
  2. Créez un nouvel utilisateur ou ouvrez-en un existant pour le modifier.
  3. Cochez la case Accès au Panneau de contrôle Ecwid en bas de la page :
    WP access.png
  4. Enregistrez les modifications.

C'est tout ! Cette personne peut désormais accéder à l'interface d'administration de votre boutique Ecwid depuis votre Tableau de bord WordPress. Vous pouvez facilement restreindre leur accès plus tard en décochant la case Accès au Panneau de contrôle Ecwid.

Selon mon outil de test de vitesse, les pages de la boutique se chargent rapidement, mais le reste de mon site WordPress pourrait être plus rapide. Comment puis-je améliorer la performance du site ?

Pour optimiser la vitesse de votre site WordPress, vous pouvez utiliser la mise en cache et les extensions de performance comme Autoptimize ou WP Rocket.

Articles connexes

Transformer le commerce électronique pour les utilisateurs de Wordpress (blog, en anglais)
Ajouter le commerce électronique n'importe où sur votre site (blog, en anglais)
Migrer votre boutique de WooCommerce à Ecwid (en anglais)

Cet article vous a-t-il été utile ?

Génial ! Merci pour vos commentaires !

Merci pour vos commentaires !

Nous sommes désolés ! Que s'est-il passé ?
Utilisateurs qui ont trouvé cela utile : 70 sur 80
10
Nous utilisons des cookies et des technologies similaires pour garder vos préférences en mémoire, mesurer l'efficacité de nos campagnes et analyser des données anonymisées afin d'améliorer les performances de notre site. En choisissant « Accepter », vous acceptez l'utilisation de cookies.
Accepter les cookies Refuser