WooCommerce est la solution de commerce électronique la plus populaire pour WordPress, et ce, de loin. Elle se targue de plus de 4 millions d’installations actives, d’une évaluation de 4,6 utilisateurs sur WordPress.org et d’une armée de propriétaires de magasins numériques heureux et fidèles.

De plus, en juin 2019, WooCommerce alimente environ 7% de toutes les boutiques en ligne et 22% du top 1 million de sites de commerce électronique. Les ventes de commerce électronique sont en plein essor, donc si vous cherchez à ouvrir une boutique sur votre site Web alimenté par WordPress, opter pour WooCommerce est l’une des meilleures décisions que vous pourriez prendre.

La seule question qui reste est : Comment pouvez-vous mettre WooCommerce en place et le faire fonctionner sur votre site Web ? Pour répondre à cette question, nous avons mis en place un tutoriel WordPress WooCommerce complet. Jetons-nous à l’eau !

Comment installer et configurer WooCommerce (en 7 étapes)

Naturellement, vous devrez commencer par installer et activer le plugin WooCommerce. Vous pouvez le faire soit sur un site WordPress nouveau ou existant. Dans les étapes suivantes, nous vous guiderons à travers le processus d’installation du plugin et de configuration de ses paramètres.

Etape 1 : Installer le plugin

La première chose que vous devrez 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écharger 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 dans Plugins > Add New. Utilisez la barre de recherche pour localiser “woocommerce”, et cliquez sur Installer maintenant lorsque vous trouvez le bon plugin. L’auteur du plugin devrait être répertorié comme Automattic:

Laissez le plugin un moment pour s’installer. Ensuite, cliquez sur le bouton Activer:

À ce stade, le plugin sera opérationnel sur votre site web!

Étape 2 : Accéder à l’assistant de configuration

Après avoir installé WooCommerce, vous serez invité à parcourir un assistant de configuration. C’est facultatif, mais nous recommandons de le parcourir afin de configurer certains paramètres clés.

La première page de l’assistant de configuration de WooCommerce devrait ressembler à ceci:

Ici, WooCommerce vous invite à entrer des informations de base sur votre boutique. Cela comprend son adresse, la devise que vous souhaitez utiliser et si vous prévoyez de vendre des produits numériques ou physiques (ou les deux).

N’oubliez pas que tout ce que vous définissez ici (ou tout au long du reste de l’assistant de configuration) peut être modifié plus tard dans vos paramètres WooCommerce si nécessaire. Pour l’instant, la prochaine étape de notre tutoriel WooCommerce 2019 est de sélectionner Let’s Go.

Etape 3 : Choisissez vos processeurs de paiement

Sur la page suivante, vous pouvez décider quels paiements vous allez activer pour votre boutique en ligne. Par défaut, vous pouvez utiliser Stripe et/ou PayPal, ainsi que les paiements hors ligne tels que les chèques et les espèces :

Sélectionnez simplement les options que vous souhaitez utiliser, et WooCommerce les configurera. Vous pouvez également utiliser des extensions pour ajouter plus de processeurs de paiement à votre magasin, ce 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 par carte de crédit de 98% en utilisant Stripe Radar

Utilisant Square à la place ? Consultez notre article de blog comparatif approfondi : Stripe vs Square.

Étape 4 : Configurer vos options d’expédition

Puis, vous trouverez l’écran d’expédition :

Ici, vous pouvez décider du montant que les clients devront payer pour l’expédition. Vous pouvez définir un taux pour votre zone préférée, et un autre pour les clients qui sont dans d’autres endroits. Si vous le souhaitez, vous pouvez également offrir la livraison gratuite à l’un ou aux deux groupes.

Étape 5 : Examiner les ajouts facultatifs

À ce stade, vous avez configuré tous les éléments de base pour votre boutique en ligne WooCommerce. La page suivante de l’assistant de configuration vous présente quelques ajouts facultatifs :

Tous ces outils peuvent s’avérer utiles, bien qu’aucun d’entre eux ne soit nécessaire pour gérer votre boutique en ligne. Nous suggérons au moins de vérifier Storefront. Il s’agit d’un thème WordPress conçu spécifiquement pour WooCommerce et qui peut rendre la mise en place de votre boutique plus rapide et plus facile.

Étape 6 : Installer le plugin Jetpack (facultatif)

