brand-lws-red brand-lws-white
Blog

Comment personnaliser sa boutique e-commerce Woocommerce ?

14 août 2020

Comment personnaliser sa boutique e-commerce Woocommerce ?

Vous avez fait le choix de créer votre boutique e-commerce avec Woocommerce ? Ce logiciel est parfait pour créer votre boutique en ligne.

Que vous possédiez déjà un grand site e-commerce, que vous soyez en train de le construire ou ayez pour projet de créer votre premier site internet, l’hébergeur web LWS est la solution pour vous.

Nous avons spécialement créé un e-book E-commerce pour vous apporter toutes les réponses à vos questions pour créer la boutique en ligne de vos rêves !

E-Book E-Commerce : Comment lancer sa boutique en ligne ?

Découvrez comment personnalisez votre boutique e-commerce pro Woocommerce. Ainsi que toutes les possibilités qui s’offrent à vous pour que votre site e-commerce soit à votre image.

Thème e-commerce Woocommerce

Si vous désirez un autre thème de site que celui installé par défaut dans votre formule LWS, vous pouvez vous en procurer dans la rubrique Apparence > thèmes. On en a déjà quelques uns ici, la plupart sont compatibles avec Woocommerce mais certains sont plus conçus dans cette finalité que d’autres. Vous pouvez trouver d’autres thèmes gratuits en cliquant sur ajouter.Theme Woocommerce

On peut en chercher un dans les plus populaires par exemple, vous pouvez aussi en trouver en indiquant un mot clé comme “store” pour chercher des modèles plus spécialement conçus pour l’e-commerce. Storefront par exemple est une référence des thèmes e-commerce pour WordPress.

Vous pourrez les personnaliser par la suite en ajoutant vos images, vos textes, etc… Il y en a pour tous les goûts et tous les projets… Dans ce tuto nous allons garder le thème installé par défaut. Il est parfaitement adapté aux différentes tailles d’écran, ordinateur, tablette, téléphone portable…
Mais si vous ne trouvez pas votre bonheur vous pouvez également en acheter sur une plateforme comme ThemeForest, elle propose des thèmes spécialement conçus pour WooCommerce.

Personnaliser son site e-commerce

Dans cet article nous allons rester sur le thème de base. Il est parfaitement adapté aux différentes tailles d’écran, téléphone portable, tablette…

Nous allons commencer à personnaliser la boutique. Tout d’abord rendez-vous dans Apparence > Personnaliser. Parcourez les différentes rubriques pour customiser votre site.

Il existe une version premium de ce thème woocommerce avec plus de fonctionnalités, vous pouvez l’acheter en cliquant sur le bouton “go pro”. Vous obtiendrez par exemple la possibilité de personnaliser plus d’éléments, l’accès des animations css etc…

Personnaliser le favicon

Vous pouvez modifier le nom de votre site, le slogan, le favicon (icône du site que vous voyez dans les onglets du navigateur). Ici on nous demande une image de 512 par 512 pixels.
Pour créer un favicon, on peut utiliser Photoshop ou un logiciel similaire, dessinez votre logo ou téléchargez en un gratuitement sur flaticon par exemple.Favicon Woocommerce

Importez l’image dans Woocommerce, enregistrez et actualisez votre page, vous pouvez voir que votre favicon est bien visible ici.

Personnaliser les couleurs de votre site

modifier couleur site woocommerce

Vous pouvez modifier la couleur d’arrière plan ici, vous pouvez ainsi mettre votre site aux couleurs de votre charte graphique. Là on va rester sur quelque chose de sobre et épuré. Il est aussi possible de mettre une image en arrière plan en sélectionnant une image de votre ordinateur.

Créer un menu

Puis vous allez créer un menu, l’assigner à un emplacement, et y ajouter des éléments de menu tels que des liens vers des pages et catégories. Pour l’instant on a pas créé de catégories de produits alors on va laisser la page shop pour le moment.Menu site woocommerce

