WooCommerce est la solution de commerce électronique la plus populaire pour WordPress, et de loin. Elle compte plus de 5 millions d’installations actives, une note de 4,5 sur WordPress.org et une armée de propriétaires de boutiques numériques heureux et fidèles.
De plus, en mai 2023, WooCommerce équipait environ 8,7 % de tous les sites web et 23 % des 1 million de sites de commerce électronique les plus importants. Les ventes de commerce électronique sont en plein essor, et si vous souhaitez ouvrir une boutique sur votre site WordPress, opter pour WooCommerce est l’une des meilleures décisions que vous puissiez prendre.
La seule question qui se pose est la suivante : Comment faire fonctionner WooCommerce sur votre site ? Pour répondre à cette question, nous avons élaboré un tutoriel complet sur WordPress WooCommerce.
Et n’oubliez pas que votre objectif ultime est d’augmenter les revenus de votre boutique. N’oubliez donc pas de télécharger notre e-book gratuit, 10 façons d’augmenter les conversions de votre page produit WooCommerce. Et c’est parti !
L’utilisation de WooCommerce est-elle gratuite ?
WooCommerce est une extension de panier d’achat open source qui peut être téléchargée et utilisée gratuitement sur les sites WordPress. L’exploitation d’une boutique en ligne n’est cependant pas totalement gratuite, car il y a des couts associés à l’hébergement et au domaine, au moins, ainsi qu’aux personnalisations, à la conception, à l’image de marque, au marketing et à la publicité.
Comment installer et configurer WooCommerce (en 7 étapes)
Naturellement, vous devrez commencer par installer et activer l’extension WooCommerce. Vous pouvez le faire sur un nouveau site WordPress ou sur un site existant. Dans les étapes suivantes, nous allons vous aider à installer l’extension et à configurer ses réglages.
Étape 1 : Installer le plugin WooCommerce
La première chose à faire est d’installer WooCommerce sur votre site web. Vous pouvez le télécharger gratuitement depuis le dépôt WordPress, puis le téléverser sur votre site.
Encore plus facile, vous pouvez l’installer directement à partir de votre tableau de bord WordPress :
Pour ce faire, accédez à votre site WordPress et naviguez vers Extensions > Ajouter. Utilisez la barre de recherche pour trouver « woocommerce », et cliquez sur Installer maintenant lorsque vous avez trouvé la bonne extension. L’auteur de l’extension doit être Automattic :
Laissez à l’extension le temps de s’installer. Cliquez ensuite sur le bouton Activer:
A ce stade, l’extension sera opérationnelle sur votre site !
Étape 2 : Accéder à l’assistant d’installation
Après avoir installé WooCommerce, vous serez invité à suivre un assistant de configuration. Il est facultatif, mais nous vous recommandons de le parcourir afin de configurer certains réglages clés.
La première page de l’assistant de configuration de WooCommerce devrait ressembler à ceci :
Ici, WooCommerce vous demande de saisir quelques informations de base sur votre boutique, comme son adresse. Gardez à l’esprit que tout ce que vous définissez ici (ou dans le reste de l’assistant de configuration) peut être modifié ultérieurement dans les réglages de WooCommerce si nécessaire.
Une fois que vous avez rempli ces champs, cliquez sur Continuer. Ensuite, on vous demandera de préciser le secteur d’activité de votre boutique :
Cochez les cases correspondant aux options qui s’appliquent à votre entreprise. Sélectionnez ensuite Continuer.
A ce stade, WooCommerce aura besoin de quelques détails sur le type de produits que vous envisagez de vendre :
Comme vous pouvez le voir, il est gratuit de continuer avec des produits physiques ou des téléchargements numériques. Cependant, si vous envisagez de vendre des abonnements, des adhésions, des réservations ou autres, vous devrez vous acquitter d’une petite redevance mensuelle.
À la dernière étape de l’assistant de configuration de WooCommerce, vous devrez confirmer certains détails concernant votre entreprise, notamment le nombre de produits que vous avez l’intention d’afficher et si vous vendez déjà ailleurs :
Utilisez les menus déroulants pour faire vos choix. Cliquez ensuite sur Continuer.
Vous serez alors dirigé vers l’onglet Fonctionnalités gratuites :
Ici, vous pouvez choisir d’améliorer votre boutique avec des extensions gratuites. Si vous cliquez sur la flèche déroulante, vous pouvez voir les extensions qui sont automatiquement appliquées lorsque vous terminez le processus d’installation, y compris WooCommerce Payments et Google Listings and Ads :
Vous pouvez toutefois supprimer l’une des options en décochant les cases correspondantes. Lorsque vous êtes prêt, cliquez sur le bouton Continuer pour terminer l’installation.
Étape 3 : Ajouter des produits à votre boutique en ligne
Une fois que vous aurez cliqué sur le dernier bouton Continuer de l’assistant d’installation, vous serez redirigé vers votre tableau de bord WordPress. Si vous avez choisi d’améliorer votre site avec l’extension gratuite Jetpack, votre panneau d’administration vous invitera à configurer Jetpack sur votre site.
Cependant, vous pouvez attendre jusqu’à plus tard pour le faire. Au lieu de cela, cliquez sur le nouvel onglet WooCommerce dans votre tableau de bord. Bien que vous ayez ajouté les détails de votre entreprise dans l’assistant de configuration, vous trouverez ici une liste de contrôle qui vous guidera tout au long du processus de création de votre boutique en ligne :
Tout d’abord, vous pouvez commencer à ajouter des produits à votre site web. Pour ce faire, vous pouvez cliquer sur Ajouter des produits dans l’écran de configuration.
Mais vous trouverez également un onglet dédié aux produits dans la colonne latérale de votre tableau de bord WordPress. Vous pouvez donc également ajouter de nouveaux produits à votre boutique en cliquant sur Produits > Ajouter un nouveau produit.
Vous serez invité à préciser le type de produit que vous souhaitez créer :
Par exemple, vous pouvez choisir d’ajouter des produits physiques, des produits numériques, des produits variables, etc. Faites votre sélection. Vous accèderez ensuite à la page Modifier le produit :
La première chose à faire est de créer un titre et une brève description du produit. Cliquez ensuite sur Enregistrer le projet et vous verrez apparaitre un lien Prévisualiser le produit :
Ici, vous pouvez voir un aperçu en direct de votre nouveau produit :
Jetons maintenant un coup d’œil à certains détails supplémentaires du produit.
Ajout de détails clés à votre produit
Si vous faites défiler l’écran sous l’éditeur d’articles, vous verrez deux nouveaux widgets que l’on ne trouve pas dans les articles ou les pages ordinaires. Le premier est la section Données du produit:
Ici, vous pouvez ajouter toutes sortes de détails sur votre produit. Tout en haut, vous pouvez indiquer si le produit est virtuel ou non (ce qui supprime l’onglet Expédition) et s’il est téléchargeable. Ensuite, dans l’onglet Général, vous pouvez entrer le prix normal et le prix de vente (les ventes peuvent être sensibles au temps).
Si vous vendez des produits numériques, vous devrez également téléverser le fichier à acheter, personnaliser la limite de téléversement (laissez-la vide pour qu’elle soit illimitée) et définir l’expiration du téléchargement (laissez-la vide pour qu’il soit disponible en permanence) :
Ensuite, dans l’onglet Inventaire, vous pouvez gérer votre stock en saisissant la quantité du produit, l’état du stock (en stock/en rupture de stock), et si vous souhaitez autoriser les commandes en attente :
En outre, vous pouvez marquer le produit comme vendu individuellement, ce qui signifie qu’une seule commande peut être achetée. C’est également ici que vous pouvez saisir le numéro d’identification du produit, si vous en avez un.
D’autres onglets utiles sont également disponibles. La section Expédition vous permet de saisir le poids, les dimensions et la classe d’expédition de l’article :
Dans l’onglet Produits liés, vous pouvez ajouter des ventes incitatives et croisées, tandis que les Attributs vous permettent de décrire les caractéristiques du produit.
Dans l’onglet Avancé, vous pouvez saisir des notes d’achat personnalisées, attribuer au produit une position définie dans votre menu et activer ou désactiver les évaluations. De plus, vous pouvez consulter les extensions recommandées dans l’écran Obtenir plus d’options.
Enfin, vous trouverez un onglet Pinterest au bas de cette section. Vous pouvez y déterminer l’état de vos produits (neufs/utilisés) et sélectionner une catégorie Google.
Créer des attributs et des produits variables
Comme vous pouvez le constater, il existe de nombreuses options pour ajouter des détails à vos produits WooCommerce et les personnaliser entièrement. Examinons de plus près deux des options les plus utiles de la section Données produit: les attributs et les produits variables.
Les attributs sont des descripteurs clés pour votre produit, et ils indiquent aux clients potentiels des informations importantes à son sujet. Il peut s’agir de la couleur de l’article, du matériau dans lequel il est fabriqué, de sa taille ou de son type, etc.
Si vous ajoutez ces détails à votre produit dans l’onglet Attributs, ils apparaitront sur la page du produit sous la rubrique Informations supplémentaires:
Quel que soit le type de produit que vous vendez, les attributs sont utiles pour communiquer les caractéristiques essentielles de manière concise. Mais qu’en est-il si vous vendez également des articles qui se déclinent en plusieurs options ?
Pour cela, vous pouvez sélectionner l’option Produit variable dans le menu déroulant Données du produit :
Vous accèderez ainsi à un nouvel onglet Variations, dans lequel vous pourrez créer plusieurs versions de votre produit. Vous pouvez le faire manuellement ou utiliser les attributs que vous avez déjà assignés à votre produit.
Pour procéder à cette dernière méthode, cliquez sur Générer des variations:
Supposons, par exemple, que vous proposiez un sweat à capuche en rouge, vert et bleu. Vous pouvez ajouter une variante pour chaque couleur et donner à chacune une description, un prix, etc. uniques.
Vos clients pourront voir toutes les variantes disponibles sur la page du produit :
Cela permet aux visiteurs de voir d’un seul coup d’œil tout ce que vous avez à offrir. En outre, vous n’avez pas besoin de créer des pages produit distinctes pour les différentes variantes d’un même article.
Personnalisation de la description courte de votre produit
Sous le widget Données produit, vous trouverez également une section intitulée Description courte du produit:
Vous pouvez ici créer un titre d’appel concis qui apparaitra sous le titre du produit. Vous pouvez utiliser cette description pour mettre en évidence les principaux avantages de l’article et incorporer un ou plusieurs mots clés pour aider les clients à le localiser dans les recherches.
Après avoir personnalisé les données et la description de votre produit, n’oubliez pas de consulter les autres options de la page produit. Vous pouvez ajouter des étiquettes à votre produit, le placer dans une catégorie et inclure une image mise en avant ou même une galerie d’images complète.
Voici à quoi pourrait ressembler votre produit final sur la page d’accueil :
Une fois que votre produit est prêt, cliquez sur Publier pour le mettre en ligne sur votre site. Vous pouvez ensuite répéter ce processus pour créer d’autres produits si nécessaire.
Gérer vos produits WooCommerce
Vous inclurez probablement un certain nombre d’articles dans votre boutique WooCommerce, ce qui signifie que vous aurez besoin d’un moyen facile de gérer vos produits. Heureusement, vous pouvez le faire via l’onglet Produits de votre tableau de bord.
Par exemple, vous pouvez sélectionner Tous les produits pour voir tous les articles actuellement listés dans votre boutique. Vous pouvez ajouter, modifier et supprimer des produits si nécessaire :
Dans les autres pages, sous la section Produits, vous pouvez afficher les catégories, les étiquettes, les attributs et les commentaires de vos produits. Chacune de ces pages ressemble à la page standard WordPress Publiations > Catégories et peut vous aider à organiser l’ensemble de votre inventaire.
Étape 4 : Choisissez vos processeurs de paiement
Maintenant, vous pouvez retourner sur votre page WooCommerce où vous pouvez continuer à faire votre chemin à travers la liste de contrôle de la boutique. A ce stade, vous avez complété les détails de votre boutique et ajouté quelques produits à votre site. Vous êtes donc prêt à choisir les options de paiement que vous souhaitez activer.
Vous pouvez soit cliquer sur le lien Configurer les paiements WooCommerce à partir de la page de configuration. Ou bien, naviguer vers l’onglet Paiements depuis votre tableau de bord :
Cliquez sur Terminer la configuration pour accepter les paiements par carte de crédit dans votre boutique.
Ensuite, vous pouvez sélectionner les options supplémentaires que vous souhaitez utiliser, et WooCommerce les mettra en place. Vous pouvez également utiliser des extensions pour ajouter d’autres processeurs de paiement à votre boutique, dont nous parlerons plus tard. Chez Kinsta, nous sommes de grands fans de Stripe.
Lecture recommandée : Comment prévenir et réduire la fraude à la carte de crédit de 98 % en utilisant Stripe Radar
Vous utilisez plutôt Square ? Consultez notre article de blog comparatif approfondi : Stripe vs Square.
Étape 5 : Ajouter des taux de taxe et configurer vos options de livraison
Depuis la page de configuration de WooCommerce, vous pouvez également cliquer sur Ajouter des taux de taxes . Ici, vous pouvez choisir de continuer avec le partenaire fiscal de WooCommerce, propulsé par Jetpack. Il s’agit d’une option entièrement gratuite :
Vous pouvez également télécharger Avalara pour calculer vos taxes. En outre, vous pouvez cliquer sur le lien Configurer les taxes manuellement ou informer WooCommerce que vous ne facturez pas de taxe sur les ventes en utilisant le lien approprié.
Une fois que vous avez fait votre choix, retournez à la page de configuration et cliquez sur Ajouter les frais de port:
Vous pouvez ici déterminer le montant des frais d’expédition facturés aux clients. Vous pouvez fixer un tarif pour votre zone de prédilection et un autre pour les clients situés ailleurs. Si vous le souhaitez, vous pouvez également offrir la gratuité des frais de port à l’un de ces groupes ou aux deux.
Cliquez ensuite sur Enregistrer les options d’expédition. Vous pouvez maintenant sélectionner une solution d’expédition pour imprimer vos étiquettes d’expédition :
Vous avez le choix entre sendcloud et ShipStation, que vous devrez installer et activer. Ou, si vous n’avez pas besoin d’étiquettes d’expédition, sélectionnez simplement Non merci.
Étape 6 : Passez en revue les modules
À ce stade, vous avez configuré toutes les bases de votre boutique en ligne WooCommerce. La page suivante de l’assistant de configuration vous présente quelques options supplémentaires.
Par exemple, vous pouvez cliquer sur Obtenir plus de ventes à partir de l’écran de configuration de WooCommerce :
Tous ces outils peuvent s’avérer utiles, même si aucun d’entre eux n’est nécessaire pour gérer votre boutique en ligne. Par exemple, l’intégration de MailPoet est un excellent moyen d’envoyer des e-mails de suivi, des lettres d’information et des campagnes promotionnelles à vos clients. Par ailleurs, vous pouvez faire figurer vos produits (et vos campagnes publicitaires payantes) sur la page de résultats de recherche de Google en activant l’option Google Listing & Ads.
Plus bas, vous trouverez des extensions commerciales utiles telles que TikTok et Mailchimp :
Pour installer et activer l’un de ces outils, cliquez sur le bouton Démarrer.
Étape 7 : Personnaliser votre boutique WooCommerce
À ce stade, vous avez presque terminé la configuration de votre boutique WooCommerce. Cependant, vous pouvez personnaliser votre boutique en ligne en retournant sur la page de configuration de WooCommerce et en sélectionnant Personnaliser votre boutique:
Si vous n’avez pas ajouté beaucoup de produits à votre boutique, vous pouvez cliquer sur Importer des produits pour vous donner une meilleure idée de ce à quoi ressemblera votre site une fois terminé.
Vous pouvez maintenant créer une page d’accueil personnalisée pour votre boutique en cliquant sur le bouton Créer une page d’accueil :
Ensuite, vous pouvez marquer votre boutique WooCommerce en téléversant un logo depuis votre ordinateur, et vous pouvez saisir un avis de boutique à afficher sur toutes les pages de votre site. Cliquez sur Terminer la tâche pour terminer.
Si vous n’avez pas encore vérifié les détails de votre entreprise, vous serez invité à le faire à ce stade. Ensuite, vous pouvez commencer à gérer les transactions WooCommerce. Votre boutique WooCommerce est maintenant prête à fonctionner.
Comment personnaliser votre boutique WooCommerce
Maintenant que vous avez configuré quelques paramètres de base pour votre boutique en ligne, il y a beaucoup plus d’options avec lesquelles vous pouvez jouer. Vous trouverez toutes ces options sous votre nouvel onglet WooCommerce.
C’est ici que vous pouvez voir les commandes, les coupons et les rapports, ainsi que personnaliser les réglages et ajouter de nouvelles extensions. Passons en revue chaque écran l’un après l’autre.
Commandes et clients
Tout d’abord, la page Commandes affiche une liste des achats récents effectués sur votre boutique :
Si vous vendez des produits numériques, il n’y a pas grand-chose à faire ici, si ce n’est de voir ce qui a été acheté récemment. En revanche, si vous vendez des produits physiques, c’est ici que vous pouvez connaitre les produits que vous devez expédier et l’état de vos commandes.
Sous la page Commandes, vous pouvez cliquer sur l’onglet Clients, où vous trouverez une liste de toutes les personnes qui ont passé une commande sur votre site web. Vous pouvez également rechercher des clients à l’aide de la barre de recherche et télécharger votre liste de clients.
Coupons
WooCommerce dispose de plusieurs options utiles pour ajouter de nouveaux coupons à votre boutique de commerce électronique. Dans l’onglet Coupon, vous pouvez sélectionner Créer votre premier coupon pour accéder à l’écran d’édition :
Il est important de noter que si vous pouviez auparavant accéder à vos coupons WooCommerce à partir de l’onglet WooCommerce, les paramètres ont maintenant été déplacés vers l’onglet Marketing.
Par conséquent, vous pouvez créer et gérer des coupons en allant sur Marketing dans votre tableau de bord WordPress. Ensuite, sélectionnez Coupons. Vous pouvez également choisir de supprimer complètement l’ancien menu des coupons dans les réglages de WooCommerce afin d’éviter toute confusion :
Vous pouvez ajouter un code de coupon (ou demander à WooCommerce d’en générer un pour vous) et créer une courte description ici. Ensuite, l’onglet Général vous permet de modifier ses informations de base : le type de coupon (pourcentage de réduction, réduction fixe sur le panier, ou réduction fixe sur le produit), sa valeur, les options d’expédition gratuite, et sa date d’expiration.
Sous Restrictions d’utilisation, vous pouvez définir un montant minimum de dépenses que le client doit effectuer pour valider le coupon. Vous pouvez également cocher la case Utilisation individuelle uniquement si vous ne souhaitez pas que les clients utilisent le coupon conjointement avec d’autres offres :
Vous pouvez définir ici si le coupon doit s’appliquer uniquement aux articles non soldés et sélectionner les produits et les catégories de produits auxquels le coupon s’applique. Enfin, vous pouvez même interdire l’utilisation des coupons à certaines adresses électroniques.
Le dernier onglet, Limites d’utilisation, vous permet de déterminer combien de fois le coupon peut être utilisé, à la fois globalement et par client :
Il ne vous reste plus qu’à publier votre coupon pour le rendre actif et informer vos clients du code dont ils ont besoin.
Rapports
WooCommerce offre également de puissantes fonctionnalités de suivi intégrées. Dans l’onglet Rapports, vous pouvez afficher des diagrammes et des graphiques de vos ventes, commandes et frais d’expédition sur différentes périodes :
Chaque graphique peut être limité aux ventes d’un produit, d’une catégorie ou d’un coupon particulier. Dans le sous-onglet Clients, vous pouvez également visualiser votre acquisition de clients sur les mêmes périodes.
Enfin, dans le sous-onglet Stock, vous pourrez examiner vos produits en stock, en rupture de stock et les plus stockés. Toutes ces données peuvent être exportées au format CSV si nécessaire.
Réglages
C’est ici que WooCommerce devient vraiment impressionnant. Dans l’écran Réglages, vous pouvez personnaliser à peu près tous les aspects de votre boutique de commerce électronique. Des éléments tels que l’emplacement de votre séparateur « milliers », l’ensemble du processus de paiement, les options d’e-mail, et bien plus encore peuvent être adaptés à vos besoins.
Dans cette section, l’onglet Général couvre les informations de base de votre boutique, y compris la devise, les lieux de vente et les options d’affichage :
Une autre option importante vous permet de faire défiler l’écran vers le bas et de cocher la case Activer les taxes. Une fois cette case cochée, vous accèderez à un onglet Taxe précédemment caché, dans lequel vous pourrez consulter vos options de taxe :
Ici, vous pouvez indiquer à la plateforme si les prix que vous saisissez pour vos produits incluront les taxes ou non. Dans ce dernier cas, vous pouvez demander à WooCommerce de calculer les taux de taxes pour vous en fonction de l’adresse de votre boutique, de l’adresse de livraison du client ou de l’adresse de facturation du client.
Vous pourrez également configurer la façon dont les taxes s’appliqueront aux frais d’expédition et même déterminer si elles seront arrondies. Vous pouvez ensuite personnaliser l’affichage des prix et des taxes sur la page d’accueil et pendant le processus de paiement.
Les données relatives à vos produits, y compris les mesures, les commentaires, les détails des stocks, les méthodes de téléchargement et même les boutons d’ajout au panier, peuvent être personnalisées dans l’onglet Produits :
L’onglet Expédition vous permet de configurer vos zones d’expédition et vos tarifs :
Vous pouvez également personnaliser le mode de calcul des frais de port et choisir la destination d’expédition par défaut. Il est également possible de limiter la disponibilité de votre boutique à certains pays.
L’onglet Paiements vous indique quels processeurs de paiement sont disponibles et actifs sur votre boutique :
Ici, vous pouvez activer et désactiver les options de paiement de votre choix. De plus, vous trouverez des liens pratiques pour personnaliser les réglages de certains processeurs.
Gestion des comptes
L’onglet Comptes et confidentialité est très important car il permet de contrôler divers aspects de l’expérience de vos clients :
Vous pouvez mettre en place une politique de confidentialité et de paiement, configurer la façon dont les données des clients seront stockées et conservées, et plus encore.
En outre, vous disposez de plusieurs options pour gérer les commandes des clients. Dans les sections Vérification des invités et Création de compte, vous pouvez déterminer si les visiteurs pourront passer des commandes en tant qu’invités (c’est-à-dire sans se connecter à un compte).
Ensuite, vous pouvez décider s’ils auront la possibilité de se connecter à un compte et/ou d’en créer un nouveau pendant le processus de paiement. Vous pouvez même leur fournir des noms d’utilisateur et des mots de passe générés automatiquement afin d’accélérer le processus d’enregistrement.
Réglages supplémentaires
Bien que nous ayons abordé certains des principaux réglages dans la section précédente, il existe d’autres options que vous pouvez configurer pour votre boutique en ligne. Tout d’abord, dans l’onglet E-mails, vous pouvez personnaliser tout ce qui concerne le support client :
En haut de cet écran, vous trouverez une liste de notifications par e-mail qui sont envoyées par WooCommerce en réponse à des déclencheurs spécifiques (tels qu’une commande passée ou annulée). Vous pouvez cliquer sur n’importe lequel de ces e-mails pour les activer/désactiver, ainsi que pour personnaliser leur contenu :
Vous trouverez également ici des instructions pour modifier les modèles d’e-mail, si vous êtes à l’aise avec le langage HTML. Vous pouvez copier le fichier de l’e-mail dans le dossier de votre thème et y apporter les modifications que vous souhaitez. Vous pouvez également créer vos propres modèles d’e-mail.
En dessous, vous pouvez configurer quelques réglages globaux pour tous les e-mails envoyés depuis votre boutique WooCommerce. Il s’agit notamment du nom et de l’adresse de l’expéditeur, du texte du pied de page et même des couleurs et des arrière-plans.
Passez à l’onglet Intégration, où vous pouvez utiliser MaxMind pour effectuer des recherches de géolocalisation. En outre, vous trouverez l’onglet Avancé où vous pouvez activer l’API REST, configurer les clés, les applications et les webhooks, et effectuer d’autres tâches de niveau inférieur :
L’onglet Multi-devise vous permet d’accepter des paiements dans plusieurs devises. Enfin, vous trouverez l’onglet Abonnements :
Ici, vous pouvez permettre aux clients d’acheter des abonnements et des produits ensemble. Vous pouvez également synchroniser les renouvèlements pour qu’ils aient lieu à une date précise et déterminer un délai de grâce pour l’inscription. N’oubliez pas que tous ces paramètres peuvent être personnalisés et modifiés à tout moment, et que votre boutique sera mise à jour automatiquement.
État
Passons maintenant à l’onglet État :
Toutes les informations relatives à votre backend peuvent être trouvées ici, telles que la version de WooCommerce/PHP/MySQL/etc., les limites de taille, la journalisation, et plus encore. Dans le sous-onglet Outils de la même page, vous pouvez vider les caches de votre site pour plusieurs variables, effacer les anciennes données et même ramener les réglages de votre boutique à leurs valeurs par défaut.
Extensions
L’une des caractéristiques qui font de WordPress le système de gestion de contenu (CMS) le plus populaire de la planète est la communauté qui l’anime. Il existe des milliers de thèmes et des dizaines de milliers d’extensions que vous pouvez utiliser pour personnaliser votre site. De plus, près de 100 % d’entre eux ont été créés par les utilisateurs.
Cela s’applique également à WooCommerce, bien qu’à plus petite échelle. Vous pouvez trouver de nombreux outils pour développer votre boutique, ajouter de nouvelles options et fonctionnalités, et personnaliser son apparence dans l’onglet Extensions et ailleurs :
Vous pouvez consulter certaines des extensions les plus populaires dans la section Découvrez nos favoris, ou si vous avez une extension particulière en tête, utilisez le champ de recherche pour la trouver.
Il existe des extensions permettant d’ajouter de nouvelles options de livraison à votre boutique, d’activer les abonnements, de personnaliser le processus de paiement, d’intégrer le marketing par e-mail et par les réseaux sociaux, et bien plus encore. Vous pouvez également trouver des extensions gratuites et payantes qui vous permettent d’offrir des processus de paiement supplémentaires à vos clients, tels que Square et Amazon Pay.
Thèmes
Vous pouvez également choisir un thème pour votre site, spécialement conçu pour l’extension WooCommerce. Pour ajouter un nouveau thème, allez dans Apparence > Thèmes dans votre tableau de bord WordPress.
Cliquez ensuite sur Ajouter un nouveau thème. Saisissez « woocommerce » dans la barre de recherche pour trouver des thèmes WooCommerce. Storefront est un excellent point de départ :
Mais il existe de nombreuses autres options dans des annuaires, tels que ThemeForest.
Avec l’introduction du Full Site Editor (FSE), vous pouvez également préférer commencer avec un thème WooCommerce basé sur des blocs. Ces modèles sont entièrement constitués de blocs, ce qui permet une plus grande flexibilité dans la personnalisation de votre site web. Par exemple, vous pouvez modifier les parties du modèle comme les en-têtes et les pieds de page, ce qui vous donne un contrôle presque total sur l’aspect et la convivialité de votre site web.
Pour rechercher des thèmes de blocs, il vous suffit de sélectionner l’onglet Thèmes à base de blocs dans la liste des options pour filtrer les résultats :
Si vous gérez une boutique de vêtements, Blockette est une excellente option :
Il inclut des modèles personnalisés pour les pages de votre boutique et propose des variations de style globales pour une édition rapide. Pour installer le thème, il vous suffit de cliquer sur le bouton Installer. Ensuite, sélectionnez Activer.
Plugins
Il existe également de nombreuses extensions conçues pour étendre Woocommerce de diverses manières. Pour ne citer qu’un exemple, l’extension Braintree For WooCommerce vous permet d’accepter toutes sortes de paiements sur votre boutique :
Mais vous pouvez également trouver des extensions qui améliorent l’optimisation de votre site pour les moteurs de recherche (SEO) ou des extensions de mise en cache pour améliorer vos temps de chargement. En d’autres termes, si vous souhaitez modifier un aspect du fonctionnement de votre boutique WooCommerce, il est fort probable que vous puissiez le faire en trouvant simplement le bon outil.
Blocs
WordPress vous donne accès à plusieurs blocs pour concevoir vos pages, comme des images, des paragraphes, des boutons, etc. Cependant, une fois que vous avez installé WooCommerce, vous pouvez accéder à de nombreux blocs supplémentaires pour dynamiser votre boutique en ligne.
Pour afficher vos nouveaux blocs, ouvrez un article ou une page depuis votre tableau de bord en allant dans Pages > Ajouter nouveau. Cliquez ensuite sur l’icône + pour commencer à ajouter des blocs à l’éditeur.
Ici, recherchez « woocommerce » :
Comme vous pouvez le constater, vous trouverez ici de nombreuses fonctionnalités utiles pour le commerce électronique. Par exemple, vous pouvez ajouter des recherches de produits pour aider les acheteurs à trouver vos produits plus facilement.
En outre, vous pouvez inclure un bloc de produits vedettes pour mettre en évidence un nouvel article ou un produit actuellement en vente. Vous trouverez également un bloc panier, très pratique. De plus, vous pouvez ajouter des filtres à vos pages, ce qui permet aux acheteurs de rechercher des produits en fonction du stock, du prix ou de l’évaluation.
Si vous n’avez pas de compétences en matière de conception, vous pouvez faire défiler la page vers le bas pour accéder à de nombreux modèles de blocs WooCommerce:
De cette façon, vous pouvez ajouter des sections pré-construites à votre site web, y compris une section « Just Arrived », un pied de page avec de l’espace pour votre menu, et une rangée de produits en trois colonnes.
Configuration headless de WooCommerce
Si vous souhaitez séparer le frontend et le backend de votre site WooCommerce, vous pouvez construire un site WooCommerce headless. Ce framework connecte le backend de WooCommerce de votre site à un frontend personnalisé via l’API REST de WooCommerce.
Vous pouvez préférer cette option si vous souhaitez créer un site web statique. Elle peut également être un excellent moyen d’améliorer les performances et la sécurité de votre site web et de le personnaliser davantage. Par exemple, avec l’installation par défaut de WooCommerce, vous pouvez vous retrouver avec un tas de fonctionnalités dont vous n’avez pas besoin, ce qui peut ralentir votre site.
Voici quelques situations dans lesquelles il est judicieux d’utiliser WooCommerce avec une configuration headless :
- Vous voulez mettre en place plusieurs sites WooCommerce qui partagent le même backend.
- Vous voulez connecter votre backend à une application mobile en plus de votre site web.
- Vous voulez personnaliser votre boutique au-delà des fonctionnalités de base, des thèmes et des extensions.
- Vous voulez accélérer vos temps de chargement.
- Vous voulez renforcer la sécurité de votre site en rendant votre panneau d’administration plus difficile à localiser pour les pirates.
La façon la plus simple de mettre en place un site WooCommerce sans tête est d’utiliser un outil de développement comme DevKinsta:
De cette manière, vous pouvez créer, gérer et déployer des sites alimentés par votre machine locale. Il s’agit d’un outil totalement gratuit, adapté à WordPress simple ou multisite. De plus, vous pouvez accéder à des tonnes d’outils de gestion de bases de données locales et d’e-mails. Mieux encore, vous pouvez mettre en ligne vos modifications en un seul clic.
Modifier les modèles de WooCommerce
Entre les réglages intégrés de WooCommerce et les nombreuses extensions disponibles, vous disposez d’une grande flexibilité sur le fonctionnement de votre boutique. Cependant, si vous êtes un utilisateur plus avancé et que vous souhaitez effectuer vos propres personnalisations, un bon point de départ est de modifier les fichiers de modèles de WooCommerce.
Cela vous permettra de modifier le fonctionnement de certaines fonctionnalités clés, telles que les paniers des clients et le processus de paiement. Veuillez noter qu’il s’agit d’un processus risqué, surtout si vous n’avez pas l’habitude de travailler directement avec les fichiers de thèmes et d’extensions. Par conséquent, avant de commencer, vous devez sauvegarder votre site au cas où des modifications accidentelles seraient apportées. Voici comment supprimer un thème en toute sécurité.
Vous devez ensuite accéder à votre site à l’aide d’un client SFTP (Secure File Transfer Protocol) tel que FileZilla. Localisez le dossier racine de votre site (souvent appelé public_html ou nommé d’après votre domaine) :
Ensuite, naviguez jusqu’à wp_content/plugins/woocommerce. Dans ce répertoire, vous trouverez un dossier appelé templates. Ouvrez-le et vous verrez une liste de tous les modèles qui sont actuellement actifs pour votre boutique.
À ce stade, vous pouvez ouvrir n’importe quel modèle et commencer à le modifier. Par exemple, si vous souhaitez modifier la page de remerciement qui s’affiche après qu’un client a passé une commande, vous pouvez ouvrir le dossier de la commande et localiser le fichier thankyou.php. Vous pouvez ensuite le télécharger, le modifier ou y ajouter des éléments comme bon vous semble, puis le téléverser à nouveau sur votre serveur.
Stockage des commandes à haute performance (HPOS)
Dans la seconde moitié de l’année 2023, WooCommerce publiera une mise à jour qui permettra de passer au stockage des commandes à haute performance (High Performance Order Storage ou HPOS). Cela permettra à vos clients de passer plus rapidement a commande et de mettre en œuvre un processus de commande plus rapide.
Ainsi, si vous créez votre boutique WooCommerce après le mois d’août 2023, votre boutique WooCommerce sera automatiquement lancée avec HPOS. Jusqu’à ce que cette fonctionnalité devienne obligatoire, toutes les boutiques WooCommerce existants ont la possibilité d’activer le HPOS, mais vous pouvez également continuer à vous en passer pour le moment.
Actuellement, les commandes de votre boutique utilisent la même technologie de base de données que les articles de WordPress. Cependant, HPOS déplacera les informations relatives aux commandes dans un nouveau système de stockage axé sur le commerce. Cela permettra à votre boutique de bénéficier d’une base de données moderne et évolutive.
Si vous avez une boutique existante utilisant WooCommerce 7.1 ou une version ultérieure, vous pouvez essayer HPOS quand vous le souhaitez. Vous le trouverez en tant que fonctionnalité opt-in dans vos réglages avancés.
Il est important de noter, cependant, que toutes les extensions ne sont pas compatibles avec le nouveau système HPOS. Par conséquent, vous devez vérifier toute la documentation pertinente avant d’activer la fonctionnalité dans votre boutique.
Hébergement WooCommerce
Lorsque vous gérez une boutique en ligne, le temps est littéralement de l’argent. C’est pourquoi il est important d’avoir un hébergeur WordPress rapide et fiable afin de garantir un temps de fonctionnement plus long, des taux de conversion plus élevés et un meilleur retour sur investissement (ROI).
WooCommerce est connu pour ralentir les sites WordPress, en particulier pour les grandes boutiques avec beaucoup de produits. Heureusement, avec Kinsta comme fournisseur d’hébergement, vous n’aurez pas à vous soucier de cela. Nous fournissons des services d’hébergement infogérés, ainsi qu’un hébergement WooCommerce hautement optimisé, conçu spécifiquement pour la performance.
Grâce à notre infrastructure évolutive sur Google Cloud Platform, ainsi qu’aux dernières technologies, telles que PHP 8x, Nginx et MariaDB, nous pouvons vous assurer qu’une migration vers Kinsta vous aidera à augmenter vos ventes.
Brian a une grande passion pour WordPress, l'utilise depuis plus de dix ans et développe même quelques plugins de qualité. Brian aime les blogs, les films et les randonnées. Connectez avec Brian sur Twitter.
