Message Registrer

Pour encourager les utilisateurs à s'inscrire sur votre boutique, vous pouvez ajouter un message au-dessus du formulaire d'inscription en affichant les avantages que propose votre site envers ses membres. Certains sites proposent une liste d'envies, un système de points et récompenses, des ventes privilèges et bien d'autres avantages, à leurs clients. Ce petit bout de code affichera les privilèges par défaut que propose un compte client dans Woocommerce. À vous, d'ajouter d'autres avantages selon votre configuration.

Si vous souhaitez insérer un message au-dessus de la zone de connexion/s'enregistrer, tout ce que vous avez à faire est d’ajouter le code ci-dessous dans le fichier functions.php de votre thème.

// Place the following code in your theme's functions.php file
add_action( 'woocommerce_before_customer_login_form', 'sb_login_message' );
function sb_login_message() {
if ( get_option( 'woocommerce_enable_myaccount_registration' ) == 'yes' ) {
?>
<style type="text/css">
/* Allows you to customize the appearance. CSS */
.woocommerce-message-register {margin-bottom: 8px;padding: 10px; background-color: #F4F4F4;border: 1px dashed #CCC; width: 50%; position: relative;}
.woocommerce-message-register h4{}
.woocommerce-message-register ul{padding-left: 20px;}
.woocommerce-message-register li{}
</style>
<div class="woocommerce-message-register">
<h4><?php _e( 'Cr&eacute;ez votre Espace Client' ); ?></h4>
<p><?php _e( 'En cr&eacute;ant un compte sur notre boutique, vous pourrez :' ); ?></p>
<ul>
<li><?php _e( 'Voir l\'historique de vos commandes' ); ?></li>
<li><?php _e( 'V&eacute;rifier vos commandes' ); ?></li>
<li><?php _e( 'Modifier vos adresses' ); ?></li>
<li><?php _e( 'Changer votre mot de passe' ); ?></li>
</ul>
</div>
<?php
}
}
Code Complet

Pour personnaliser ce code, il vous suffit de modifier les lignes suivantes :

<h4><?php _e( 'Cr&eacute;ez votre Espace Client' ); ?></h4>
<p><?php _e( 'En cr&eacute;ant un compte sur notre boutique, vous pourrez :' ); ?></p>
<ul>
<li><?php _e( 'Voir l\'historique de vos commandes' ); ?></li>
<li><?php _e( 'V&eacute;rifier vos commandes' ); ?></li>
<li><?php _e( 'Modifier vos adresses' ); ?></li>
<li><?php _e( 'Changer votre mot de passe' ); ?></li>
Personnalisation du Texte

Personnaliser l'aspect des éléments du message, il vous suffit de modifier les lignes suivantes :

.woocommerce-message-register {margin-bottom: 8px;padding: 10px; background-color: #F4F4F4;border: 1px dashed #CCC; width: 50%; position: relative;}
.woocommerce-message-register h4{}
.woocommerce-message-register ul{padding-left: 20px;}
.woocommerce-message-register li{}
Personnalisation CSS