Comment Annexer Des Messages Sur la Page de Connexion et d’Inscription de WooCommerce ?

Saviez-vous qu’il est possible d’annexer des messages sur la page de connexion et d’inscription de WooCommerce ? Si ce n’est pas le cas, nous avons le plaisir de vous informer que vous pouvez tout à fait donner des renseignements personnalisés à vos visiteurs à cet endroit. Cependant, à quoi cela sert de fournir des informations au niveau de ces formulaires d’inscription et de connexion ?

En effet, la page de connexion à votre boutique e-commerce WooCommerce peut sembler fade. Pour l’améliorer, vous avez le choix d’intégrer une note informative en haut ou en bas du formulaire. Ainsi, cette méthode vous permettra de communiquer avec vos visiteurs de façon intelligente. Dans les lignes suivantes, nous vous montrons de quelle manière réaliser ce snippet ?

Paramétrer le Formulaire d’Inscription de WooCommerce

• Affichage d’Une Note Informative Au-dessus du Formulaire d’Inscription

Vous voudriez laisser une consigne à vos internautes avant qu’ils ne s’inscrivent à votre site internet. Admettons qu’une nouvelle loi sur le RGPD soit entrée en vigueur. Désormais, vous êtes tenu de prévenir vos visiteurs sur le fait que leurs données personnelles seront enregistrées.

Dans ce cas, il serait judicieux de leur exposer une petite annonce explicative de votre politique de confidentialité avant tout enregistrement. Pour ce faire, il convient de copier-coller le snippet suivant dans le fichier « fuctions.php » de votre thème enfant :

add_action( 'woocommerce_register_form_start','wpm_add_rgpd_text_up' );
function wpm_add_rgpd_text_up() {
   echo '<h3 class="wpm-titre">Nouveaux clients</h3><p class="wpm-description">En créant un compte, vous acceptez la Politique de confidentialité du site ainsi que ses Conditions Générales de Vente.</p>';
}

• Affichage d’Une Note Informative En dessous du Formulaire d’Inscription

Pour insérer ce texte informatif en dessous du formulaire d’inscription, copiez-collez le code suivant dans le fichier « fuctions.php » de votre thème enfant :

add_action( 'woocommerce_register_form_end','wpm_add_rgpd_text_down' );
function wpm_add_rgpd_text_down() {
   echo '<h3 class="wpm-titre">Nouveaux clients</h3><p class="wpm-description">En créant un compte, vous acceptez la Politique de confidentialité du site ainsi que ses Conditions Générales de Vente.</p>'; 
}

Ce code est presque identique au précédent, sauf qu’ici on utilisera le hook « woocommerce_register_form_end ».

Paramétrer le Formulaire de Connexion de WooCommerce

• Affichage d’Une Note Informative Au-dessus du Formulaire de Connexion

Effectivement, vous avez également la possibilité d’inscrire une autre notification au-dessus du formulaire de connexion de votre site internet. À titre d’exemple, nous allons écrire à nos internautes la phrase « Bienvenue à vous ».

Pour cela, vous devez copier-coller le snippet ci-dessous dans le fichier « fuctions.php » de votre thème enfant :

add_action( 'woocommerce_login_form_start','wpm_add_login_text_up' );
 
function wpm_add_login_text_up() {
   echo '<p class="wpm-description">Bienvenue à vous.</p>';
}

• Affichage d’Une Note Informative En dessous du Formulaire d’Inscription

Pour avoir recours à cette action, il vous faut copier-coller le snippet suivant dans le fichier « fuctions.php » de votre thème enfant :

add_action( 'woocommerce_login_form_end','wpm_add_login_text_down' );
 
function wpm_add_login_text_down() {
   echo '<p class="wpm-description">Bienvenue à vous.</p>';
}

La démarche est la même que celle effectuer auparavant, hormis le fait que le hook comprendra la mention « woocommerce_login_form_end ».