--- title: "Ajouter le bouton « Demander un devis »" description: "Placez le bouton « Demander un devis » sur vos pages produit et votre panier avec les blocs de thème QuotWay - aucun code de thème à modifier." url: "https://www.quotway.com/fr/docs/storefront/quote-button-placement" type: "documentation" category: "storefront" updated: "2026-09-30" locale: "fr" source: "QuotWay - B2B Quote & Negotiation App for Shopify" --- # Ajouter le bouton « Demander un devis » **Temps de lecture :** 4 minutes. **Dernière mise à jour :** 30 septembre 2026 **Pour qui :** les marchands qui placent le bouton **Demander un devis** sur leur boutique - pages produit, panier, thèmes sur mesure et configurations headless. Ajoutez le bouton **Demander un devis** à votre boutique Shopify avec un bloc d'application de thème - aucun code de thème à modifier. QuotWay fournit deux blocs que vous déposez dans votre thème depuis l'éditeur de thème Shopify : un pour les pages produit et un pour la page panier. Une fois un bloc en place et vos règles de ciblage satisfaites pour un produit, les acheteurs voient un bouton **Demander un devis** à côté de **Ajouter au panier** (ou à sa place). ## Ce que vous aurez accompli À la fin de cet article, le bouton **Demander un devis** apparaît sur les pages produit et le panier de votre thème publié, pour chaque produit correspondant à vos règles de ciblage. ## Avant de commencer - QuotWay est installé et son intégration d'application est activée. En cas de doute, voir [Intégration d'application et activation](./app-embed-and-activation.md). - Au moins une règle de ciblage active existe, pour que le bouton sache sur quels produits s'afficher. Voir [Règles de ciblage](../targeting/targeting-rules.md). - Vous utilisez un thème Online Store 2.0 (Dawn, Horizon et la plupart des thèmes récents conviennent). Les blocs s'ajoutent depuis l'éditeur de thème et ne touchent jamais au code. ## Ce que font les deux blocs Les blocs de boutique QuotWay sont des blocs d'application de thème. Vous les placez dans l'éditeur de thème Shopify - aucun Liquid à coller, aucune migration. - **QuotWay Quote Button** - va sur les pages produit, à côté de **Ajouter au panier** ou à sa place. - **QuotWay Cart Quote Button** - va sur la page panier, pour que les acheteurs demandent un devis pour l'ensemble de leur panier. ## Ajouter le bouton aux pages produit 1. Dans votre interface QuotWay, ouvrez **État d'activation → Ouvrir l'éditeur de thème**, ou passez par **Interface Shopify → Boutique en ligne → Thèmes → Personnaliser**. 2. Dans le sélecteur de page en haut à gauche, choisissez **Produit par défaut**. 3. Sous la section produit principale, choisissez **Ajouter un bloc**. 4. Trouvez **Applications → QuotWay Quote Button** et ajoutez-le. 5. Faites glisser le bloc à l'endroit voulu. L'éditeur vous laisse le placer au-dessus, en dessous ou à côté de **Ajouter au panier**. 6. Choisissez **Enregistrer**. Le bouton apparaît désormais sur chaque produit dont les règles de ciblage correspondent. Les produits de détail sans règle correspondante conservent leur comportement **Ajouter au panier** habituel. ## Ajouter le bouton à la page panier 1. Dans le même éditeur de thème, choisissez **Panier** dans le sélecteur de page. 2. Sous la section panier, choisissez **Ajouter un bloc**, puis ajoutez **Applications → QuotWay Cart Quote Button**. 3. Placez-le au-dessus du bouton **Paiement** pour que les acheteurs voient les deux - **Demander un devis** à côté de **Paiement**. 4. Choisissez **Enregistrer**. Un acheteur peut désormais transformer un panier complet en une seule demande de devis. ## Comment le bouton s'accorde à votre boutique - **Libellé** - par défaut **Demander un devis**, modifiable par langue dans Réglages → Textes. Les libellés propres au tiroir de devis - y compris le bouton **← Continuer mes achats** de sa première étape, qui ferme le tiroir et conserve tout ce que l'acheteur a ajouté - se modifient et se traduisent au même endroit. - **Style** - le bouton reprend par défaut le style de bouton de votre thème. Pour imposer une couleur précise, modifiez-la dans les réglages du bloc. - **Largeur** - pleine largeur sur mobile, en ligne sur ordinateur. - **Qui le voit** - le bouton n'apparaît que sur les produits correspondant à une règle de ciblage active. Un produit peut être éligible au devis pendant que le reste de votre boutique passe au paiement normalement. Voir [Règles de ciblage](../targeting/targeting-rules.md). ## Thèmes sur mesure Si votre section produit n'affiche pas **Ajouter un bloc**, le thème utilise probablement une section Liquid héritée (antérieure à Online Store 2.0). Les blocs d'application ne s'affichent que dans les modèles 2.0 (JSON). Pour utiliser les blocs QuotWay, passez à un thème Online Store 2.0 ou convertissez votre modèle de page produit en modèle JSON. Si vous avez un thème sur mesure avec un modèle produit JSON, placez le bloc dans n'importe quelle section dont le `{% schema %}` déclare la prise en charge des blocs d'application (`"blocks": [{ "type": "@app" }]`). Le bloc QuotWay s'affiche dans toute section compatible. ## Boutiques headless Si vous exploitez une boutique headless (Hydrogen, par exemple), le bloc d'application de thème ne s'affichera pas : ces blocs n'existent qu'à l'intérieur d'un thème Shopify. Pour recevoir des demandes de devis sur une boutique headless, envoyez-les depuis le backend de votre boutique à l'API QuotWay avec [`POST /v1/quotes`](/docs/api/create-quotes). Une demande envoyée ainsi passe par les mêmes règles de ciblage, champs du formulaire de devis et règles d'automatisation qu'une demande faite avec le bouton, et votre équipe la chiffre comme d'habitude. Disponible sur le forfait Enterprise, y compris pendant l'essai gratuit de 14 jours. Gardez la clé API sur votre serveur, jamais dans le code du navigateur. Sur les autres forfaits, la façon prise en charge de proposer le devis est de conserver un thème Shopify Online Store 2.0 sur les emplacements où vous voulez le bouton, même si le reste de votre pile est headless. ## Pièges courants - **Le bouton n'apparaît pas.** Vérifiez dans cet ordre : (1) l'intégration d'application est activée - le panneau d'état d'activation affiche une coche verte ; (2) le produit correspond à une règle de ciblage active - voir [Règles de ciblage](../targeting/targeting-rules.md) ; (3) le bloc est placé dans l'éditeur de thème et enregistré. - **Le bouton s'affiche, mais le tiroir ne s'ouvre jamais.** Regardez la console du navigateur pour une erreur de chargement de script. Si votre thème restreint les scripts tiers par une politique de sécurité du contenu, autorisez le chemin du script QuotWay. - **Le bouton chevauche « Ajouter au panier » sur mobile.** Réordonnez les blocs dans l'éditeur de thème - faites glisser le bloc QuotWay sous **Ajouter au panier**. - **Le libellé est dans la mauvaise langue.** Modifiez le libellé du bouton par langue dans Réglages → Textes. > **Une remarque sur le masquage des prix.** QuotWay peut masquer les prix sur votre boutique et afficher le bouton **Demander un devis** à la place, à partir de Starter. Sur Starter, c'est un masquage visuel (il contrôle ce que voient les acheteurs) ; à partir de Professional, le masquage compatible moteurs de recherche retire également le prix du code source et des données structurées pour les visiteurs non connectés. Voir [Masquer votre prix aux moteurs de recherche](./hide-price-from-search-engines.md). ## Articles liés - [Intégration d'application et activation](./app-embed-and-activation.md) - activer l'intégration et lire le panneau d'état d'activation. - [Règles de ciblage](../targeting/targeting-rules.md) - choisir quels produits et quels acheteurs voient le bouton de devis. - [Configurer le formulaire de devis](../quote-form/configure-the-quote-form.md) - définir ce que remplissent les acheteurs après avoir demandé un devis.