Pour personnaliser un peu la page de connexion à votre boutique en ligne WooCommerce, nous allons voir comment afficher un texte informatif au-dessus du formulaire de connexion ou d’inscription, et faire passer un message à vos visiteurs.
Sommaire
Personnaliser le formulaire d’inscription de WooCommerce
Afficher un texte au-dessus du formulaire d’inscription
Imaginons que vous souhaitez informer vos visiteurs avant leur inscription à votre site. Par exemple, la nouvelle loi sur le RGPD vous oblige à informer vos internautes que vous allez stocker leurs données personnelles. Eh bien nous allons leur afficher une petite notification pour leur expliquer notre politique de confidentialité avant leur inscription.
Copiez-collez le code suivant dans le fichier functions.php
de votre thème enfant:
Voici ce que ça donne sur notre page de connexion :
Afficher un texte en-dessous du formulaire d’inscription
Si vous préférez afficher ce message informatif en-dessous de votre formulaire, vous pouvez utiliser le code suivant dans le fichier functions.php
de votre thème enfant.
Celui-ci est quasiment le même que le précédent, à la différence qu’on utilise cette fois le hook woocommerce_register_form_end
.
Voilà ce que ça nous donne maintenant :
Personnaliser le formulaire de connexion de WooCommerce
Afficher un texte au-dessus du formulaire de connexion
Vous pouvez également afficher une information différente au-dessus de votre formulaire de connexion. Par exemple, on va afficher à nos visiteurs la mention “Content de vous revoir” au-dessus du formulaire de connexion ici.
On va cette fois utiliser le code suivant toujours dans le fichier functions.php
de notre thème enfant:
Et le résultat:
Afficher un texte en-dessous du formulaire de connexion
De la même manière, on peut afficher un texte en-dessous du formulaire de connexion également, cette fois en remplaçant le hook précédent par woocommerce_login_form_end
Utilisez le code suivant dans le fichier functions.php
de votre thème enfant:
Ce qui nous donne cette fois-ci :
Vous pouvez bien sûr utiliser tous ces snippets en même temps, si vous souhaitez afficher des messages à plusieurs endroits à la fois. Et n’hésitez pas à modifier les différents textes pour afficher ce que vous voulez à vos visiteurs (par exemple des liens vers votre politique de confidentialité et vos CGV)
Source: Business Bloomer