L’écran suivant propose également un ajout facultatif :

Jetpack est un plugin WordPress pratique qui offre un large éventail de fonctionnalités. Cela inclut des fonctionnalités de sécurité, diverses analyses, et plus encore. Il peut être un ajout utile à votre boutique WooCommerce, mais n’est pas obligatoire – c’est donc à vous de décider si vous souhaitez l’installer ou non.

Étape 7 : Terminer le processus de configuration

Votre boutique WooCommerce est maintenant prête à basculer :

Vous trouverez ici un certain nombre de liens utiles. Vous pouvez importer des produits dans votre boutique, revenir à votre tableau de bord WordPress ou modifier les paramètres que vous venez de configurer.

La plus probable, cependant, ce que vous voudrez faire maintenant est de commencer à ajouter des produits. Pour continuer à suivre notre tutoriel WordPress WooCommerce, allez-y et sélectionnez Créer un produit maintenant.

Ajouter et gérer de nouveaux produits dans WooCommerce

Après avoir installé WooCommerce, vous trouverez deux nouveaux onglets dans le menu latéral de votre tableau de bord. Ceux-ci sont appelés WooCommerce (votre zone de paramètres généraux) et Produits (votre zone de paramètres de produits).

Pour commencer à configurer votre boutique en ligne, vous pouvez soit suivre le lien à la fin de l’assistant de configuration, soit aller dans Produits > Ajouter nouveau. Dans les deux cas, cela vous permettra d’ajouter votre premier produit, en utilisant l’éditeur WordPress familier :

La première chose que vous voudrez faire est de créer un titre et une courte description du produit. Voici à quoi ressemble juste un titre et une description dans un aperçu en direct:

Avec cela fait, vous voudrez également ajouter des informations sur votre nouveau produit à WordPress. Dans les prochaines sections, nous verrons comment le faire.

Ajouter des détails clés à votre produit

Si vous faites défiler vers le bas sous l’éditeur d’articles, vous verrez deux nouveaux widgets qui ne se trouvent pas sur les articles ou les pages ordinaires. Le premier est la section des données du produit:

Ici, vous pouvez ajouter toutes sortes de détails sur votre produit. Tout en haut, vous pouvez sélectionner 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 les prix réguliers et les prix de vente (les ventes peuvent être sensibles au temps).

Si vous vendez des produits numériques, vous devrez également télécharger le fichier à acheter, personnaliser la limite de téléchargement (laissez-le vide pour le marquer comme illimité) et définir l’expiration du téléchargement (laissez-le vide pour qu’il reste disponible en permanence) :

Puis, dans l’onglet Inventaire, vous pouvez gérer votre stock en entrant la quantité du produit, l’état du stock (en/hors stock), et si vous souhaitez autoriser les commandes en attente :

En outre, vous pouvez marquer le produit comme vendu individuellement, ce qui signifie qu’un seul peut être acheté dans une seule commande. C’est également ici que vous pouvez entrer le SKU (numéro d’identification) du produit si vous en avez un.

Il y a un certain nombre d’autres onglets utiles ici aussi. La section Expédition vous permettra d’entrer 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 des ventes croisées, tandis que les Attributs vous permettent de décrire les caractéristiques du produit.

Enfin, dans l’onglet Avancé, vous pouvez entrer des notes d’achat personnalisées, donner au produit une position définie dans votre menu, et activer ou désactiver les commentaires. Si vous le souhaitez, vous pouvez également afficher les extensions recommandées sous l’écran Obtenir plus d’options.

Créer des attributs et des produits variables

Comme vous pouvez le voir, il existe de nombreuses options pour ajouter des détails à vos produits WooCommerce et les personnaliser entièrement. Regardons de plus près deux des options les plus utiles dans la section Données du 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 dont il est fait, de sa taille ou de son type, et plus encore. Si vous ajoutez ces détails à votre produit dans l’onglet Attributs, ils apparaîtront sur la page du produit :

Quel que soit le type de produits que vous vendez, les attributs sont utiles pour communiquer les caractéristiques vitales de manière concise. Cependant, que faire si vous vendez également des articles qui se déclinent en plusieurs options ? Pour cela, vous pouvez sélectionner l’option de produit variable:

