Comment Ajouter Une Checkbox à la Page Commande de WooCommerce ?

Pour faire preuve davantage de professionnalisme, vous désirez ajouter une checkbox à la page commande de votre boutique en ligne WooCommerce. Dans les lignes qui suivent, nous allons vous montrer de quelle manière insérer une case à cocher impérativement, sans quoi l’acheteur ne sera pas capable de confirmer son achat.

Le But d’Ajouter Une Checkbox à la Page Commande de WooCommerce

Parfois, vos visiteurs doivent valider certaines conditions pour être en mesure de commander leurs articles. Par exemple, ces derniers sont tenus d’accepter votre politique de confidentialité, vos conditions générales de vente ou encore vos délais de livraison.

À ses débuts et par défaut, votre magasin en ligne WooCommerce ne présentait pas cette option. Aujourd’hui si. Mais il se puisse que certains d’entre nous aient un besoin particulier et auquel cas, ce snippet leur sera utile inchaa’Allah.

La Méthode Nécessaire Pour Utiliser ce Snippet

Pour vous expliquer la procédure, nous allons nous imaginer que vous devez avertir vos clients sur le fait que leurs données seront sauvegardées au vu de la loi sur le RGPD. De ce fait, il vous faudra copier-coller le snippet suivant dans le fichier “functions.php” de votre thème enfant :

/*RGPD*/

add_action( 'woocommerce_review_order_before_submit', 'wpm_woocommerce_rgpd', 10 );
  
function wpm_woocommerce_rgpd() {
 
?>
 
<p class="form-row terms">
<input type="checkbox" class="input-checkbox" name="rgpd" id="rgpd">
<label for="rgpd" class="checkbox">J’ai lu et j'accepte la <a href="#">politique de confidentialité du site*</a></strong></label>
</p>
 
<?php
 
}
 
// Erreur affichée si l’utilisateur ne coche pas la case
  
add_action( 'woocommerce_checkout_process', 'wpm_woocommerce_rgpd_erreur' );
 
function wpm_woocommerce_rgpd_erreur() {
    if ( ! (int) isset( $_POST['rgpd'] ) ) {
        wc_add_notice( __( '<strong>Vous devez accepter la <a href="#">politique de confidentialité du site</a></strong>' ), 'error' );
    }
}

    }
}

Une fois que vous aurez inséré ce code, vous verrez une case à cocher comportant la mention “J’ai lu et j’accepte la politique de confidentialité du site” s’afficher en bas du formulaire.

PS : Il convient que vous remplaciez le “#” situé dans le lien par le lien de la page de confidentialité de votre site internet. Bien entendu, vous avez la possibilité de personnaliser ce snippet en indiquant la ou les conditions que vos clients doivent accepter.