07 Nov 2019
Customiser son site Woocommerce sans coder

Personnaliser facilement Woocommerce avec n’importe quel thème

Mise à jour de l’article le 19/04/2020 : L’article est en vidéo maintenant ! > Voir la vidéo <
Mise à jour de l’article le 07/04/2020 : J’ai rajouté un plugin pour permettre la modification de la page commande et une astuce bonus en bas de l’article !

Woocommerce est vraiment une solution e-commerce facile à mettre en place et très complète avec pas mal d’options. Cependant selon votre thème WordPress certaines modifications sont assez compliqués à réaliser, changer des textes, des couleurs de boutons etc. Voici comment personnaliser votre site e-commerce sans toucher une ligne de code !

Pourquoi personnaliser Woocommerce ?

Les fonctionnalités de base présente dans l’extension de WordPress sont tout à fait adapté à une utilisation e-commerce. Toute personne utilisant ce plugin aura les mêmes options que vous sur leur site. Le but est de vous démarquer mais pas que !

Selon les produits que vous vendez vous allez avoir besoin d’un affichage particulier sur votre site internet. Un exemple très simple, vous proposez de la personnalisation de produit, le texte du call to action d’ajout panier pourrait être modifié par : Je commande ma personnalisation.

Cet article a pour but d’être plus libre face à la personnalisation de son site e-commerce.

En parallèle, vous pouvez lire deux articles : les shortcodes de Woocommerce et Créer des filtres produit sur Woocommerce pour améliorer votre boutique en ligne. Besoin d’inspiration pour votre site ? Lisez mon article, disponible en vidéo aussi : 5 sites e-commerce qui utilisent Woocommerce

Allez on commence avec le premier module !

WooCommerce Customizer, plugin gratuit !

Ce plugin permet de personnaliser vos textes. Vous pouvez traduire le bouton ajouter au panier que ça soit un produit simple ou variable, traduire le bandeau “promo”, le bloc de code de réduction dans le panier etc

Il est très simple et pas du tout compliqué à utilisé. Il s’affiche dans les réglages de Woocommerce dans un nouvel onglet après installation.

> Téléchargez le plugin <

plugin pour modifier les textes dans woocommerce
Affichage en back-office de l’extension

Changez les couleurs par défaut de Woocommerce !

Voici un petit plugin avec juste quelques options mais il est très efficace !

Nativement le cms embarque un code couleur (violet, vert…) et le but est de pouvoir adapter la partie e-commerce de votre WordPress à la charte graphique de votre site. En plus de cela, le plugin est gratuit et pas très lourd à installer 🙂

Petite info pour l’avoir testé, une fois installé, vous devez aller dans apparence -> personnaliser pour voir les options du plugin WooCommerce Colors.

> Téléchargez le plugin <

Personnaliser les couleurs de Woocommerce ave ce plugin
Voici les options de couleurs du plugin

Affichez des éléments Woocommerce n’importe où sur votre site !

Vous avez besoin d’afficher sur la page d’accueil les derniers avis de vos clients ? Aucun problème !

Maintenant, vous pouvez ajouter depuis votre éditeur de page n’importe quel élément appartenant à WC. Cette option (capture ci-dessous) est intégrée directement sur les dernières versions de Woocommerce.

Vous pouvez désormais afficher des produits dans vos articles blog par exemple, idéal sur vous écrivez quelque chose qui concerne un produit en particulier.

Il existe un plugin si vous n’avez pas cette option, il nécessite d’avoir au moins WordPress 5.0, il fonctionne avec le nouvel éditeur Gutenberg.

> Téléchargez le plugin <

Utiliser Woocommerce dans Gutenberg
Affichage des éléments WC dans l’éditeur

Personnaliser la page mon compte de Woocommerce

Les pages de compte client ne sont pas du tout modifiables depuis le back-office.