Cela vous donnera accès à un nouvel onglet Variations, où vous pourrez créer plusieurs versions de votre produit en utilisant les attributs que vous avez déjà attribués. Ainsi, par exemple, disons que vous proposez une chemise en rouge, vert et violet. Vous pouvez ajouter une variation pour chaque couleur, puis donner à chacune une description, un prix, etc. uniques.

Vos clients pourront voir toutes les variations disponibles sur la page du produit :

Ceci permet aux visiteurs de voir facilement tout ce que vous avez à offrir en un coup d’œil. De plus, cela signifie que vous n’avez pas à créer des pages de produits distinctes pour les légères variations d’un même article.

Personnalisation de la description courte de votre produit

Sous le widget des données du produit, vous trouverez également une section intitulée Description courte du produit :

Ici, vous pouvez créer une accroche concise qui apparaîtra 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 également les autres options de la page du produit. Vous pouvez ajouter des balises à votre produit, le placer dans une catégorie et inclure une image vedette ou même une galerie d’images entière.

Voici à quoi votre produit final pourrait ressembler sur le front-end :

Une fois que votre produit est prêt, cliquez sur Publier pour le mettre en ligne sur votre site. Ensuite, vous pouvez répéter ce processus pour créer des produits supplémentaires si nécessaire.

Gestion de 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 les gérer. Heureusement, vous pouvez le faire par le biais de l’onglet Produits de votre tableau de bord.

Par exemple, vous pouvez sélectionner Tous les produits pour voir tous les articles actuellement répertoriés dans votre boutique. Vous pouvez ajouter, modifier et supprimer des produits ici si nécessaire :

Dans les autres pages de la section Produits, vous pouvez voir vos catégories, balises et attributs de produits. Chacune de ces pages ressemble à la page standard WordPress Posts > Categories et peut vous aider à garder tout votre inventaire organisé.

Comment personnaliser votre boutique WooCommerce

Auparavant, dans notre tutoriel WooCommerce, vous avez configuré quelques paramètres de base pour votre boutique en ligne. Il y a cependant beaucoup plus d’options avec lesquelles jouer, que vous pouvez trouver dans le nouvel onglet WooCommerce.

C’est ici que vous pouvez voir les commandes, les coupons et les rapports, ainsi que personnaliser les paramètres et ajouter de nouvelles extensions. Parcourons chaque écran un par un.

Commandes

Premièrement, la page Commandes affiche une liste des achats récents sur votre boutique :

Si vous vendez des produits numériques, il n’y a pas grand-chose à faire ici à part visualiser ce qui a été acheté récemment. Cependant, si vous vendez des biens physiques, c’est ici que vous pouvez découvrir les produits que vous devez expédier et le statut de vos commandes.

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 :

Vous pouvez ajouter un code de coupon et une description ici. Ensuite, l’onglet Général vous permet de modifier ses informations de base : le type de coupon (remise en pourcentage, remise fixe sur le panier ou remise fixe sur le produit), sa valeur, les options de livraison gratuite et sa date d’expiration :

Sous Restrictions d’utilisation, vous pouvez définir une dépense minimale que le client doit effectuer pour valider le coupon. Vous pouvez également cocher la case d’utilisation individuelle uniquement si vous ne voulez pas que les clients utilisent le coupon en conjonction avec d’autres offres.

Vous pouvez définir si le coupon doit s’appliquer uniquement aux articles non soldés ici, et également sélectionner les produits et les catégories de produits auxquels le coupon est applicable. Enfin, vous pouvez même interdire l’utilisation du coupon à certaines adresses électroniques.

Le dernier onglet, Limites d’utilisation, vous permet de déterminer combien de fois le coupon peut être utilisé, globalement et par client. Ensuite, il suffit de publier votre coupon pour le rendre actif, et de faire connaître à vos clients le code dont ils auront besoin.

Rapports

WooCommerce offre également une puissante fonctionnalité de suivi intégrée. Dans l’onglet Rapports, vous pouvez afficher des tableaux 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 l’acquisition de vos clients sur les mêmes périodes.

En dernier lieu, mais non le moindre, vous pourrez examiner vos produits en bas de stock, en rupture de stock et les plus stockés dans le sous-onglet Stock. Toutes ces données peuvent être exportées sous forme de feuille CSV si nécessaire.

Settings

