Si vous utilisez WooCommerce Wholesale Order Form avec WooCommerce Wholesale Quotes, vous pouvez ajouter un bouton Ajouter au devis directement dans le formulaire de commande. Cela permet aux clients de gros de parcourir votre catalogue de produits et d'ajouter des articles à un devis — ou au panier — sans quitter le formulaire. Ce guide explique comment configurer l'élément Bouton de devis dans WWOF et personnaliser son apparence.
Ce dont vous aurez besoin
- WooCommerce Wholesale Quotes — actif et configuré sur votre boutique
- WooCommerce Wholesale Order Form — actif avec au moins un formulaire de commande créé
- Accès Administrateur ou Gérant de boutique à l'administration WooCommerce
L'intégration s'active automatiquement lorsque les deux plugins sont actifs en même temps. Aucune configuration supplémentaire n'est nécessaire pour l'activer — vous ajoutez simplement l'élément Bouton de devis à la disposition de votre formulaire.
Étape 1 : Ouvrir le formulaire de commande dans le constructeur de formulaires
Dans votre administration WordPress, allez dans WooCommerce > Formulaires de commande et ouvrez le formulaire de commande que vous souhaitez modifier. Cela ouvrira le constructeur de formulaires WWOF.
Étape 2 : Ajouter le bouton de devis à une colonne du formulaire
Dans le constructeur de formulaires, localisez la colonne du tableau de produits où vous souhaitez que le bouton de devis apparaisse. Cliquez sur l'icône + de la colonne ou sur le sélecteur d'éléments pour ouvrir la liste des éléments disponibles. Vous verrez Bouton de devis listé dans la catégorie Action.
Cliquez sur Bouton de devis pour l'ajouter à la colonne. Le bouton apparaîtra immédiatement dans l'aperçu du formulaire, affichant le libellé par défaut Ajouter au devis.
Étape 3 : Configurer l'apparence du bouton de devis
Cliquez sur l'élément Bouton de devis dans le constructeur de formulaires pour ouvrir son panneau de paramètres. Vous pouvez personnaliser ces propriétés par colonne :
| Paramètre | Description | Par défaut |
|---|---|---|
| Texte du bouton | Le libellé affiché sur le bouton lorsque le produit n'est *pas* encore dans le devis | Ajouter au devis |
| Durée de la notification (secondes) | Combien de temps la notification de succès est affichée après l'ajout d'un produit | 3 |
| Couleur du bouton | Couleur d'arrière-plan du bouton | #52c41a (vert) |
| Couleur du texte du bouton | Couleur du texte du libellé du bouton | #FFF (blanc) |
Lorsqu'un produit est déjà dans le devis du client, le bouton passe automatiquement à l'affichage du libellé Supprimer du devis (configurable dans WooCommerce > Wholesale Quotes > Settings) Référence des paramètres de WooCommerce Wholesale Quotes et change pour un style secondaire, afin que les clients puissent savoir en un coup d'œil quels articles sont déjà devisés.
Étape 4 : Enregistrer et tester
Cliquez sur Enregistrer dans le générateur de formulaires pour appliquer vos modifications. Visitez ensuite le front-end de votre boutique, accédez à une page contenant le formulaire de commande et connectez-vous en tant que client de gros. Le bouton Ajouter à la liste devrait apparaître dans la colonne que vous avez configurée.
Cliquez sur Ajouter à la liste sur n'importe quel produit pour vérifier que le bouton passe à Supprimer de la liste et que le compteur de la liste est mis à jour. Si votre boutique autorise les listes pour les invités, un visiteur non connecté verra une fenêtre modale lui demandant son adresse e-mail avant que le produit ne soit ajouté. Voir Comment autoriser les utilisateurs invités à demander des devis de gros Comment autoriser les utilisateurs invités à demander des devis de gros pour plus de détails.
Questions fréquemment posées
Le bouton de liste apparaît-il pour tous les clients ou uniquement pour les clients de gros ?
Par défaut, seuls les clients de gros connectés voient le bouton de liste. L'accès invité dépend de l'activation ou non des listes pour invités dans les paramètres des listes de gros. Les clients réguliers (non-gros) connectés ne verront pas le bouton, sauf si le paramètre de visibilité du bouton Ajouter à la liste inclut leur rôle.
Puis-je ajouter le bouton de liste à plusieurs colonnes dans le même formulaire ?
Oui. Vous pouvez ajouter l'élément Bouton de liste à autant de colonnes que vous le souhaitez. Chaque instance peut avoir ses propres paramètres de texte et de couleur de bouton. Toutes les instances sur le même formulaire partagent le même état de liste — cliquer sur « Ajouter à la liste » sur n'importe quel bouton de colonne pour un produit marquera ce produit comme étant dans la liste partout sur le formulaire.
L'élément Bouton de liste n'apparaît pas dans le sélecteur d'éléments. Que dois-je vérifier ?
Confirmez que WooCommerce Wholesale Quotes et WooCommerce Wholesale Order Form sont actifs dans Plugins. L'intégration s'active automatiquement uniquement lorsque les deux plugins sont en cours d'exécution. Si les deux sont actifs et que l'élément n'apparaît toujours pas, essayez de désactiver et de réactiver WooCommerce Wholesale Quotes pour réinitialiser les hooks d'intégration.
Besoin d'aide ?
Si vous avez une question ou rencontrez des problèmes, nous sommes là pour vous aider.
- Utilisateurs premium : Ouvrir un ticket de support
- Utilisateurs gratuits : Visitez notre forum communautaire
