Comment masquer le champ du code de coupon WooCommerce

Publié: 2020-08-01

Masquer le champ du coupon Panier et paiement Vous cherchez un moyen de masquer le champ du code de coupon WooCommerce, en particulier dans les pages de panier et de paiement ? De plus, vous voudrez peut-être désactiver complètement le code de coupon sur votre boutique WooCommerce. Dans cet article, je vais illustrer comment désactiver ou masquer le champ du coupon dans différentes pages de votre boutique WooCommerce.

Page de panier de champ de coupon WooCommerce

C'est l'emplacement par défaut du champ coupon dans la page panier :
emplacement par défaut du champ du coupon

Page de paiement du champ de coupon WooCommerce

Il s'agit de l'emplacement par défaut du champ du coupon dans la page de paiement :
Paiement par défaut

Champs de coupon WooCommerce

Offrir des coupons aux clients fidèles est un excellent moyen pour les propriétaires de magasins WooCommerce de redonner à la communauté. Grâce à ces coupons, ils peuvent offrir des récompenses ou des remises comme incitation à l'achat. C'est juste une façon pour les propriétaires de magasins WooCommerce de vous remercier d' avoir acheté leurs produits.

masquer les codes de réduction dans WooCommerce

Cependant, vous n'avez pas besoin de montrer ou de former vos clients sur la façon de regarder

pour des remises ou des coupons, car ils pourraient abandonner votre panier pour rechercher des coupons disponibles dans votre magasin. Dans certains cas, d'autres clients peuvent attendre pour acheter quelque chose, jusqu'à ce qu'un coupon soit disponible. Si les clients de votre boutique WooCommerce le font, ils peuvent rechercher le plugin du concurrent ou trouver tout code de coupon proposé par les affiliés, ce qui affecterait les ventes de votre boutique.

De plus, cela peut entraîner un risque d'acheter ailleurs ou d'abandonner complètement votre magasin, lorsqu'ils trouvent une option moins chère.

De plus, lorsque les utilisateurs partent à la recherche de coupons, ils peuvent ne pas finaliser un achat car ils peuvent ne pas être satisfaits car ils ont l'impression d'avoir raté une remise.

Cependant, ce n'est pas l'expérience client que vous souhaitez pour votre boutique WooCommerce.

Pour éviter cela, vous pouvez appliquer automatiquement des coupons aux clients pour un produit particulier, ou simplement masquer complètement les coupons des pages de la boutique.

Cela dit, passons en revue certaines des étapes que vous devez entreprendre pour désactiver ou masquer les coupons de différentes parties de votre boutique WooCommerce afin de maximiser vos conversions et de rendre généralement tous vos clients heureux.

a) Désactiver complètement le code promo sur votre boutique WooCommerce

Vous pouvez désactiver complètement le champ du code de réduction sur le panier et la page de paiement de votre boutique WooCommerce. Cela peut être fait en suivant ces étapes simples :

Étapes pour désactiver complètement le code promo

  1. Connectez-vous à votre site WordPress et accédez au tableau de bord en tant qu'utilisateur administrateur.
  2. Depuis le menu Tableau de bord, cliquez sur l' onglet WooCommerce > Paramètres > Général . Cela apportera de nombreuses options de paramètres généraux, mais vous devez rechercher la case à cocher " Activer l'utilisation des codes de réduction". N'oubliez pas d'enregistrer la modification comme indiqué ci-dessous : Désactiver le champ du coupon
  3. Ensuite, vous devez cliquer sur la case à cocher pour désactiver complètement le champ du coupon sur le panier ou la caisse. Le résultat sur la page du panier est illustré ci-dessous : champ de coupon désactivé

b) Masquez le champ du code de coupon sur la page du panier WooCommerce

Le propriétaire de la boutique WooCommerce peut souhaiter masquer le champ du code de coupon uniquement sur la page du panier et l'afficher sur la page de paiement . Pour ce faire, cela ne vous prendra que quelques minutes et il vous suffit de suivre ces étapes simples :

Étapes pour masquer le champ du code de coupon sur la page du panier WooCommerce

  1. Connectez-vous à votre site WordPress et accédez au tableau de bord en tant qu'utilisateur administrateur.
  2. Dans le menu Dashboard, cliquez sur Appearance Menu > Theme Editor Menu . Lorsque la page de l'éditeur de thème est ouverte, recherchez le fichier de fonctions du thème où nous ajouterons la fonction qui masquera le champ du code de coupon sur la page du panier WooCommerce
  3. Ajoutez le code suivant à la fin du fichier php :
 // masque le champ du coupon sur la page du panier

function disable_coupon_field_on_cart( $enabled ) {

            si ( est_cart() ) {

                        $activé = faux ;

            }

            retourne $activé ;

}

add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_cart' );
  1. Pour voir le résultat de ce code, vous devez accéder à la page du panier et vous verrez ceci : champ de coupon désactivé

Comment fonctionne le code

