WooCommerce Product Add-Ons rend plus simple l’ajout de champs personnalisés à vos pages de produits. Vous pouvez ajouter des options de produits supplémentaires rapidement ou ajouter des champs personnalisés pour demander plus d’informations à vos clients, qui apparaîtront dans votre tableau de bord backend pour analyse.

WooCommerce Product Add-Ons est développé et maintenu par une équipe très expérimentée de développeurs de plugins WordPress chez Acowebs.

Pourquoi devriez-vous l’utiliser?

Avoir des champs supplémentaires sur la page du produit peut être essentiel dans les cas où vous vendez des produits uniques et devez ajouter des champs personnalisés. Ou lorsque vous avez besoin d’informations supplémentaires de la part des clients.

Par exemple, des détails sur les personnalisations à effectuer sur le produit qu’ils achètent avant que vous ne fassiez la livraison. Vous pouvez ajouter des champs pour recueillir des informations comme les thèmes de couleurs, les dates, les notes des clients, les textes à graver pour l’emballage des cadeaux ou pour les services de conception.

Plus d’options sont disponibles dans la version premium comme les options de prix, la logique conditionnelle, les champs de téléchargement, le sélecteur d’images, le groupe de couleurs, et plus encore. Ces fonctionnalités sont expliquées en détail ci-dessous.

Fonctionnalités de base

• Champs de texte – Un champ de saisie général pour recueillir du texte.
• Champ de zone de texte – Un champ de texte qui permet aux acheteurs d’ajouter plus d’informations qui dépassent une seule ligne.
• Champ de sélection – affiche une liste déroulante d’options de liste où les acheteurs peuvent choisir des éléments uniques ou multiples en fonction de vos configurations.

• Champ radio – permet aux acheteurs de sélectionner une option quelconque parmi les multiples options disponibles.
• Case à cocher – permet aux acheteurs de sélectionner plusieurs options, à la fois, dans une liste d’options.

• Champ de date – affiche un sélecteur de date où les acheteurs peuvent sélectionner une date.
• Champ de courriel – un champ qui valide et ne permet de soumettre qu’un courriel valide.
• Champ de mot de passe – un champ de saisie qui permet aux acheteurs de saisir des mots de passe.
• Paragraph div – vous permettent d’ajouter des instructions ou des descriptions pour le produit.

• Champ de couleur – permet aux acheteurs de choisir parmi les options de couleur HTML5 (cela dépend de la compatibilité du navigateur).
• Entrée cachée – cette fonctionnalité est utile pour l’administrateur qui peut accéder aux données prédéfinies dans le champ caché au panneau d’administration. Le champ de saisie est caché aux visiteurs de votre site Web.
• Balise d’en-tête – si vous souhaitez qu’un texte se démarque sur la page du produit, vous pouvez définir des balises d’en-tête HTML autour du texte (h1, h2 et h3).

Fonctionnalités Premium

• Logique conditionnelle – cette fonctionnalité vous permet d’afficher ou de masquer certains champs en fonction de la valeur saisie/sélectionnée pour d’autres champs.
• Téléchargement de fichiers – permet aux utilisateurs de télécharger des fichiers tels que des documents, des images et des images.
• Sélecteur d’emplacement – il intègre l’API Google pour suggérer des emplacements à mesure que l’utilisateur tape. L’utilisateur peut également choisir un emplacement sur la carte.
• Info-bulle/texte d’aide – cette fonctionnalité vous permet d’ajouter du texte qui s’affichera comme texte d’aide à côté de l’étiquette ou du texte d’info-bulle lorsque l’utilisateur sélectionne le champ de saisie.
• Champ multisélection – ce champ est utile si vous voulez que vos clients fassent plusieurs sélections, à la fois, parmi différentes options disponibles sous forme de liste déroulante.
• Sélection d’images – les acheteurs peuvent sélectionner plusieurs images sur la page du produit en fonction de vos configurations.
• Sélecteur de date personnalisé – il s’agit d’un sélecteur de date personnalisé et attrayant, différent du sélecteur de date par défaut du navigateur.
• Sélecteur d’heure – affiche une liste de créneaux horaires parmi lesquels un acheteur peut choisir.
• Alignement grille/colonne – cette fonctionnalité vous permet d’aligner les champs en ligne sous forme de grille/colonnes.
• Formule de prix personnalisée – vous pouvez ajouter une formule mathématique pour calculer le prix en fonction de la valeur saisie par l’utilisateur, de la quantité du produit et du prix du produit.
• Champs de prix personnalisés – vous pouvez définir les prix des produits pour les champs disponibles dans le plugin.
• Groupe de couleurs – fonctionne comme les cases à cocher et les boutons radio. Ici, les clients peuvent choisir parmi un groupe de couleurs au lieu des champs de cases à cocher et de boutons radio.

Cas d’utilisation