C’est là que WooCommerce devient vraiment impressionnant. Dans l’écran Paramètres, vous pouvez personnaliser à peu près tous les aspects de votre boutique de commerce électronique. Des éléments tels que le placement de votre séparateur ” milliers “, l’ensemble du processus de paiement, les options de messagerie 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 sa devise, ses lieux de vente et ses options d’affichage :

Une autre option notable ici est Enable tax rates and calculations. Si vous cochez cette case, vous aurez accès à un onglet Taxe précédemment caché:

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 taxe pour vous, en fonction de l’adresse de votre magasin, 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. Ensuite, vous pouvez personnaliser la façon dont les prix et les taxes sont affichés sur le front-end et pendant le processus de paiement.

Vos données de produits, y compris les mesures, les critiques, les détails du stock, 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’expédition est l’endroit où vous pouvez configurer vos zones d’expédition et vos prix :

Vous pouvez également personnaliser la façon dont l’expédition est calculée, et choisir quelle sera la destination d’expédition par défaut. Il est également possible de restreindre la disponibilité de votre boutique uniquement à certains pays.

L’onglet Paiements vous indique quels processeurs de paiement sont disponibles et actifs sur votre boutique:

Vous pouvez ici activer et désactiver toutes les options de paiement que vous souhaitez. De plus, vous trouverez des liens pratiques pour personnaliser les paramètres pour des processeurs spécifiques.

Puis, Comptes & Confidentialité contrôle divers aspects de l’expérience de vos clients :

Vous pouvez mettre en place une politique de confidentialité et de caisse, configurer comment les données des clients seront stockées et conservées, et plus encore.

En outre, vous avez diverses options pour la façon dont les caisses des clients seront traitées. Dans les sections Caisse 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).

Puis, vous pouvez décider s’ils auront la possibilité de se connecter et/ou de créer un nouveau compte pendant le processus de commande. Vous êtes même en mesure de leur fournir des noms d’utilisateur et des mots de passe générés automatiquement, afin d’accélérer le processus d’inscription.

Dans l’onglet Emails, vous pouvez personnaliser tout ce qui concerne le support client :

En haut de cet écran, vous trouverez une liste de notifications par email qui sont envoyées par WooCommerce en réponse à des déclencheurs spécifiques (comme une commande passée ou annulée). Vous pouvez cliquer sur n’importe lequel de ces courriels pour les activer/désactiver, ainsi que pour personnaliser leur contenu :

Vous trouverez même ici des instructions pour modifier les modèles de courriel, si vous êtes à l’aise avec le HTML. Vous pouvez copier le fichier de l’email dans votre dossier de thème, puis apporter les modifications que vous souhaitez. Sinon, vous pouvez créer vos propres modèles d’email personnalisés.

En dessous, vous pouvez configurer quelques paramètres globaux pour tous les emails envoyés depuis votre boutique WooCommerce. Cela inclut le nom et l’adresse ” de “, le texte du pied de page, et même les couleurs et les arrière-plans.

Enfin, dans l’onglet Avancé, vous pouvez activer l’API REST, configurer les clés, les apps et les webhooks, et effectuer d’autres tâches de niveau inférieur :

Tous ces paramètres peuvent être personnalisés et modifiés quand vous le souhaitez, et votre boutique sera mise à jour automatiquement.

Statut

Puis, examinons brièvement l’onglet Statut:

Toutes vos informations back-end peuvent être trouvées ici, comme votre 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 Web pour plusieurs variables, effacer les anciennes données et même rétablir les paramètres par défaut de votre boutique.

Extensions

L’un des attributs qui font de WordPress le système de gestion de contenu (CMS) le plus populaire de la planète est la communauté qui le soutient. Il existe des milliers de thèmes et des dizaines de milliers de plugins que vous pouvez utiliser pour personnaliser votre site Web. Qui plus est, près de 100 % d’entre eux sont contribué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 :

Par exemple, bien que vous puissiez utiliser WooCommerce avec n’importe quel thème, il peut être utile d’en choisir un qui est conçu pour le plugin. Storefront est un excellent point de départ, mais il existe de nombreuses autres options dans des répertoires tels que ThemeForest :

Vous pouvez également consulter la boutique d’extensions WooCommerce, qui comprend des options créées par des développeurs et des options tierces :