Avec ce plugin gratuit vous allez pouvoir gérer les différents éléments que vous voulez mettre à disposition dans le compte de vos clients. Vous pouvez aussi choisir l’ordre d’affichage des éléments dans le menu.

> Téléchargez le plugin <

Pour aller plus loin sur la modification de la page mon compte, vous avez un plugin payant de Yith qui permet de faire énormément de chose : Voir le plugin YITH WOOCOMMERCE CUSTOMIZE MY ACCOUNT PAGE

Modifier la page commande de Woocommerce

L’optimisation des ventes peut se faire aussi sur le tunnel de vente et plus particulièrement sur les champs demandés à l’inscription. Plus vous allez demander d’informations (et de champs obligatoires), plus le client va prendre du temps à finir sa commande et il risque d’abandonner.

Avec WooCommerce Checkout Manager vous allez pouvoir personnaliser les champs du tunnel de commande de Woocommerce. Vous allez définir ceux obligatoires, ceux à ne pas afficher, ajouter des nouveaux champs etc… C’est vraiment idéal de pouvoir personnaliser les champs à saisir selon son activité.

> Téléchargez le plugin <

Modifier des champs client dans le tunnel d'achat de Woocommerce

Ajouter un panier fixe sur votre boutique Woocommerce

Petite astuce avec un plugin abordable en prix, vous pouvez ajouter un bouton fixe panier sur votre site internet qui va afficher le détail panier. Cela évite au client d’avoir plusieurs pages à visiter. On passe de l’ajout panier à la page commande sans visiter la page cart (panier) de Woocommerce.
Voici le plugin : WooCommerce Floating Cart

Importez vos produits en masse dans Woocommerce

Avec un fichier CSV, vous pouvez importer sans limite des produits dans votre Woocommerce. Plus besoin de créer un par un chaque élément depuis le back-office, vous allez gagner beaucoup de temps !

Je vous invite à lire l’article de Lisa Lelimouzin sur ce sujet : Import de produits par CSV sur WooCommerce

J’ai réalisé une vidéo Youtube tutoriel, je vous invite à la regarder et à vous abonner à ma chaîne 🙂

Votre site Woocommerce est prêt ? Il vous faut du trafic maintenant !

Une fois que notre site e-commerce est fonctionnel, on a besoin d’acquérir du trafic pour le développer.
Vous allez créer du contenu pour votre site et l’optimiser pour Google. On veut tous avoir un site avec du trafic “gratuit” grâce à notre positionnement sur des mots-clefs Google.

C’est un domaine pas si simple que cela, vous devez faire pas mal de chose pour vraiment optimiser le référencement naturel de votre site.

Je vous préconise de télécharger (gratuitement) le livre blanc d’Olivier Clémence sur le sujet : https://www.reussir-mon-ecommerce.fr/livre-blanc-seo/

Il a écrit un très bon article blog sur le référencement naturel en e-commerce. J’insiste un peu sur la partie e-commerce parce que vous trouverez souvent des ressources qui sont adaptées à un simple site vitrine.

Voici son article : https://www.reussir-mon-ecommerce.fr/referencement-ecommerce/

Un dernier mot sur cet article.

Vous pouvez rajouter une fonctionnalité appréciable : Des bons cadeaux ! J’ai écrit un article qui vous explique comment créer des bons cadeaux sur Woocommerce, je vous laisse lire l’article sur ce sujet.

Vous avez aussi d’autres plugins premium sur Code Canyon qui méritent d’être testés.

Voilà ! J’espère que ces plugins vont vous aider à personnaliser votre site e-commerce WordPress 🙂
Si vous utilisez d’autres plugins de ce genre, laissez-moi un commentaire pour aider la communauté !

PS : Vous pouvez aller voir mon article blog pour ajouter un système de relancer de panier abandonnée sur votre boutique et si vous souhaitez créer un Woocommerce pour les pros, je vous invite à consulter ce lien : Comment créer un site B2B professionnel sur Woocommerce.

Un hébergement Woocommerce performant