1. Accueil
  2. Base de connaissances
  3. WooCommerce Wholesale Quotes
  4. Comment configurer le bouton Ajouter au devis

Comment configurer le bouton Ajouter au devis

Le bouton Ajouter au devis est la façon dont vos clients de gros commencent à construire un devis — directement depuis les pages produits, la boutique ou leur panier. WooCommerce Wholesale Quotes vous donne le contrôle total sur l'endroit où le bouton apparaît, son apparence et ce qui se passe lorsqu'un client clique dessus. Ce guide vous explique chaque paramètre du bouton afin que vous puissiez obtenir l'expérience adaptée à votre boutique.

Avant de commencer

Avant de configurer le bouton, assurez-vous d'avoir :

Le bouton Ajouter au devis n'est visible que par les utilisateurs ayant un rôle de gros par défaut. Si vous souhaitez que les invités et les clients non-gros puissent également demander des devis, activez d'abord le paramètre Devis Invités — voir Comment autoriser les utilisateurs invités à demander des devis de gros.

Comment accéder aux paramètres du bouton

  1. Dans votre administration WordPress, allez à Gros → Paramètres.
  2. Cliquez sur l'onglet Devis de gros.
  3. Cliquez sur le sous-onglet Placement et styles du bouton de devis.
Sous-onglet des paramètres de placement et de styles du bouton Devis dans WooCommerce Wholesale Quotes montrant les quatre sections

Étape 1 — Définir les étiquettes de votre bouton

La section Paramètres généraux du bouton contrôle le texte du bouton qui apparaît dans toute votre boutique.

Section Paramètres généraux des boutons avec les champs Libellé du bouton Devis et Libellé du bouton Supprimer du devis
ParamètreDescriptionPar défaut
Étiquette du bouton de devisTexte affiché sur le bouton avant qu'un produit ne soit ajouté à un devis.Ajouter au devis
Étiquette Supprimer du devisTexte affiché une fois qu'un produit est déjà dans le devis actuel. Cliquer dessus supprime le produit.Supprimer du devis

Ces étiquettes s'appliquent globalement — les pages produits, les pages de boutique et les modèles de blocs WooCommerce utilisent tous le même texte.

Étape 2 — Configurer le bouton de la page produit

La section Paramètres du bouton de la page produit contrôle l'apparence du bouton sur les pages produits individuelles.

Section Paramètres des boutons de la page produit montrant les menus déroulants de placement et de style

Emplacement

Choisissez où le bouton apparaît à l'aide du menu déroulant Placement du bouton de la page produit :

OptionOù il apparaît
Au-dessus du bouton Ajouter au panierDirectement au-dessus du champ de quantité et du bouton Ajouter au panier
Sous le bouton Ajouter au panier (par défaut)Directement sous le bouton Ajouter au panier
Au-dessus du titre du produitEn haut du résumé du produit, avant le titre
En dessous du titre du produitImmédiatement en dessous du titre du produit
Image du produit — En haut à droite/gaucheSuperposé à l'image du produit, coin supérieur
Image du produit — En bas à droite/gaucheSuperposé à l'image du produit, coin inférieur

Style

Utilisez le menu déroulant Style du bouton de la page produit pour choisir l'apparence du bouton. Il existe 7 options réparties sur trois familles d'icônes :

StyleCe que ça donne
Texte seulLibellé en texte brut, sans icône
Icône seuleIcône de citation en contour, sans libellé
Icône et texteIcône de citation en contour + libellé
Icône et texte en piluleIcône de citation en contour + libellé en forme de pilule
Icône pleineIcône de citation pleine, sans libellé
Icône et texte pleins (par défaut)Icône de citation pleine + libellé
Icône et texte pleins en piluleIcône de citation pleine + libellé en forme de pilule

Étape 3 — Configuration du bouton de la page Boutique & Catégorie

La section Paramètres du bouton de la page Boutique contrôle le bouton de votre page de boutique et des archives de catégories de produits — toute page affichant une grille de produits.

Section Paramètres des boutons de la page boutique montrant les menus déroulants de placement et de style

Emplacement

OptionOù il apparaît sur chaque carte produit
Au-dessus du titre du produitAu-dessus du nom du produit
En dessous du titre du produitEn dessous du nom du produit, au-dessus du prix
Au-dessus du bouton Ajouter au panierAu-dessus du bouton Ajouter au panier
Sous le bouton Ajouter au panier (par défaut)Sous le bouton Ajouter au panier
Image du produit — En haut à droite/gaucheSuperposé sur la miniature du produit, dans le coin supérieur

