Tutoriel WooCommerce – Comment l’installer sur votre site Web

WooCommerce est la solution de eCommerce la plus populaire pour WordPress par une certaine marge. Elle possède plus de 4 millions d’installations actives, une note de 4,6 sur WordPress.org et une armée de propriétaires de boutiques en ligne 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 des premiers sites de commerce électronique. Les ventes de commerce électronique sont en plein essor, donc si vous cherchez à ouvrir une boutique sur votre site WordPress, aller avec WooCommerce est l’une des meilleures décisions que vous pourriez prendre.

La seule question qui reste est : Comment pouvez-vous faire fonctionner WooCommerce sur votre site web ? Pour répondre à cette question, nous avons mis au point un tutorielWordPress WooCommerce complet. Allons-y tout de suite !

Comment installer et configurer WooCommerce (en 7 étapes)

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

Étape 1 : Installer le Plugin

La première chose à faire est d’installer WooCommerce sur votre site web. Vous pouvez le télécharger gratuitement à partir du 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 vers Extensions > Ajouter. Utilisez la barre de recherche pour trouver « woocommerce », et cliquez sur Installer maintenant quand vous trouverez le bon plugin. L’auteur du plugin doit être listé comme Automattic :

Donnez un moment au plugin pour l’installer. Cliquez ensuite sur le bouton Activer :

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

Étape 2 : Accéder à l’assistant d’installation

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

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

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

Gardez à l’esprit que tout ce que vous définissez ici (ou dans le reste de l’assistant d’installation) peut être modifié ultérieurement dans vos paramètres WooCommerce si nécessaire. Pour l’instant, la prochaine étape de notre tutoriel WooCommerce 2019 est de sélectionner Continuer.

Étape 3 : Choisissez vos processeurs de paiement

À la page suivante, vous pouvez décider quels paiements vous autoriserez 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 d’autres processeurs de paiement à votre boutique, dont nous parlerons plus tard. Chez Kinsta, nous sommes de grands fans de Stripe.

Lectures recommandées : Comment prévenir et réduire la fraude par carte de crédit de 98 % à l’aide de Stripe Radar

Vous utilisez Square à la place ? Jetez un coup d’œil à notre article comparatif détaillé sur notre blog : Stripe vs Square.

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

Ensuite, vous trouverez l’écran Expédition :

Ici, vous pouvez décider combien les clients seront facturés pour l’expédition. Vous pouvez fixer un taux pour votre zone préférée et un autre pour les clients qui se trouvent ailleurs. Si vous le souhaitez, vous pouvez également offrir la livraison gratuite à un ou aux deux groupes.

Étape 5 : Examiner les compléments facultatifs

A ce stade, vous avez configuré toutes les bases pour votre boutique WooCommerce en ligne. La page suivante de l’assistant d’installation vous présente quelques add-ons optionnels :

Tous ces outils peuvent s’avérer utiles, bien qu’aucun d’entre eux ne soit requis pour gérer votre boutique en ligne. Nous vous suggérons au moins d’aller voir Storefront. C’est un thème WordPress conçu spécialement pour WooCommerce et peut rendre l’installation de votre boutique plus rapide et plus facile.

Étape 6 : Installer le plugin Jetpack (en option)

L’écran suivant offre également un module optionnel :

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 nécessaire – c’est donc à vous de décider si vous voulez l’installer ou non.

Étape 7 : Terminer le processus d’installation

Votre boutique WooCommerce est maintenant prête pour le rock and roll :

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

Cependant, ce que vous voudrez probablement faire maintenant, c’est de commencer à ajouter des produits. Pour continuer à suivre notre tutoriel WordPress WooCommerce, allez de l’avant 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. Il s’agit de WooCommerce (votre zone de paramètres généraux) et de 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 d’installation, soit aller dans Produits > Ajouter nouveau. Quoi qu’il en soit, cela vous permettra d’ajouter votre premier produit, en utilisant l’éditeur WordPress familier :

La première chose que vous devrez faire est de créer un titre et une brève description du produit. Voici à quoi ressemblent un titre et une description dans un aperçu en direct :

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

Ajout de détails clés à votre produit

Si vous faites défiler vers le bas sous l’éditeur de messages, vous verrez deux nouveaux widgets qui ne se trouvent pas sur les articles ou 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 choisir 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 saisir les prix normaux et les prix de vente (les ventes peuvent être sensibles au facteur 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 ce champ vide pour indiquer qu’elle est illimitée) et définir l’expiration du téléchargement (laissez-la vide pour le garder disponible en permanence) :

