Pour permettre aux clients de créer un compte, vous pouvez avoir besoin d’ajouter des champs supplémentaires sur le formulaire WordPress. En effet, par défaut, WooCommerce propose la possibilité d’activer le champ « Adresse courriel » et « mot de passe ». Toutefois, ces champs ne sont pas souvent représentatifs des réalités des entreprises. Nous allons donc voir comment ajouter les champs qui nous intéressent. Ceci sans avoir à installer une extension.
Pour ajouter un champ supplémentaire au formulaire d’inscription WooCommerce, vous pouvez suivre ces étapes :
<?php
// Add new field to registration form
add_action( 'woocommerce_register_form', 'add_extra_registration_field' );
function add_extra_registration_field() {
?>
<p class="form-row form-row-wide">
<label for="extra_field"><?php _e( 'Extra Field', 'woocommerce' ); ?> <span class="required">*</span></label>
<input type="text" class="input-text" name="extra_field" id="extra_field" value="<?php if ( ! empty( $_POST['extra_field'] ) ) esc_attr_e( $_POST['extra_field'] ); ?>" />
</p>
<?php
}
// Validate the new field
add_action( 'woocommerce_register_post', 'validate_extra_registration_field', 10, 3 );
function validate_extra_registration_field( $username, $email, $validation_errors ) {
if ( isset( $_POST['extra_field'] ) && empty( $_POST['extra_field'] ) ) {
$validation_errors->add( 'extra_field_error', __( 'Please provide a value for the extra field', 'woocommerce' ) );
}
}
// Save the new field
add_action( 'woocommerce_created_customer', 'save_extra_registration_field' );
function save_extra_registration_field( $customer_id ) {
if ( isset( $_POST['extra_field'] ) ) {
update_user_meta( $customer_id, 'extra_field', sanitize_text_field( $_POST['extra_field'] ) );
}
}
Ce code ajoutera un nouveau champ intitulé « Champ supplémentaire » au formulaire d’inscription WooCommerce. Il validera également le champ pour s’assurer qu’il n’est pas laissé vide et enregistrera la valeur du champ dans les métadonnées de l’utilisateur lors de l’inscription. Vous pouvez personnaliser le libellé du champ et le message de validation en modifiant le texte dans les fonctions add_extra_registration_field() et validate_extra_registration_field(), respectivement.
Si vous n’êtes pas familier avec la programmation PHP, vous pouvez utiliser une extension pour effectuer la même tâche. Pour cela, ci-dessous sont quelques extensions que nous vous recommandons.
Il est cependant à noter que ces extensions peuvent avoir un prix.
C’est une extension de WooCommerce que vous trouverez sur le site web de WooCommerce.com
Afin d’utiliser l’extension, vous devez passer la commande et en suivant les étapes sur le site web.
C’est pareillement une extension que vous trouverez su WooCommerce. Pour l’obtenir, Cliquez sur le lien de téléchargement.
Il existe néanmoins plusieurs autres extensions WordPress pour ajouter des champs supplémentaires sur le formulaire de création de compte WooCommerce. Alors, vous pouvez toujours repérer une qui vous convient. Pour ce cas, voici quelques-unes des options les plus populaires :
Tous ces plugins sont disponibles dans le répertoire officiel des plugins WordPress. Cependant, il est important de noter que certaines extensions peuvent nécessiter une version premium pour accéder à certaines fonctionnalités avancées. Par conséquent, assurez-vous de vérifier les fonctionnalités offertes par chaque plugin avant de choisir celui qui convient le mieux à vos besoins.
Il existe plusieurs approches pour ajouter des champs supplémentaires sur la page de création de compte. Si vous avez besoin d’aide pour un développement personnalisé, contactez-nous. Les extensions ou les plugins ne sont pas toujours adaptés à votre besoin ou demande des frais supplémentaires. Dans ce cas, optez pour les développements personnalisés, vous économiserez sur du long terme.