Logique conditionnelle WooCommerce, champs personnalisés et options de produit dans un seul plugin !

Publié: 2018-03-28

L'année dernière, nous avons publié notre plugin pour ajouter des options de produits, des champs personnalisés et personnaliser vos produits WooCommerce. De nombreux clients nous ont demandé d'ajouter une logique conditionnelle aux champs et options personnalisés du produit WooCommerce. Je suis heureux d'annoncer que la logique conditionnelle WooCommerce est disponible dans la version PRO du plugin à la fois pour les produits simples et les variantes.

Vos produits WooCommerce manquent-ils de plus d'options et de champs personnalisés ? Avez-vous essayé d'ajouter plus d'informations sur vos produits ? Mais les pages ont l'air trop longues ou toujours les mêmes .

Aujourd'hui, je vais vous montrer comment ajouter des champs personnalisés à vos produits WooCommerce pour enrichir les options de produits . Découvrez comment permettre aux clients de bénéficier dynamiquement de champs personnalisés, d'options de produits et de services supplémentaires à l'aide d'une logique conditionnelle . Personnalisons les produits simples et offrons de belles variations de produits dans WooCommerce en quelques minutes !

Table des matières

  • Options de produit WooCommerce avec logique conditionnelle
  • Options de produit WooCommerce avec logique conditionnelle
  • Champs de produit personnalisés avec logique de condition - Un guide étape par étape
  • Résumé et plus sur le plugin

Options de produit WooCommerce avec logique conditionnelle

Les produits les plus populaires vendus dans les boutiques en ligne sont les produits physiques standards. WooCommerce et d'autres plateformes de commerce électronique sont bien faites pour eux. Cela ne signifie pas qu'ils répondent à tous les besoins. Parfois, les magasins ont besoin de quelque chose de plus que cela !

Les options de produit permettent aux clients de personnaliser le produit. Un module complémentaire peut être une case à cocher, une zone de sélection ou une zone de texte pour nommer quelques champs de produits personnalisés . Bien sûr, tout dépend des besoins du magasin. Ces modules complémentaires peuvent être utilisés pour la gravure de produits , l'assurance de vente croisée ou une fonctionnalité d'emballage cadeau .

Que diriez-vous de quelques exemples?

Commande de restauration WooCommerce

Manger sainement est à la mode de nos jours. Les gens veulent bien manger, mais souvent ils n'ont pas le temps de préparer eux-mêmes leurs repas. Compter les calories, dresser des listes de repas, faire les courses et cuisiner. Suivre un régime tout seul est une tâche difficile au quotidien.

Pourtant, il existe une solution simple à ce problème : les box alimentaires ou la restauration personnelle .

Regardez sur la page produit ci-dessous ↓ : un champ de date (date de début du service traiteur), un champ de sélection (pourboire), et une case à cocher pour inclure ou exclure certains ingrédients du régime.

Personnalisez les produits et variantes simples de WooCommerce avec des champs personnalisés, des options de produit et une logique conditionnelle pour afficher les champs de manière dynamique
Personnalisez les produits et variantes simples de WooCommerce avec des champs personnalisés, des options de produit et une logique conditionnelle pour afficher les champs de manière dynamique
Tous les modules complémentaires supplémentaires (champs personnalisés) que vous voyez sur la page du produit WooCommerce ci-dessous ont été ajoutés à l'aide du plugin Flexible Product Fields . Le plugin vous permet de personnaliser les options de conception et de produit pour les produits simples et les variantes de WooCommerce .

Champs de produits flexibles PRO WooCommerce 59 $

La logique conditionnelle des variations de produits WooCommerce est simplifiée. Obtenez le plug-in et ajoutez 18 modules complémentaires de produits différents, une logique conditionnelle et une tarification.

Ajouter au panier ou Afficher les détails
Plus de 10 000 installations actives
Dernière mise à jour : 2023-03-15
Fonctionne avec WooCommerce 7.1 - 7.5.x
Vous pouvez également configurer tous les champs personnalisés (nouvelles options) en utilisant la logique conditionnelle pour les produits WooCommerce (produits simples et variables). Je vais vous montrer comment plus tard dans cet article.

Assurance WooCommerce pour les produits

Un autre excellent exemple est l'assurance . Les magasins vendent volontiers des assurances croisées pour les produits qu'ils proposent. Il fournit aux magasins un bénéfice supplémentaire car ils sont les intermédiaires des compagnies d'assurance.

Logique conditionnelle WooCommerce
Assurance produit WooCommerce - page produit

Comme vous pouvez le voir, tout ce dont vous avez besoin dans cet exemple est un simple champ déroulant (champ de sélection) avec de nouvelles options de produit !

Options de produit WooCommerce avec logique conditionnelle

La logique conditionnelle signifie qu'une option de produit dépend d'une autre . Vous pouvez ainsi créer des pages produits dynamiques avec de multiples options, fonctionnalités et add-ons en fonction des choix des clients !

Par exemple, vous souhaitez une option de message cadeau dans votre magasin. Vous avez besoin d'un champ de texte dans lequel les clients peuvent fournir un message à ajouter à un produit qu'ils souhaitent offrir.

Un champ de texte occupe beaucoup plus d'espace sur la page du produit que tout autre champ. Vous pouvez alors le masquer au-dessus d'une case à cocher. Comment?

Regardez l'animation ci-dessous :

Options de produit conditionnelles WooCommerce
Champ de message cadeau ajouté avec les champs de produit flexibles

La logique conditionnelle pour ce champ de produit est simple.

Lorsqu'un client coche une case de message cadeau, un champ de texte s'affiche.