Si votre thème a plusieurs zones de menu, vous pourriez avoir à créer plus d’un menu. Ici ce thème peut afficher des menus sur 2 emplacements.

Sur ce thème il faut la version pro pour personnaliser le logo vous pouvez alors soit l’acheter ou choisir un autre template gratuit qui le permet. Ici vous n’avez accès qu’au nom textuel de votre site.
Quelques options de personnalisation ne sont accessibles qu’en version PRO. Vous pouvez toujours changer de thème mais cela est fortement déconseillé si vous avez déjà importé vos produits, images et que vous avez déjà beaucoup travaillé sur un thème car vous devrez sûrement refaire, régler et adapter beaucoup de choses.

Configurer les modules de votre boutique e-commerce

Dans l’onglet Woocommerce > catalogues de produits, vous pouvez choisir ce qui sera affiché sur la page principale de votre boutique ; les produits, les catégories ou les deux. Faites de même pour les pages de catégories de produits.Afficher les produits site woocommerce

Sélectionnez le tri par défaut de vos articles dans le catalogue, par popularité, moyenne des notes, date et tarif. Choisissez combien de produits vous souhaitez afficher par ligne et combien de lignes de produits par page.

Les images de votre site e-commerce

Réglez la taille de vos images produits dans l’onglet dédié. Ici on va laisser les mêmes tailles d’images.
Mais si on a envie que les miniatures soient affichées en format carré, on choisi le ratio 1:1.
Soyez vigilant sur la configuration des dimensions de vos images. Une fois modifiées, vérifiez que les images de vos produits s’affichent correctement aussi bien sur les pages produits que sur les pages catalogue, etc…Images produits woocommerce

Harmoniser son site e-commerce

Validation de commandes

Dans l’onglet validation de commande, modifiez l’apparence de la page de validation de commande de votre site. Indiquez les champs optionnels, obligatoires ou cachés. Les pages « Politique de confidentialité » et « Conditions générales de vente » notamment ne sont pas créées, n’oubliez pas de les créer et remplir avant de publier votre site.Validation commande woocommerce

Structurer vos pages

On sauvegarde et on va retourner sur la page des réglages. Dans la rubrique produits, vous pouvez sélectionner la page de votre boutique, pas forcément la page d’accueil. Vous pouvez par exemple avoir
un site dont la page d’accueil explique votre activité, les promotions en cours, cette page peut rediriger via un bouton vers la partie vente sur une autre page qui répertoriera tous vos produits et catégories.structure pages woocommerce

Si vous n’avez pas de page dédiée pour votre boutique vous pouvez en créer une dans la rubrique Pages mais normalement Woocommerce en créée une par défaut.

URL de pages e-commerce

Faites la structure de vos URL dès le début, cela risque d’être plus compliqué par la suite. On ne devrait jamais les changer sur un site en production. Configurez vos pages en cliquant sur « permalien produit ».url site woocommerce

Dans les réglages les plus courants on retrouve la structure des liens standard d’un site wordpress, les articles et pages de type blog. On peut aussi personnaliser les URL de vos étiquettes et de vos catégories à cet endroit si vous le voulez. Par défaut, les liens des pages produits sont constitués de votre nom de domaine, du répertoire dans lequel se trouve votre boutique et du nom de votre produit. Si vous voulez , par exemple, faire apparaître la catégorie dans laquelle se trouve votre produit dans le lien, choisissez le 3ème permalien produit.

Si on créée un site de chaussures par exemple et que vous avez une catégorie ”sneakers” dans votre boutique, le lien ou URL d’un produit ressemblera à tutos-videos.fr/woocommerce/shop/sneakers/sneakers-noires-basses (votre domaine / votre catégorie / votre produit).

Vendre du e-commerce

En parallèle à cet article, je vous invite à consulter les conseils suivants pour ajouter vos produits sur votre boutique e-commerce Woocommerce.

Réglages des articles