Ce code désactive complètement le champ du code de coupon dans la page du panier à l'aide de la function disable_coupon_field_on_cart( $enabled ) . Cette fonction vérifie s'il y a un champ de coupon sur cette page. S'il est là, le code désactive le champ du code de coupon à l'aide de ce filtre add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_cart' ); .

c) Masquez le champ du code de coupon sur la page de paiement WooCommerce

Le propriétaire du magasin peut choisir de masquer le champ du code de coupon uniquement sur la page de paiement et de l'afficher sur la page du panier . La page de paiement par défaut avec le champ de paiement ressemble à ceci :

Paiement par défaut

Pour ce faire, cela ne vous prendra que quelques minutes et il vous suffit de suivre ces étapes simples :

Étapes pour masquer le champ du code de coupon sur la page du panier WooCommerce

  1. Connectez-vous à votre site WordPress et accédez au tableau de bord en tant qu'utilisateur administrateur.
  2. Dans le menu Dashboard, cliquez sur Appearance Menu > Theme Editor Menu . Lorsque la page de l'éditeur de thème est ouverte, recherchez le fichier de fonctions du thème où nous ajouterons la fonction qui masquera le champ du code de coupon sur la page de paiement WooCommerce
  3. Ajoutez le code suivant à la fin du fichier php :
 // masque le champ du coupon sur la page de paiement

function disable_coupon_field_on_checkout( $enabled ) {

si ( is_checkout() ) {

$activé = faux ;

}

retourne $activé ;

}

add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_checkout' );
  1. Pour voir le résultat de ce code, vous devez accéder à la page de paiement et vous verrez ceci : champ de coupon désactivé lors du paiement

Comment fonctionne le code

Ce code désactive complètement le champ du code de coupon dans la page de paiement à l'aide de la function disable_coupon_field_on_checkout( $enabled ) . Cette fonction vérifie s'il y a un champ de coupon sur cette page. S'il est là, le code désactive le champ du code de coupon à l'aide de ce filtre add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_checkout' );

d) Masquer le champ du coupon pour n'importe quel produit

En tant que propriétaire d'une boutique WooCommerce, vous devez prendre des décisions qui augmenteront les ventes. Vous pouvez avoir de nombreux champs de coupon et vous souhaiterez peut-être restreindre cette fonctionnalité à certains produits pour éviter l'abandon du panier lorsque les clients souhaitent rechercher d'autres produits.

Par exemple, vous souhaiterez peut-être masquer le champ de code si un produit appelé "Tshirt" avec un ID de produit de 133 est présent dans le panier. Cela se produit lorsque vous ne voulez pas que les gens appliquent un coupon s'ils achètent ce produit. WooCommerce n'a pas de fonctionnalité intégrée pour ce faire, mais ne vous inquiétez pas car nous avons une solution à ce problème.

Pour ce faire, suivez ces étapes simples :

Étapes pour masquer le champ du coupon pour n'importe quel produit

  1. Connectez-vous à votre site WordPress et accédez au tableau de bord en tant qu'utilisateur administrateur.
  2. Dans le menu Dashboard, cliquez sur Appearance Menu > Theme Editor Menu . Lorsque la page de l'éditeur de thème est ouverte, recherchez le fichier de fonctions de thème dans lequel nous ajouterons la fonction qui masquera le champ du code de coupon sur l'ID de produit 133. Voici à quoi cela ressemble avec la zone de champ du coupon : défaut du produit 133 avec code promo
  3. Ajoutez le code suivant à la fin du fichier php :
 add_filter( 'woocommerce_coupons_enabled','ts_hide_coupon_field_on_cart' );

function ts_hide_coupon_field_on_cart( $enabled ) {
$product_id = 133 ;

$cart = WC()->cart->get_cart();

foreach ( $cart as $id => $cart_item ) {

if( $cart_item[ 'data' ]->get_id() == $product_id ) {

retourner faux ;

}

}
retourne $activé ;

}

N'oubliez pas d'ajouter le bon ID de produit en fonction des produits que vous avez dans votre boutique WooCommerce.

  1. Après avoir ajouté le code, actualisez la page et le résultat sera : champ de coupon désactivé dans le produit 133

Comment fonctionne le code

Ce code désactive complètement le champ de code de coupon dans la page du panier de l'ID de produit 133 à l'aide de la function ts_hide_coupon_field_on_cart( $enabled ) . Cette fonction vérifie s'il y a un champ de coupon sur cette page. S'il est là, le code désactive le champ du code de coupon à l'aide de ce filtre add_filter( 'woocommerce_coupons_enabled','ts_hide_coupon_field_on_cart' );

e) Masquer le champ du coupon pour plusieurs produits

Dans l'exemple ci-dessus, nous n'avons supprimé le champ du code de coupon que pour un produit. Vous pouvez vous demander "Comment puis-je masquer le champ du coupon pour plusieurs ID de produit dans la page du panier ?" Nous avons également une solution à ce problème.

Pour ce faire, suivez ces étapes simples et vous pourrez masquer le champ du coupon dans plusieurs produits sur la page du panier :

