WooCommerce est l'un des plugins WordPress les meilleurs et les plus populaires pour exécuter votre site Web de commerce électronique Vous pouvez utiliser WooCommerce pour vendre des produits numériques, des produits physiques, des adhésions, des abonnements, des rendez-vous, etc.
WooCommerce a différentes options pour configurer votre boutique e-commerce mais il n'a qu'un ensemble limité de fonctionnalités et c'est bon pour les options de produits simples Certains magasins WooCommerce ont des milliers d'options de produits incluant des messages clients et certaines des options sont visibles pour les clients sur la base d'une logique conditionnelle.
YayExtra Options de produits supplémentaires WooCommerce est l'une des meilleures pages d'options de produits WooCommerce, dotée de fonctionnalités plus sophistiquées qui s'adapteront à différents types de produits avec diverses options de produits sans aucun problème. Cet article vous guidera sur toutes les étapes simples pour ajouter des options de produits supplémentaires pour WooCommerce.
Qu'est-ce que YayExtra ?
Par exemple, si vous dirigez votre entreprise de commerce électronique avec les types de produits suivants, le plugin d'options de produits YayExtra vous permet de créer des options de produits supplémentaires selon vos besoins.
- Imprimer à la demande
- Produit de gravure
- Impression sur toile personnalisée
- Articles cadeaux
- Produits personnalisés
- Adhésions
- Abonnements
- Réservation
Ces options de produits supplémentaires vous permettent de créer des frais supplémentaires, des réductions et une logique conditionnelle. Vous pouvez :
- Créer des groupes d'options de produits
- Ajoutez des champs de produits avancés tels que des échantillons d'images, des styles CSS, le téléchargement de fichiers, la date de livraison
- Personnalisez facilement les champs pour qu'ils correspondent à la conception de votre site Web afin de pouvoir styliser vos champs personnalisés avec CSS et HTML
- Attribuez des options de produits aux pages de produits en vrac
- Afficher les options de produits sous condition Il s'agit d'une fonctionnalité très intéressante de YayExtra Vous pouvez afficher certaines options lorsqu'une certaine condition est remplie Cette fonctionnalité est très utile lorsque vous souhaitez ajouter des prix personnalisés en fonction des conditions.
YayExtra vous fournit un support incroyable pour exécuter votre boutique WooCommerce Ils vous donnent un support de messagerie et de chat en direct rapidement avant et après la vente du plugin.
Apprenez à connaître l'interface YayExtra
Tout d'abord, vous pouvez télécharger le Plugin YayExtra de WordPress.org. Vous pouvez télécharger la version gratuite du plugin d'option produit La version gratuite est livrée avec des fonctionnalités limitées mais c'est un bon moyen d'évaluer le plugin avant de l'acheter.
Une fois que vous avez téléchargé le fichier après avoir acheté le plugin, allez dans WordPress admin et allez dans Plugins > Ajouter Nouveau pour ajouter le plugin puis vous pouvez parcourir le fichier zip téléchargé pour activer le plugin C'est un processus très facile et direct et ce dont vous avez besoin est le fichier téléchargé seulement.
Une fois que vous avez installé le plugin, vous pouvez voir l'interface utilisateur sous l'onglet YayCommerce de la barre de gauche.
Il s'agit de l'interface de départ de vos plugins et vous disposez de trois onglets nommés Options Sets, Customize et Settings.
Options Ensembles
Vous pouvez voir tous les jeux d'options créés par vous dans cette grille et ils vous ont fourni des opérations de ligne comme Statut, Config, Dupliquer, et Supprimer Certaines opérations en bloc sont également disponibles pour gérer les jeux d'options.
Personnaliser
Sous l'onglet Personnaliser, vous disposez de 4 sous-onglets qui sont Général, Échanges, Bouton et CSS personnalisé. Ces fonctionnalités peuvent être utilisées pour organiser et styliser les composants des options de produits dans vos pages Web, ce qui remplacera vos styles CSS généraux.
Dans la section Échantillons, vous avez plusieurs options pour styliser les commutateurs que vous définissez et vous pouvez facilement styliser le composant d'échange sans modifier les fichiers CSS de votre thème.
Vous avez une autre option pour styliser les boutons qui sont utilisés pour définir les options du produit Vous pouvez voir l'aperçu en direct sur le côté droit de la fenêtre.
En plus des fonctionnalités de personnalisation ci-dessus, vous pouvez créer des règles CSS personnalisées sous la section Custom CSS. Chaque développeur et concepteur aime cette fonctionnalité car il a la liberté de styliser les options de produits sans aucune restriction.
Paramètres
Certains paramètres généraux sont également là pour gérer vos options correctement Sous Paramètres, vous pouvez exporter et importer des options de produits et cette fonctionnalité est très utile lors de la migration des magasins WooCommerce.
Comment ajouter une nouvelle option de produit
Tout d'abord, vous pouvez créer les produits pour votre magasin comme normalement vous le faites dans WooCommerce, puis vous pouvez ajouter les options de produits pour ces produits.
Par exemple, si vous souhaitez créer une chemise avec différentes tailles et couleurs et que vous souhaitez envelopper la chemise en cadeau et que le client doit pouvoir ajouter un message à imprimer sur le paquet d'emballage, suivons les étapes ci-dessous.
Tout d'abord, vous pouvez créer l'option à l'aide du bouton situé dans le coin supérieur droit de la page YayExtra.
L'onglet Général vous permet d'ajouter un nom et une description de l'option produit et l'onglet Options est utilisé pour ajouter des valeurs pour les options.
Ensuite, vous pouvez ajouter des options pour cet ensemble d'options Dans cet exemple, vous pouvez créer des options Taille et Couleur.
Cette interface vous permet de dupliquer les valeurs des options et de supprimer les options afin que vous puissiez gérer les options facilement.
Il existe plusieurs types d'Option disponibles avec ce plugin Ils sont :
- Texte
- Numéro
- Boîte à coches
- Bouton Radio
- Bouton
- Boutons multi-sélectables
- Échantillons
- Échantillons multi-sélectables
- Liste déroulante
- Sélecteur de dates
- Décapateur de temps
- Téléchargement de fichiers
Vous pouvez voir trois onglets différents sous chaque option nommés Valeurs d'option, Paramètres avancés et Logiques conditionnelles Ceci est très utile lorsque vous souhaitez personnaliser chaque option de produit pour votre boutique WooCommerce comme vous le souhaitez, ce que vous ne pouvez pas faire avec le WooCommerce par défaut.
Valeurs d'option
Dans cette interface, vous pouvez :
- Ajoutez les valeurs d'option pour cette option
- Ajouter des prix supplémentaires pour la valeur de l'option produit (Coût supplémentaire)
- Ajouter quelques descriptions (Description supplémentaire)
- Lien des options du produit vers une page (Produit lié)
- Ajoutez la quantité de stock pour gérer facilement l'inventaire de chaque option de produit (Gérer le stock)
Ici, j'ajoute 2 valeur d'option « Petit » et « Grand » pour l'option pour Taille Par exemple, si je veux ajouter des frais de 2$ lorsqu'un client choisit une Grande taille, j'activerai Coût supplémentaire et tapez « 2 » en Valeur supplémentaire comme un montant fixe.
Paramètres avancés
Sous Paramètres avancés, vous pouvez ajouter des classes CSS pour les options définies Il s'agit d'une fonctionnalité très utile pour faire correspondre votre option de produit avec la conception du site Web existant.
Logiques conditionnelles
C'est l'endroit où vous définissez votre logique conditionnelle pour l'option Vous pouvez ajouter n'importe quel nombre de conditions ici et vos options seront affichées lorsque ces conditions seront remplies.
Maintenant, vous pouvez prévisualiser le résultat pour voir comment toutes les valeurs d'option et d'option fonctionnent dans ces ensembles d'options en cliquant sur le bouton Aperçu en haut à droite de l'écran.
Et n'oubliez pas de cliquer sur Enregistrer les modifications en continu.
Comment afficher les options de produit dans Frontend
Vous pouvez sélectionner le jeu d'options que vous souhaitez ajouter à un projet, puis cliquer sur l'icône Configurer le jeu d'options de la table de grille du jeu d'options.
Ensuite, vous allez dans l'onglet Produits de cette page Vous pouvez voir tous les produits disponibles dans votre boutique Maintenant, vous pouvez sélectionner le produit et cliquer sur le bouton Définir comme attribué.
Une fois que vous avez attribué les options de produit aux produits, vous pouvez voir le produit suivant avec des options devant la boutique de commerce électronique.
Dans cet exemple, vous pouvez voir que le prix supplémentaire de l'option Large est de 2 $ tel que nous l'avons configuré.
Conclusion
YayExtra est l'une des meilleures alternatives aux modules complémentaires de produits WooCommerce, dotés de fonctionnalités personnalisables qui s'adapteront à différents types de produits avec diverses options de produits supplémentaires pour WooCommerce sans aucun problème.
En suivant les étapes faciles décrites dans cet article, vous pouvez ajouter ces options de produits supplémentaires pour WooCommerce en quelques minutes, ce qui donne à vos clients plus de choix et contribue à augmenter vos ventes Donc, si vous cherchez un moyen efficace d'améliorer votre boutique WooCommerce, YayExtra vaut vraiment la peine d'être pris en considération.