Retournons dans les réglages produits. On peut choisir comment le site va se comporter quand un visiteur va ajouter un produit dans son panier : le rediriger vers la page du panier ou le laisser sur la page qu’il est en train de visiter. Ici, pour l’exemple, on va cocher l’option de redirection automatique vers la page panier.Réglages des articles

Indiquez les unités de poids et dimensions en fonction de la taille de vos articles. Ici, pour les chaussures, on va opter pour les grammes et les centimètres. Si on vendait des échelles par exemple on choisirait plutôt l’unité de mètre.

Activez ou désactivez la possibilité à vos clients de laisser un avis sur vos produits. Affichez ou non la mention “acheteur certifié” lorsque le fait que le client a vraiment acheté ce produit est vérifié. On peut limiter les commentaires uniquement à ceux qui ont réalisé un achat vérifié, activer ou non la note donnée par le client sur l’avis. On enregistre ensuite.

Gestion des stocks

Maintenant allez dans l’inventaire des produits. Je vous conseille de toujours activer la gestion du stock lorsque vous vendez des produits physiques, cependant pour les produits numériques vous n’aurez sûrement pas besoin de gérer des stocks. On peut choisir une durée pendant laquelle le stock est maintenu, c’est à dire le temps, après avoir cliqué sur ajouter au panier pendant lequel un produit en stock est réservé à un client.Gestion stock boutique woocommerce

En laissant cochées les notifications, vous recevrez un mail lorsque vos stocks sont faibles ou en rupture de stock. Indiquez la boîte mail sur laquelle vous voulez les recevoir. Vous indiquez ce que veut dire un stock faible pour vous, à partir de 5 articles restants par exemple. Choisissez ou non de cacher les articles en rupture de stock. On peut afficher le nombre d’articles restants pour les visiteurs, il vaut mieux le mettre parfois ça peut précipiter un achat ; un client ne voulant pas forcément attendre un restock pour se décider. On enregistre chaque page modifiée.

En cliquant sur le lien « produits téléchargeables », vous pouvez choisir la méthode de téléchargement des fichiers que vous vendez, des produits numériques comme des tutoriels, ebooks etc…

Option TVA

Rendez-vous ensuite dans l’onglet TVA. Les taxes peuvent être un sujet délicat mais WooCommerce rend leur configuration simple. Indiquez si vous entrerez vos tarifs toutes taxes comprises ou hors taxes. Je vous conseille de laisser en HT surtout pour les produits numériques comme l’acheteur paiera la TVA de son pays. Ca simplifiera vos calculs. Il ne s’agit pas du tarif que les clients verront mais le tarif que vous rentrez sur vos fiches produits. Le calcul de la TVA peut être basé sur l’adresse de livraison ou facturation du client ou encore de l’adresse de base de la boutique.TVA Produits boutique woocommerce

Vous pouvez déterminer la classe de TVA de livraison à définir ou choisir de laisser de manière à ce que la TVA de livraison soit basée sur les articles du panier. Ici dans mon exemple on laisse cette dernière option.

Prix des articles

L’affichage des produits dans la boutique, c’est le prix que verront vos visiteurs sur votre site, en TTC ou HT.

Le suffixe d’affichage des prix peut être utilisé pour ajouter la mention “TVA incluse” après le tarif indiqué sur vos produits si vous choisissez d’indiquer vos tarifs TTC sur votre site. Comme cela vos clients sauront qu’ils n’auront rien d’autre à payer que le prix indiqué (et frais de port s’il y a).

Vous devrez configurer les différents taux de TVA. Par exemple, pour la france, le code pays c’est FR, le code État aussi. En France la TVA est de 20% (je vous invite à vous renseigner sur le taux actuel). Nous allons nommer cette TVA par exemple TVA20. Choisissez si oui ou non il s’agit d’un taux cumulable et si elle s’applique aussi aux frais de transport. Vous devrez faire ceci pour les différents pays dans lesquels vous souhaitez vendre.

La TVA au taux réduit de 5,5 % est applicable dans certaines situations. Et le taux zéro sur certains produits.