• Les champs de date et d’heure peuvent permettre aux acheteurs de sélectionner des dates et des heures, par exemple, quand ils veulent qu’un produit soit livré, sans saisir manuellement la date, ce qui pourrait être déroutant étant donné les nombreux formats d’écriture des dates. Le champ date sélectionne une date préformatée qui est plus facile à comprendre.
• L’option sélecteur de lieu est utile pour choisir les lieux de livraison des produits achetés.
• Les champs texte peuvent permettre à un acheteur de saisir un nombre et le système calcule automatiquement le prix en multipliant le nombre par le prix du produit, qui est affiché à l’utilisateur avant qu’il ne fasse l’achat.
• Les champs à choix multiples permettront aux clients de sélectionner une variété de personnalisations de produits qui les satisfont.
• Le téléchargement de fichiers est utile si vous offrez, par exemple, des services de conception ; les utilisateurs peuvent télécharger une image d’un article à concevoir/répliquer.
• Le sélecteur de couleurs est nécessaire pour les produits visuels comme les articles de mode, les vêtements, etc. Il est plus facile pour les acheteurs d’identifier une couleur s’ils peuvent la voir, que d’essayer de se souvenir de la couleur juste à partir du nom de la couleur.
• Paragraph div est essentiel si vous voulez ajouter des guides de produits, par exemple, un gadget électronique avec des instructions d’installation spéciales.
• Les champs de prix de produit personnalisés peuvent être utiles lorsque vous traitez des produits variables avec des options personnalisées disponibles pour les acheteurs.

Garantie de support client

WooCommerce Product Add-Ons est développé par une équipe de développeurs de plugins primés d’Acodez sous la marque Acowebs, qui ont effectué suffisamment de tests pour s’assurer que les plugins fonctionnent conformément à sa description. De plus, l’équipe garantit un service de support client dédié aux utilisateurs de la version premium. Au cas où vous rencontrez un problème avec le plugin, vous êtes entre de bonnes mains.

Démarrer avec le plugin WooCommerce Product Addons

Ce dernier étant un addon de plugin WooCommerce, vous devez déjà avoir le plugin WooCommerce installé pour que le plugin Product Addons fonctionne. La version premium du plugin est disponible sur le site officiel d’Acowebs.

La version gratuite de WooCommerce Product Add Ons est disponible sur le site WordPress.org que nous pouvons installer en suivant les étapes ci-dessous.

1- Depuis votre tableau de bord d’administration WordPress, allez dans Plugins → Add New.

2- Recherchez WooCommerce pour « WooCommerce Product Add-Ons ».

3- Installez et activez le plugin.

4- Après avoir réussi l’installation et l’activation, l’onglet  » Custom Products Options  » apparaîtra sous l’onglet  » Products  » de WooCommerce.

5- Sélectionnez-le et il lancera un vide qui affichera une liste de formulaires lorsque vous les ajouterez.

6- Cliquez sur  » Add New Product Form  » pour lancer le constructeur de formulaires. Depuis cet écran, vous pouvez voir les champs disponibles sur la version gratuite de WooCommerce Product Add-Ons.

7- Depuis l’écran ci-dessus, vous pouvez créer votre formulaire en définissant d’abord un titre, puis vous pouvez glisser &Déposer les différents types de champs sur le formulaire. L’icône du crayon vous permet de modifier le champ, c’est-à-dire de changer l’étiquette, etc. Dans l’écran ci-dessous, j’ai déposé quelques champs sur le formulaire. La fonction de glisser &déposer rend le processus d’ajout de champs personnalisés rapide et facile.

8- Une fois que vous avez terminé de paramétrer votre formulaire, publiez-le, puis naviguez vers la page des produits. Vous pouvez choisir de créer un nouveau produit ou de modifier un produit existant. L’option WooCommerce Product Addons s’affichera sur la page de création ou de modification du produit comme indiqué ci-dessous. En cliquant dessus, vous afficherez les formulaires que vous avez créés à la 6ème étape ci-dessus. Sélectionnez l’article que vous voulez et il sera ajouté à la page de ce produit.

9- Voici la page du produit après avoir ajouté le formulaire que nous avons créé à l’étape 6 ci-dessus. Vous devez définir le prix du produit pour que les champs du formulaire personnalisé apparaissent sur la page du produit.

Version premium

La version premium a plus de fonctionnalités que la version gratuite. Vérifions certaines d’entre elles.

1- Vous pouvez acheter le plugin, qui est également connu sous le nom d’options de produit Woocommerce sur le site officiel d’Acowebs.

2- Le constructeur de formulaire a plus d’options comme le groupe d’images, le téléchargement de fichiers, le formulaire global, le sélecteur de lieu google, etc.

3- Le formulaire peut ressembler à ceci.

4- Le front-end peut ressembler à ceci. Les champs du groupe d’images ont activé le prix. Et le prix des options est ajouté au prix du produit en utilisant une table de tarification. Cela sera affiché dans les pages Panier, Caisse et Détails de la commande.

La page de produit ci-dessus montre le champ du groupe d’images et le champ du groupe de couleurs. Le groupe d’images a également activé la tarification des champs.

La page de produit ci-dessus montre les champs Date-Heure(dates de début et de fin). Le plugin premium a le champ date, le champ date-heure et le champ heure.

Wrapping up!

Comme le plugin WooCommerce est livré avec les fonctionnalités de base pour gérer une boutique en ligne, avoir plus d’options personnalisées peut être la raison pour laquelle votre entreprise se développe. Les clients veulent se sentir en contrôle lorsqu’ils visitent votre site ; le contrôle peut provenir de fonctionnalités telles que la possibilité de choisir des personnalisations de produits, d’avoir la possibilité d’entrer les informations de ce dont ils ont besoin, et plus encore.

Le plugin WooCommerce Product Addons vous aidera à atteindre cet objectif. Il est hautement configurable, vient emballé avec plus de vingt types de champs, prend en charge la construction de formulaires drag & drop, et a un design orienté vers l’expérience utilisateur. De plus, avec la version premium, vous bénéficiez de fonctionnalités plus avancées et êtes toujours assuré d’un support dédié.

Disclaimer : Ceci est un article invité contribué par Acowebs.