Ma propre boutique avec WooCommerce sur un espace Web ou un serveur géré
Introduction
WooCommerce est un plugin pour le système de gestion de contenu (CMS) Wordpress qui permet de gérer une boutique en ligne. Ce guide décrit l’installation et la configuration de base de WooCommerce afin de rendre l’exploitation d’une boutique en ligne possible. Cela inclut notamment :
- l’installation de WooCommerce,
- la configuration de base du système,
- la mise en place de la facturation des taxes, par exemple, la TVA,
- la configuration des conditions de livraison,
- l’installation d’un plugin pour la langue française,
- la configuration des méthodes de paiement,
- la personnalisation des emails envoyés par la boutique,
- la création de produits dans la boutique,
- la personnalisation du thème de la boutique,
- et le test de la boutique.
Installation et configuration de Wordpress et WooCommerce
WooCommerce est un plugin de Wordpress, il est donc nécessaire d’installer d’abord Wordpress. Comment procéder est décrit dans l’article “Installation de Wordpress”.
Une fois Wordpress installé, il faut ensuite installer le plugin “WooCommerce”. L’installation est possible via la page “Plugins”. Veuillez rechercher le plugin avec la fonction de recherche et installer :
Le bouton “Installer maintenant” se transforme en bouton “Activer” une fois l’installation terminée, veuillez activer WooCommerce à l’étape suivante :
Ici, il vous sera demandé l’adresse qui sera affichée plus tard dans la boutique. Pour des raisons de protection des données, il est recommandé de désactiver l’option “Aidez WooCommerce à s’améliorer en permettant l’enregistrement des données d’utilisation.” À l’étape suivante, les méthodes de paiement pour la boutique peuvent être préconfigurées :
Veuillez configurer les méthodes de paiement selon vos souhaits. À l’étape suivante, il vous sera demandé des informations sur les conditions de livraison :
Veuillez également configurer les conditions de livraison selon vos souhaits. À l’étape suivante, plusieurs options pour étendre l’installation seront proposées.
Veuillez activer l’option “Thème Storefront” pour l’installer. Les fonctionnalités supplémentaires “Taxes automatisées”, “Mailchimp” et “Facebook” sont optionnelles. Veuillez vérifier attentivement les conditions légales si vous souhaitez les utiliser. À l’étape suivante, WooCommerce demandera l’activation de Jetpack :
Jetpack promet une protection supplémentaire du site, mais pour cela, des données de visite de vos clients seront envoyées à Jetpack lors de l’exploitation du site. Nous vous recommandons donc de ne pas activer Jetpack ou d’examiner suffisamment l’arrière-plan de protection des données et, si nécessaire, d’en tenir compte dans votre déclaration de confidentialité. Cliquez sur “Passer cette étape” pour ne pas utiliser Jetpack.
Maintenant, vous accédez à l’affichage suivant :
Ici, vous pouvez créer un premier produit à titre d’essai en cliquant sur “Créer un produit”.
Créez votre premier produit test.
Effectuer les paramètres généraux de la boutique
Après l’installation de WooCommerce, les paramètres de la boutique doivent être vérifiés. Pour cela, cliquez dans le backend de Wordpress sur “WooCommerce” > “Réglages”.
Veuillez vérifier les paramètres suivants :
- Adresse de votre entreprise
- Présentation des produits
- Protection des données
- Adresses d’expéditeur pour les e-mails envoyés par la boutique
Mettre en place le calcul des taux de taxe
La gestion des taux de taxe doit être activée séparément dans WooCommerce. Pour cela, veuillez cliquer dans le backend sur “WooCommerce” > “Réglages”. Activez l’option “Activer les taux de taxe et les calculs” dans l’onglet “Général”.
Ensuite, l’onglet “TVA” apparaîtra dans les réglages de “WooCommerce”. Des réglages de base pour le calcul et l’affichage des taxes peuvent y être effectués.
Vous pouvez accéder à d’autres sous-menus via le menu en haut de l’onglet. Ce qui est important ici, c’est le menu des taux de taxe “Standard” :
Ici, par exemple, vous pouvez définir un taux de TVA de 19 % pour le code pays “FR”.
Configurer l’expédition
Les réglages pour l’expédition se trouvent sous “WooCommerce” > “Réglages” dans l’onglet “Expédition”.
Ici, vous pouvez définir des zones d’expédition, des options d’expédition et des classes d’expédition.
Zones d’expédition sont des régions géographiques vers lesquelles vous souhaitez expédier le produit. Par exemple, vous pourriez créer “France”, “UE” et “international”. Dans une zone, plusieurs options d’expédition peuvent être proposées. Les options d’expédition que le client peut choisir peuvent être automatiquement déterminées en fonction des régions géographiques définies dans les zones.
Dans les zones d’expédition, différentes méthodes d’expédition peuvent être définies, telles que “Expédition standard”, “Expédition express”, “Retrait gratuit sur place”, etc.
De plus, des classes d’expédition peuvent être créées, qui modifient les méthodes d’expédition en fonction des produits. Par exemple, vous pouvez assigner des produits à une classe particulière si les frais d’expédition pour ces produits sont exceptionnellement élevés.
La capture d’écran suivante montre un aperçu des réglages pour la zone que nous avons créée “France”.
La prochaine capture d’écran montre les réglages pour la méthode d’expédition “Expédition standard”. En général, on choisit ici l’option “Par commande : les frais d’expédition correspondent à la classe d’expédition la plus élevée de la commande”.
Le plugin “Germanized pour WooCommerce”
Le plugin gratuit “Germanized pour WooCommerce” adapte la boutique aux conditions du marché français. Cela inclut notamment :
- une meilleure présentation des délais de livraison,
- des options pour ajouter des mentions légales telles que les CGV, la notice de rétractation, l’avis de protection des données,
- l’ajout des méthodes de paiement “Facture” et “Prélèvement SEPA”,
- formulaire de rétractation en ligne,
- livraison aux stations de paquet DHL.
Veuillez installer et activer le plugin via le menu “Plugins” > “Installer” dans le backend, si vous souhaitez l’utiliser. Après un clic sur “Activer”, le message suivant apparaît :
Veuillez activer toutes les cases à cocher et cliquez ensuite sur “Installer Germanized”. Ensuite, dans le menu principal du backend, cliquez sur WooCommerce. Le message suivant apparaîtra :
Le message demande des ajustements au thème Storefront. Veuillez cliquer sur “masquer ce message”.
Configurer les méthodes de paiement
WooCommerce propose différents moyens de paiement par défaut :
- Virement bancaire direct,
- Paiements par chèque,
- Paiement à la livraison,
- PayPal,
- PayPal Checkout.
Grâce à l’installation du plugin “Germanized pour WooCommerce”, les méthodes de paiement suivantes ont été ajoutées :
- Prélèvement,
- Facture.
L’aperçu des méthodes de paiement disponibles dans votre installation se trouve sous “WooCommerce” > “Réglages” > “Paiements” :
Paiement à la livraison
La configuration de la méthode de paiement dans la boutique se fait rapidement. Cliquez simplement sur le curseur “Activé” et ensuite sur “Configuration”. La méthode de paiement peut être limitée à différents modes de livraison. Par exemple, le paiement à la livraison n’est pas judicieux pour un retrait en magasin.
Paiement par virement
La configuration de cette méthode de paiement est également simple. La méthode de paiement doit être activée. Ensuite, vous pouvez entrer votre numéro de compte :
Paiement par PayPal
La configuration du paiement par PayPal est relativement complexe, mais très appréciée par de nombreux clients, ce qui en fait un moyen de paiement quasi indispensable pour de nombreuses boutiques. Pour le propriétaire de la boutique, le traitement du paiement est également simplifié, car PayPal dispose d’une interface pour le site afin d’enregistrer automatiquement le paiement effectué.
Pour le traitement des paiements, il est recommandé d’ouvrir un compte PayPal professionnel. Cela se fait sur le site de PayPal.
La configuration se fait dans le backend sous “WooCommerce” > “Réglages” > “Paiements”. Cliquez sur le bouton “Configuration” de PayPal pour accéder à l’affichage suivant :
Voici les réglages à effectuer :
Grâce à la case à cocher “Activer PayPal Standard”, vous pouvez activer ou désactiver la fonction de paiement PayPal dans la boutique.
Sous “E-mail PayPal”, veuillez entrer l’adresse e-mail associée à votre compte PayPal professionnel.
Sous “Token d’identité PayPal”, un token doit être entré, que l’on trouve sur le site de PayPal sous “Mon Profil” > “Paramètres du compte” > “Vendeur/Marchand” > “Paramètres du site”. Ce token n’est pas nécessaire, mais la configuration est recommandée.
Sous “Préfixe de facture”, un préfixe pour les numéros de factures peut être défini. PayPal accepte chaque numéro de facture pour le paiement par compte professionnel une seule fois.
L’option “Envoyer l’adresse de livraison à PayPal au lieu de l’adresse de facturation.” doit être activée afin que la protection des clients PayPal fonctionne.
L’option “Action de paiement” doit être réglée sur “Capturer”.
En option, des informations d’accès pour l’API PayPal peuvent être définies. Cela s’avère utile, par exemple, pour le traitement des remboursements via WooCommerce.
Il est possible de tester la configuration initialement avec un compte sandbox PayPal. Cela permet d’effectuer des transactions à des fins de test sans que de l’argent ne soit réellement transféré. Pour cela, vous pouvez créer deux comptes de test sur PayPal : un compte client et un compte vendeur. Ceux-ci ne doivent pas être créés via le site normal, mais via https://developer.paypal.com/. Alternativement, vous pouvez utiliser un compte privé pour des tests et éventuellement remboursez plus tard.
Paiement sur facture
La fonctionnalité de paiement par facture est ajoutée avec le plugin “Germanized pour WooCommerce”, qui peut être installé comme décrit ci-dessus.
La méthode de paiement peut être activée dans le backend de Wordpress sous “WooCommerce” > “Réglages” > “Paiements”.
L’option peut facilement être activée dans l’aperçu des méthodes de paiement. Une option intéressante est “Activer la méthode de paiement uniquement si le client a déjà passé une commande avec succès” sous “Configuration”.
Paiement par prélèvement bancaire (SEPA)
La fonctionnalité de paiement par prélèvement bancaire est ajoutée avec le plugin “Germanized pour WooCommerce”, qui peut être installé comme décrit ci-dessus.
La méthode de paiement peut être activée dans le backend de Wordpress sous “WooCommerce” > “Réglages” > “Paiements”.
Le plugin permet de synchroniser les informations bancaires stockées dans la base de données avec une clé, qui est enregistrée dans le fichier de configuration de Wordpress. Si quelqu’un accède au contenu de la base de données, il ne peut pas déchiffrer les informations bancaires sans accéder à la clé dans le fichier. Le plugin génère lui-même une clé aléatoire et vous propose celle-ci :
Veuillez copier la ligne avec votre clé :
define( 'WC_GZD_DIRECT_DEBIT_KEY', 'abc...' );
et veuillez l’insérer dans le fichier wp-config.php sur l’espace Web. #TODO: Instructions à suivre !
Ajuster l’envoi d’e-mails
WooCommerce envoie automatiquement des e-mails générés à la fois aux clients et aux exploitants de la boutique. Les modèles pour les e-mails doivent être adaptés aux conditions de votre boutique. Veuillez noter que les e-mails envoyés par la boutique en France doivent également remplir certaines exigences légales. Veuillez le vérifier. Le plugin payant “Germanized Market” peut vous aider à cet égard.
Les paramètres des e-mails envoyés peuvent être ajustés dans le backend sous le menu “WooCommerce” -> “Réglages” dans l’onglet “E-mails”. Si vous faites défiler vers le bas, vous obtiendrez l’affichage suivant :
Ici, vous pouvez définir l’expéditeur à partir duquel les e-mails doivent être envoyés. De plus, le schéma de couleurs des e-mails peut être modifié et un aperçu peut être affiché. Les réglages concernant les modèles d’e-mails peuvent être effectués en cliquant sur le bouton “Gérer” dans le tableau en haut de la page :
Pour la confirmation de commande, vous atteindrez par exemple la page suivante :
Les options de réglage qui se présentent directement sur l’interface sont malheureusement assez limitées. Les modèles d’e-mails font partie du thème et peuvent être retravaillés avec des connaissances en langages de balisage PHP, HTML et CSS en cliquant sur le bouton “Copier le fichier dans le thème”. Pour un traitement plus facile des modèles d’e-mails sans connaissances avancées en programmation, il existe le plugin payant “Email Designer pour WooCommerce”, avec lequel les modèles d’e-mails peuvent être modifiés dans une interface basée sur le web.
Gestion des produits
La gestion des produits ne se fait pas via l’onglet “WooCommerce” dans le backend, mais directement via le menu “Produits”. En cliquant ici, vous obtiendrez un aperçu des produits actuellement créés :
Avec le bouton “Créer”, de nouveaux produits peuvent être créés :
Des catégories peuvent également être créées pour les produits :
De plus, d’autres propriétés pour les produits peuvent être ajoutées via le menu “Produits”, comme des unités, des délais de livraison et des informations sur les prix.
Personnaliser le thème
Tous les thèmes pour WooCommerce sont des thèmes pour Wordpress, qui ont été spécifiquement adaptés pour les boutiques.
Thème Storefront
Dans le cadre de l’installation de WooCommerce, le thème “Storefront” est installé automatiquement. Cela peut être personnalisé selon vos besoins. Pour ce faire, Wordpress dispose d’un éditeur de thèmes intégré. Veuillez cliquer dans le backend sur “Apparence” et ensuite sur le thème Storefront sur “Personnaliser” :
Ensuite, vous accédez à l’éditeur du thème :
Ici, différents réglages du thème peuvent être adaptés.
Autres thèmes
De nombreux autres thèmes sont proposés pour WooCommerce, certains étant également payants. Des sources pour d’autres thèmes incluent par exemple :
- Répertoire des thèmes des développeurs de WooCommerce
- Evanto Market propose environ 1200 thèmes pour WooCommerce.
Bien sûr, vous avez également la possibilité de créer votre propre thème personnalisé. Cependant, cela demande un effort considérablement plus grand que d’adapter un thème préconçu.
Tester la boutique
Enfin, vous devez passer quelques commandes de test sur votre boutique, tester les paiements et également vérifier le contenu des e-mails envoyés par la boutique.
Pour aller plus loin
- Documentation officielle de WooCommerce
- “Jetpack et le Règlement Général sur la Protection des Données. Jetpack et le traitement des données.”
- WooCommerce “Premiers pas” (anglais)
- Blog de MarketPress