Étapes pour masquer le champ du coupon pour plusieurs produits

  1. Connectez-vous à votre site WordPress et accédez au tableau de bord en tant qu'utilisateur administrateur.
  2. Dans le menu Dashboard, cliquez sur Appearance Menu > Theme Editor Menu . Lorsque la page de l'éditeur de thème est ouverte, recherchez le fichier de fonctions de thème dans lequel nous ajouterons la fonction qui masquera le champ du code de coupon sur les ID de produit 133, 140 et 147 uniquement. voici à quoi ils ressemblent: code promo dans de nombreux produits
  3. Ajoutez le code suivant à la fin du fichier php :
 add_filter( 'woocommerce_coupons_enabled','ts_hide_coupon_field_on_cart' );

function ts_hide_coupon_field_on_cart( $enabled ) {

$product_ids = array(133, 147, 140);

$cart = WC()->cart->get_cart();

foreach ( $cart as $id => $cart_item ) {

if( in_array( $cart_item[ 'data' ]->get_id(), $product_ids ) ) {

retourner faux ;

}

}

retourne $activé ;

}

N'oubliez pas d'ajouter le bon ID de produit en fonction des produits que vous avez dans votre boutique WooCommerce.

  1. Après avoir ajouté le code, ajoutez ces articles dans le panier et vérifiez si vous obtenez ce résultat : champ de coupon désactivé dans plusieurs produits

Comment fonctionne le code

Ce code fonctionne comme celui de l' exemple (d) mais nous avons défini un tableau d'ID de produits dans lequel nous avons parcouru les articles du panier et vérifié si l'ID de l'article est présent dans notre tableau. Lorsqu'ils apparaissent dans le panier, le champ du code de coupon est masqué. Il peut être utilisé pour n'importe quel produit qui se trouve dans le tableau.

f) Masquer le champ du code promo en fonction des catégories de produits

En tant que propriétaire d'une boutique WooCommerce, vous souhaiterez peut-être masquer le champ du code de coupon si un produit d'une certaine catégorie est présent dans le panier. Pour cet exemple, nous allons masquer les produits de la catégorie ' Njengah Tech '. Vous pouvez utiliser le nom de la catégorie que vous souhaitez masquer le champ du coupon dans le panier et la caisse.

Pour ce faire, suivez simplement ces étapes simples :

  1. Connectez-vous à votre site WordPress et accédez au tableau de bord en tant qu'utilisateur administrateur.
  2. Dans le menu Dashboard, cliquez sur Appearance Menu > Theme Editor Menu . Lorsque la page de l'éditeur de thème est ouverte, recherchez le fichier de fonctions du thème où nous ajouterons la fonction qui masquera le champ du code de coupon sur les produits de la catégorie " Njengah Tech ". Voici à quoi ressemble le panier avec les produits de cette catégorie : code promo dans la catégorie Njengah tech
  3. Ajoutez le code suivant à la fin du fichier php :
 add_filter( 'woocommerce_coupons_enabled','ts_hide_coupon_field_on_cart' );

function ts_hide_coupon_field_on_cart( $enabled ) {

$product_categories = array('Njengah Tech');

$cart = WC()->cart->get_cart();

foreach ( $cart as $id => $cart_item ) {

$_product = wc_get_product($cart_item[ 'data' ]->get_id() );

foreach( $product_categories as $category ) {

if( has_term( $category, 'product_cat', $cart_item[ 'data' ]->get_id() ) ) {

retourner faux ;

}

}

}

retourne $activé ;

}
  1. Après avoir ajouté le code, ajoutez ces articles dans le panier et vérifiez si vous obtenez ce résultat : champ de coupon désactivé dans plusieurs produits - masquez le champ de code de coupon

Conclusion

Dans cet article, nous avons expliqué comment :

  • Désactivez complètement le code de coupon sur votre boutique WooCommerce.
  • Masquez le champ du code de coupon sur la page du panier WooCommerce.
  • Masquez le champ du code de coupon sur la page de paiement WooCommerce.
  • Masquer le champ du coupon pour n'importe quel produit.
  • Masquer le champ du coupon pour plusieurs produits.
  • Masquer le champ du code de coupon en fonction des catégories de produits.

Nous espérons que vous pouvez maintenant masquer ou supprimer le champ du coupon de votre site WooCommerce !

Articles similaires

  1. Comment rediriger vers le panier après la connexion à WooCommerce
  2. Comment masquer le sous-total du panier dans WooCommerce ou supprimer la ligne de sous-total
  3. Comment ignorer le panier et rediriger vers la page de paiement WooCommerce
  4. Modifier le texte Procéder au paiement dans WooCommerce
  5. Comment changer l'icône PayPal sur la page de paiement WooCommerce
  6. Comment définir des produits en vedette dans WooCommerce
  7. Comment ajouter une page de paiement d'icônes de paiement WooCommerce personnalisées
  8. Comment vendre des produits numériques avec WooCommerce
  9. Comment trier les catégories WooCommerce pour une meilleure expérience utilisateur
  10. Masquer ou supprimer le champ Quantité de la page produit WooCommerce