Il s'agit probablement de l'exemple le plus simple d'une fonctionnalité d'options de produit conditionnelles WooCommerce. Bien sûr, vous pouvez faire beaucoup plus. L'imagination est votre seule limite :)

Encore une chose ! Vous pouvez utiliser une logique conditionnelle pour les options de produits et les champs personnalisés à la fois pour les produits simples WooCommerce et les variantes !

Conditions du produit WooCommerce - comment l'utiliser dans votre boutique ?

Prenons l'exemple de l'animation ci-dessus️. Je vais vous montrer comment configurer les champs pour qu'ils fonctionnent de cette façon. Ne vous inquiétez pas, c'est super facile !

Plugin de logique conditionnelle WooCommerce

Tout d'abord. Vous avez besoin du plugin que j'ai mentionné ci-dessus. Vous pouvez aussi commencer avec la version gratuite ! Cliquez simplement sur le lien ci-dessus!

Téléchargez le plugin gratuitement sur le lien ci-dessous

Champs de produits flexibles WooCommerce

La logique conditionnelle des variations de produits WooCommerce est simplifiée. Obtenez le plug-in et ajoutez 18 modules complémentaires de produits différents, une logique conditionnelle et une tarification.

Télécharger gratuitement ou Allez sur WordPress.org
Plus de 10 000 installations actives
Dernière mise à jour : 2023-03-13
Fonctionne avec WooCommerce 7.1 - 7.5.x
Notez que vous avez besoin d'une version PRO si vous souhaitez configurer les options conditionnelles du produit WooCommerce . La version gratuite ne prend pas en charge la logique conditionnelle mais je vous encourage à l'essayer avant d'acheter !

Revenons à la configuration.

Des champs comme ceux-ci dans l'exemple sont vraiment faciles à configurer. Vous devez ajouter un champ de case à cocher , puis vous devez activer la logique conditionnelle (PRO) dans le champ du message cadeau.

Les champs personnalisés - configuration

  1. Ajouter un nouveau groupe de champs

    Tout d'abord, vous devrez ajouter un nouveau groupe de champs et l'affecter à un produit, une catégorie ou une étiquette spécifique. Vous pouvez également choisir de l'attribuer à tous les produits, comme je l'ai fait.

  2. Choisissez le champ personnalisé

    Ensuite, vous devrez choisir le champ que vous souhaitez ajouter en premier. Que ce soit le champ de la case à cocher . Vous pouvez le trouver parmi les champs Option .

    Options de produit conditionnelles WooCommerce - ajout de modules complémentaires
    Tout d'abord, ajoutez un champ de case à cocher
  3. Ajouter le champ de case à cocher

    Ce sera le champ qui lancera la logique conditionnelle . Mais cela doit fonctionner avec un autre domaine. Ajoutons le champ Textarea .

    Logique conditionnelle des variations de WooCommerce - ajout d'un champ de zone de texte
    Ajoutez maintenant un champ Textarea pour continuer avec la logique conditionnelle

    Vous pouvez également définir la limite de caractères dans l'onglet Avancé .
  4. Logique conditionnelle et tarification (PRO)

    Maintenant, nous pouvons définir la logique conditionnelle et la tarification.

    La logique conditionnelle et la tarification sont disponibles dans la version PRO du plugin .

    Suivez ces étapes:

    Champs conditionnels WooCommerce
    Accédez à l'onglet Logique conditionnelle

    J'ai également ajouté des prix supplémentaires si le champ de la case à cocher est coché par le client :

    Configuration logique conditionnelle des modules complémentaires du produit WooCommerce avec tarification supplémentaire
    Ajouter des prix supplémentaires
  5. Options de produits personnalisés WooCommerce avec logique conditionnelle

    Regardez l'effet final . Voici comment vos clients verront la logique conditionnelle que nous venons de définir :

    Options de produit conditionnelles WooCommerce
    Logique conditionnelle avec tarification supplémentaire sur la page du produit

Je vous ai résumé les étapes de configuration :

  1. Vous devez créer un champ de case à cocher.
  2. Le champ de case à cocher n'a pas d'option de logique conditionnelle définie. Il doit travailler avec un autre domaine.
  3. Ensuite, vous devez créer un champ de zone de texte.
  4. Ce champ doit avoir une option de logique conditionnelle définie.
  5. La règle est d'afficher ce champ si le champ message cadeau est coché.

C'est ça! Simple, non ?

N'oubliez pas que vous pouvez utiliser les options de produit conditionnelles WooCommerce avec une logique conditionnelle à la fois pour les produits simples et les variantes !

Résumé et plus sur le plugin

Dans cet article, vous avez appris à configurer les options du produit WooCommerce et les champs personnalisés, et à utiliser la logique conditionnelle pour afficher les champs de manière dynamique . Si vous avez besoin d'aide supplémentaire, faites-le moi savoir dans la section des commentaires ci-dessous.

Êtes-vous prêt à utiliser la logique conditionnelle du produit dans votre magasin ?

Voir toutes les fonctionnalités de la version PRO et lire la documentation du plugin !

Champs de produits flexibles PRO WooCommerce 59 $

La logique conditionnelle des variations de produits WooCommerce est simplifiée. Obtenez le plug-in et ajoutez 18 modules complémentaires de produits différents, une logique conditionnelle et une tarification.

Ajouter au panier ou Afficher les détails
Plus de 10 000 installations actives
Dernière mise à jour : 2023-03-15
Fonctionne avec WooCommerce 7.1 - 7.5.x
Vous pouvez également personnaliser les champs de paiement WooCommerce avec une logique conditionnelle !