Expédition des articles

Dans l’onglet expédition, associez des méthodes d’expédition à des régions géographiques. Selon l’adresse de livraison du client, des méthodes de livraison lui seront proposées. Par exemple on crée une zone pour la france métropolitaine, avec une méthode par forfait.expédition articles boutique woocommerce

Gestion des paiements en ligne

Passons à la gestion des paiements. On active Paypal en 1 clic. On peut le déplacer dans la liste pour changer l’ordre d’affichage de ce paiement sur mon site. On désactive les paiements par chèque par
exemple. On peut configurer mon nouveau moyen de paiement Paypal très simplement. Vous pouvez gérez les moyens de paiement que vous accepterez sur votre boutique comme vous le souhaitez.moyens paiement woocommerce

Comptes clients

Dans l’onglet « comptes et confidentialité », vous pourrez indiquez vos préférences concernant la création de comptes clients. Par exemple, vous pouvez autoriser vos clients à commander sans créer de compte, faire une commande invité. Vous pouvez donner la possibilité à vos visiteurs de se connecter pendant la commande s’ils ont déjà un compte. On peut générer automatiquement un identifiant pour le client et le mot de passe aussi pourquoi pas, les clients seront quitte de créer un mot de passe trop simple. Si un client demande un effacement de ses données personnelles, vous pouvez cocher la case pour qu’elles soient automatiquement supprimées.compte et confidentialité woocommerce

Suivi clients e-commerce

Vous pouvez ajouter des explications sur la Politique de confidentialité, elles s’afficheront sur les formulaires de création de compte. Il est aussi possible de rediriger vers une page dédiée à ces explications.
Choisissez le temps durant lequel les données personnelles de vos clients seront conservées. C’est-à-dire les comptes inactifs, les commandes en attente, échouées, annulées, terminées. Laissez les options vides pour les conserver indéfiniment.

Dans l’onglet E-mails, retrouvez un listing des différentes notifications envoyées à votre adresse mail et à vos clients (une nouvelle commande a été passée, une commande a été annulée, a échoué, est en cours, est terminées, remboursée, une facture a été reçue, un nouveau compte a été créé, etc…)
On peut, si on veut, désactiver des emails, par exemple la commande en cours. Pour cela cliquez sur «gérer» et décochez la notification par email si vous voulez.

Les icônes violettes avec le check indiquent que ce sont des mails automatiques. Au contraire, l’icône grise avec une flèche indique que l’email est envoyé manuellement.

Si vous vendez en France, il est préférable de traduire les terminaisons ajoutées à vos liens de pages pendant le processus de commande, par exemple « order pay » devient « paiement ». Vous pouvez faire cela pour tous les liens.

CGV Boutique e-commerce

La page des CGV, les conditions générales de vente où sont fournies les informations d’un fournisseur à son client.
En plus des CGV vous devrez créez des mentions légales, la politique de confidentialité, renseignez vous bien sur la juridique et mettez tout en place pour être en règle.

Je vous conseille de passer par un avocat, un juriste, quelqu’un qui s’y connait bien pour rédiger tout cela pour vous.

Votre boutique Woocommerce est prête

Il y a d’autres réglages mais en tant que débutant vous n’en aurez pas forcément besoin pour le moment.

Alors n’attendez plus, dès maintenant créez votre boutique e-commerce Pro avec Woocommerce👍

Je vous invite à lire notre E-book e-commerce pour encore plus de détails pour votre boutique en ligne Woocommerce😉

N’hésitez pas à partager cet article et à nous dire quelle formule vous avez choisi selon vos besoins 😉

hébergement e-commerce

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Serveurs performants haut de gamme

Serveurs performants
haut de gamme

Logiciels avec installation en 1 clic

Logiciels avec
l'installation en 1 clic

Sécurité optimale pour vos sites

Sécurité optimale
pour vos sites

Confiance, 100% en France

Confiance, 100%
en France

100% Satisfait ou Remboursé

100% Satisfait
ou Remboursé