Ensuite, dans l’onglet Inventaire, vous pouvez gérer votre stock en saisissant la quantité du produit, l’état du stock (entrée/sortie de stock), et si vous souhaitez autoriser les commandes même en cas de rupture de stock :

De plus, vous pouvez marquer le produit comme vendu individuellement, ce qui signifie qu’un seul produit peut être acheté en une seule commande. C’est également l’endroit où vous pouvez entrer le numéro d’identification (SKU) du produit, si vous en avez un.

Il y a un certain nombre d’autres onglets utiles ici aussi. 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 des ventes croisées, tandis que Attributs vous permet 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 dans l’écran Obtenir plus d’options.

Création des attributs et des produits variables

Création 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 dans la section Données produit – attributs et produits variables.

Les attributs sont des descripteurs clés pour votre produit, et ils fournissent 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 :

Peu importe le type de produits que vous vendez, les attributs sont utiles pour communiquer de façon concise les caractéristiques vitales. Cependant, qu’arrive-t-il si vous vendez aussi des articles qui se présentent sous plusieurs formes ? Pour cela, vous pouvez sélectionner l’option Variation de produit :

Cela vous donnera accès à un nouvel onglet Variations, où vous pouvez créer plusieurs versions de votre produit en utilisant les attributs que vous avez déjà assignés. Par exemple, disons que vous offrez une chemise en rouge, vert et violet. Vous pouvez ajouter une variation pour chaque couleur, puis donner à chacune une description unique, le prix, et ainsi de suite.

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

Il est ainsi plus facile pour les visiteurs de voir tout ce que vous avez à offrir en un coup d’œil. De plus, cela signifie que vous n’avez pas besoin de créer des pages de produits séparées pour de légères variations sur le même article.

Personnalisation de la description succincte de votre produit

Sous le widget Données produit, vous trouverez également une section intitulée Brève description du produit :

Ici, vous pouvez créer un slogan concis 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 leurs 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 produit. Vous pouvez ajouter des balises à votre produit, le placer dans une catégorie, et inclure une image en avant ou même une galerie d’images entière.

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

Une fois que votre produit est prêt, cliquez sur Publier pour l’activer et le rendre disponible sur votre site. Ensuite, vous pouvez répéter ce processus pour créer d’autres produits si nécessaire.

Gérer vos produits WooCommerce

Vous allez probablement inclure 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 via 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 afficher les catégories, les étiquettes et les attributs de vos produits. Chacune de ces pages ressemble à la page WordPress Articles > Catégories standard et peut vous aider à organiser l’ensemble de votre inventaire.

Comment personnaliser votre boutique WooCommerce

Plus tôt dans notre tutoriel WooCommerce, 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 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. Passons en revue chaque écran un par un.

Commandes

Tout d’abord, 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 voir ce qui a été acheté récemment. Cependant, si vous vendez des marchandises physiques, vous pouvez trouver ici les produits que vous devez expédier et le statut de vos commandes.

Coupons

WooCommerce a plusieurs options utiles pour ajouter de nouveaux coupons à votre boutique en ligne. 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 promo et une description ici. Ensuite, l’onglet Général vous permet de modifier ses informations de base : le type de coupon (pourcentage de remise, remise fixe sur panier ou remise fixe sur produit), sa valeur, les options de livraison 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 à usage individuel uniquement si vous ne voulez pas que les clients utilisent le coupon conjointement avec d’autres offres.

Vous pouvez définir si le coupon doit s’appliquer uniquement aux articles non destinés à la vente et sélectionner les produits et les catégories de produits auxquels le coupon s’applique. Enfin, vous pouvez même interdire l’utilisation de coupons pour 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, publiez simplement votre coupon pour le rendre actif, et informez vos clients du 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 votre acquisition de clients sur les mêmes périodes.

Enfin, vous pourrez passer en revue vos stocks bas, vos ruptures de stock et la plupart des produits stockés dans le sous-onglet Stock. Toutes ces données peuvent être exportées sous forme de feuille CSV si nécessaire.

Réglages

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 en ligne. Des éléments tels que le placement de votre séparateur de »milliers », l’ensemble du processus de paiement, les options de courriel, 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 points de vente et ses options d’affichage :

Une autre option qui mérite d’être mentionnée est l’activation des taux d’imposition et des calculs. Si vous cochez cette case, vous aurez accès à un onglet Taxe précédemment caché :

Ici, vous pouvez faire savoir à 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. Ensuite, vous pouvez personnaliser la façon dont les prix et les taxes sont affichés sur l’écran d’accueil et pendant le processus de paiement.