Style

Les 7 mêmes options de style sont disponibles ici. Les styles avec uniquement une icône ou en forme de pilule ont tendance à bien fonctionner sur les grilles de cartes produits compactes où l'espace est limité.

Boutons Ajouter au devis sur les cartes produits de la boutique WooCommerce

Étape 4 — Configuration du bouton de la page panier

Le bouton du panier fonctionne différemment des boutons des pages produit et boutique. Plutôt que d'ajouter un seul article à un devis, cliquer dessus convertit l'intégralité du panier en une demande de devis en une seule étape.

Le bouton du panier est activé automatiquement lorsque Activer le panier pour devis est activé (dans le sous-onglet Général). Pour configurer son libellé, son emplacement et son style, utilisez la section Paramètres du bouton de la page panier.

Paramètres des boutons de la page panier montrant le libellé du bouton panier, le placement, le style et les options de vider le panier
ParamètreDescriptionPar défaut
Libellé du bouton du panierTexte sur le bouton de devis du panier.Demander un devis
Emplacement du bouton du panierOù le bouton apparaît sur la page panier : Après le tableau du panier, Avant les totaux du panier, ou Après le bouton passer à la caisse.Après le tableau du panier
Style du bouton du panierApparence du bouton : Uni et texte, Icône et texte, ou Icône seule.Uni et texte
Vider le panier après soumission du devisSi Oui, le panier est vidé une fois le devis soumis depuis la page panier.Oui
Bouton Demander un devis sur la page panier WooCommerce

Ce qui se passe après qu'un client clique sur « Ajouter au devis »

Lorsqu'un client clique sur Ajouter au devis sur une page produit, vous contrôlez ce qui se passe ensuite à l'aide du paramètre Action après ajout du produit au devis dans le sous-onglet Nouvelle page de devis :

  • Rediriger vers la page de devis (par défaut) — le client est immédiatement dirigé vers la page de devis pour examiner son devis.
  • Afficher uniquement la notification (rester sur la page) — une notification toast apparaît brièvement dans le coin supérieur droit, et le libellé du bouton passe à « Supprimer du devis ». Le client reste sur la page actuelle pour continuer ses achats.

Une fois qu'un produit est dans le devis actif, le libellé du bouton passe automatiquement à « Supprimer du devis ». Cliquer dessus supprime l'article sans quitter la page — aucune confirmation n'est nécessaire sur la page produit ou boutique.

Produits variables et variations

Pour les produits variables (produits avec options de taille, couleur ou autres attributs), le bouton Ajouter au devis fonctionne de la même manière que le bouton Ajouter au panier. Le client sélectionne d'abord la variation souhaitée, puis clique sur le bouton pour ajouter cette variation spécifique et sa quantité à son devis.

Bouton Ajouter au devis sous le bouton Ajouter au panier sur une page produit WooCommerce

Questions fréquemment posées

Le bouton Ajouter au devis ne s'affiche pas sur mon magasin. Que dois-je vérifier ?

Le bouton ne s'affiche par défaut qu'aux utilisateurs connectés ayant un rôle de grossiste. Si vous visualisez le magasin en tant qu'administrateur ou client non-grossiste, le bouton n'apparaîtra pas. Connectez-vous en tant que client grossiste pour tester, ou activez le paramètre Devis pour les invités si vous souhaitez que le bouton soit visible par tous les visiteurs.

Puis-je également afficher un bouton de devis sur la page de paiement ?

Oui — lorsque Activer le panier pour devis est activé, un bouton de devis apparaît automatiquement sur la page de paiement (après le bouton Passer la commande). Cela permet aux clients de passer à une demande de devis au lieu de passer une commande normale.

Puis-je traduire ou modifier les libellés des boutons par langue ?

Oui — les champs Libellé du bouton Devis et Libellé du bouton Supprimer du devis dans les Paramètres généraux des boutons acceptent n'importe quel texte de votre choix. Pour les boutiques multilingues, les libellés peuvent également être traduits à l'aide de WPML, Polylang ou de tout autre plugin de traduction compatible.

Besoin d'aide ?

Si vous avez une question ou rencontrez des problèmes, nous sommes là pour vous aider.

Cet article vous a-t-il été utile ?

Articles liés

Finalisez votre achat