Il existe des extensions pour ajouter de nouvelles options d’expédition à votre boutique, activer les abonnements, personnaliser le processus de paiement, intégrer le marketing par courriel et par médias sociaux, et bien plus encore. Vous pouvez également trouver des extensions gratuites et payantes qui vous permettent de proposer des processeurs de paiement supplémentaires à vos clients, tels que Square et Amazon Pay.

Enfin, vous trouverez également de nombreux plugins conçus pour étendre Woocommerce de diverses manières. Pour ne donner qu’un exemple, le plugin Braintree For WooCommerce vous permet d’accepter toutes sortes de paiements sur votre boutique :

En d’autres termes, si vous voulez peaufiner quelque chose sur la façon dont votre boutique WooCommerce fonctionne, il y a de fortes chances que vous puissiez le faire en trouvant simplement le bon outil.

Modification des modèles de WooCommerce

Entre les paramètres intégrés de WooCommerce et les nombreuses extensions et plugins disponibles pour lui, vous avez beaucoup de flexibilité sur la façon dont votre boutique fonctionne. Cependant, si vous êtes un utilisateur plus avancé et que vous souhaitez effectuer vos propres personnalisations, un bon endroit pour commencer est de modifier les fichiers de modèle de WooCommerce.

Cela vous permettra de modifier la façon dont les fonctionnalités clés fonctionnent, telles que les paniers des clients et le processus de paiement. Veuillez noter qu’il s’agit d’un processus risqué, surtout si vous êtes nouveau à travailler directement avec les fichiers de thème et de plugin. Avant de commencer, vous voudrez sauvegarder votre site, au cas où des modifications accidentelles seraient apportées. Voici comment supprimer un thème en toute sécurité.

Puis, vous devrez accéder à votre site en utilisant un client SFTP (Secure File Transfer Protocol) tel que FileZilla. Localisez le dossier racine de votre site (souvent soit appelé public_html, soit nommé d’après votre domaine), et 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 magasin:

À ce stade, vous pouvez ouvrir n’importe quel modèle que vous aimez et commencer à faire des changements. Par exemple, si vous voulez apporter des modifications à la page ” Merci ” qui s’affiche après qu’un client a passé une commande, vous pouvez ouvrir le dossier de la caisse et localiser le fichier thankyou.php. Ensuite, vous pouvez le télécharger, modifier ou ajouter des éléments comme bon vous semble, et le recharger sur votre serveur.

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ôte WordPress rapide et fiable, afin d’assurer 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 grands magasins avec beaucoup de produits. Heureusement, avec Kinsta comme fournisseur d’hébergement, vous n’aurez pas à vous inquiéter à ce sujet. Nous fournissons des services d’hébergement gérés, ainsi qu’un hébergement WooCommerce hautement optimisé, conçu spécifiquement avec les performances en tête :

Grâce à notre infrastructure évolutive sur la plateforme Google Cloud, ainsi qu’aux dernières technologies telles que PHP 7, Nginx et MariaDB, nous pouvons garantir qu’un déménagement vers Kinsta contribuera à augmenter vos ventes !

“Le COO m’a contacté avec une solution réelle au lieu de beaucoup de “faites-nous confiance” fluff que je recevais ailleurs. Il était honnête et direct, ce qui était très rafraîchissant. Après la migration, le support a été géré par le PDG, qui a fait d’excellentes suggestions et ajustements qui ont considérablement amélioré les performances.”

– Caleb Worm, Swagway.com

Le monde du commerce électronique est en plein essor. 💥 Mettez en place votre boutique #WooCommerce dès aujourd’hui avec notre guide complet et commencez à vendre en un rien de temps ! 🏪Click to Tweet

Summary

WooCommerce est, sans l’ombre d’un doute, la meilleure solution ecommerce gratuite pour WordPress. De l’extérieur, le plugin présente des statistiques phénoménales. Cependant, c’est seulement lorsque vous creusez plus profondément dans les nombreuses options du plugin que sa véritable puissance est révélée.

Nous avons également quelque chose d’impressionnant pour vous ! Nous avons passé des mois à mettre au point ce guide d’optimisation de WooCommerce en 18 chapitres. Il comprend une tonne de leçons et d’outils gratuits pour optimiser et développer votre entreprise d’un million de dollars à l’aide de WooCommerce.

Y a-t-il quelque chose d’important que nous avons manqué dans notre tutoriel WooCommerce ? Si oui, faites-le nous savoir dans la section des commentaires ci-dessous !

.