Les données de vos produits, y compris les mesures, les commentaires, les détails du stock, les méthodes de téléchargement et même les boutons d’ajout au panier peuvent être personnalisés 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 le mode de calcul de l’expédition et choisir la destination d’expédition par défaut. Il est également possible de limiter la disponibilité de votre magasin à des pays spécifiques.

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

Ici, vous pouvez 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.

Ensuite, Comptes et confidentialité contrôle 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 la gestion des caisses clients. Dans les sections Guest checkout 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 et/ou de créer un nouveau compte 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.

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 emails pour les activer/désactiver, ainsi que pour personnaliser leur contenu :

Vous trouverez ici des instructions pour éditer les modèles de courriels, si vous êtes à l’aise avec le HTML. Vous pouvez copier le fichier de l’email dans votre dossier de thème, puis faire les changements que vous voulez. Vous pouvez également créer vos propres modèles de courriels 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 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 applications et les raccourcis Web, 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

Ensuite, regardons brièvement l’onglet Statut :

Toutes vos informations du back-end peuvent être trouvées ici, telles que votre version WooCommerce/PHP/MySQL/etc., les limites de taille, les logs, et plus.

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 sur la planète est sa communauté. Il existe des milliers de thèmes et des dizaines de milliers de plugins que vous pouvez utiliser pour personnaliser votre site Web. De plus, près de 100 % d’entre eux sont fournis par l’utilisateur.

Ceci s’applique également à WooCommerce, bien qu’à une plus petite échelle. Vous trouverez de nombreux outils pour agrandir 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. La vitrine est un bon point de départ, mais il y a beaucoup d’autres options dans des répertoires tels que ThemeForest :

Vous pouvez également consulter la boutique d’extension WooCommerce, qui comprend à la fois 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 les médias sociaux, et bien plus encore. Vous pouvez également trouver des extensions gratuites et payantes qui vous permettent d’offrir 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 différentes manières. Pour ne citer 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 modifier quelque chose dans le fonctionnement de votre boutique WooCommerce, il y a de fortes chances que vous puissiez le faire en trouvant simplement le bon outil.

Modifier les templates WooCommerce

Entre les paramètres intégrés de WooCommerce et les nombreuses extensions et plugins 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 l’édition des fichiers templates (ou modèles) de WooCommerce.

Cela vous permettra d’ajuster la façon dont les fonctions clés fonctionnent, telles que les paniers clients et le processus de paiement. Veuillez noter qu’il s’agit d’un processus risqué, surtout si vous êtes nouveau à travailler avec des fichiers de thème et de plugin directement. Avant de commencer, vous devrez sauvegarder votre site juste en cas de changements accidentels. Voici comment supprimer correctement un thème WordPress.

Ensuite, vous devrez 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 du nom de votre domaine), et naviguez vers wp_content/plugins/woocommerce :

Dans ce répertoire, vous trouverez un dossier appelé templates. Ouvrez-le et vous verrez une liste de tous les templates qui sont actuellement actifs pour votre boutique :

À ce stade, vous pouvez ouvrir n’importe quel modèle que vous souhaitez et commencer à apporter des modifications. Par exemple, si vous souhaitez apporter des modifications à la page de remerciement qui apparaît après qu’un client a passé une commande, vous pouvez ouvrir le dossier checkout et localiser le fichier thankyou.php. Vous pouvez ensuite le télécharger, le 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ébergeur WordPress rapide et fiable, afin d’assurer un temps de disponibilité 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 géré, ainsi qu’un hébergement WooCommerce hautement optimisé, conçu spécifiquement pour la performance :

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 vous assurer qu’un passage à Kinsta vous aidera à augmenter vos ventes !

« Le COO m’a contacté avec une solution réelle au lieu d’un tas de « faites-nous confiance » que j’obtenais ailleurs. Il était honnête et franc, ce qui était très rafraîchissant. Après la migration, le support a été pris en charge par le PDG, qui a fait d’excellentes suggestions et retouches qui ont considérablement amélioré les performances. »

– Caleb Worm, Swagway.com

Résumé

WooCommerce est, sans l’ombre d’un doute, la meilleure solution de eCommerce gratuite pour WordPress. À l’extérieur, le plugin a des statistiques phénoménales. Cependant, ce n’est que lorsque vous creusez plus profondément dans les nombreuses options du plugin que sa véritable puissance est révélée.

Nous avons aussi quelque chose d’impressionnant pour vous ! Nous avons passé des mois à mettre au point ce guide d’optimisation WooCommerce en 18 chapitres. Il inclut 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 commentaires ci-dessous !