---
title: "Comment ajouter un bouton « Demander un devis » sur Shopify"
description: "Ajoutez un bouton « Demander un devis » à votre boutique Shopify sans toucher au code du thème. Mise en place pas à pas, et ce qui se passe ensuite."
url: "https://www.quotway.com/fr/blog/how-to-add-a-request-a-quote-button-to-shopify"
type: "blog post"
category: "Shopify how-to"
published: "2026-06-18"
updated: "2026-08-22"
locale: "fr"
source: "QuotWay - B2B Quote & Negotiation App for Shopify"
---

# Comment ajouter un bouton « Demander un devis » sur Shopify

Pour ajouter un bouton « Demander un devis » sur Shopify, installez une application de devis, ajoutez son bloc d'application à votre thème dans l'éditeur de thème Shopify, configurez le formulaire de devis, et choisissez quels produits et quels acheteurs voient le bouton. Avec QuotWay, vous faites tout cela sans toucher au code du thème : le bouton est un bloc d'application de thème que vous placez visuellement, et il fonctionne sur le forfait Lite gratuit. La suite de ce guide parcourt chaque étape et ce qui se passe après l'envoi d'une demande.

Un bouton de demande de devis remplace « Ajouter au panier » (ou se place à côté) pour que les acheteurs B2B et de gros demandent un prix au lieu de payer à votre tarif public. C'est le point d'entrée de tout ce qui suit : recueillir la demande, envoyer une proposition, négocier, et transformer le devis accepté en commande Shopify.

## Pourquoi les marchands ajoutent un bouton de demande de devis

Beaucoup de boutiques Shopify vendent à d'autres entreprises, et le paiement standard ne correspond pas à la façon dont ces affaires se déroulent. Un bouton de demande de devis est la solution courante à plusieurs situations récurrentes :

- **Les acheteurs en gros et professionnels.** Ils attendent un prix au volume, dépendant de la quantité, du compte ou de la région - pas le prix de détail unique affiché sur la page. Un bouton de devis leur permet de vous dire ce dont ils ont besoin pour que vous le chiffriez.
- **Les produits sur mesure ou fabriqués à la commande.** Quand le prix dépend des spécifications, des matières, des dimensions ou d'un visuel, il n'y a pas de chiffre fixe à mettre derrière « Ajouter au panier ». Les acheteurs demandent un devis et joignent les détails.
- **Les affaires B2B négociées.** Les grosses commandes impliquent des allers-retours sur le prix, les conditions et le calendrier. Les recueillir comme devis structuré vaut mieux que de les perdre dans un fil d'e-mails.
- **Les tarifs réservés aux professionnels.** Certains marchands ne veulent pas du tout montrer leurs prix de détail publics aux acheteurs en gros. Ils masquent le prix et affichent un bouton de devis à sa place.

Dans chaque cas, l'objectif est le même : capter le prospect avec les informations nécessaires pour chiffrer, et garder la conversation organisée plutôt qu'éparpillée dans des boîtes de réception.

## Vos options pour ajouter un bouton de devis

Il existe trois façons courantes de poser un bouton de demande de devis sur une boutique Shopify. Chacune a ses compromis.

**1. Les fonctionnalités natives de Shopify.** Les pages produit standard de Shopify sont bâties autour d'« Ajouter au panier » et du paiement. Shopify B2B (entreprises, catalogues et conditions de paiement) prend en charge une bonne part de la vente en gros, mais il ne donne pas aux acheteurs un parcours « Demander un devis » en libre-service, avec formulaire paramétrable et négociation en plusieurs tours. Il n'existe aucun réglage intégré qui remplace le bouton d'achat par un bouton de devis sur votre boutique.

**2. Du code de thème sur mesure.** Un développeur peut ajouter un bouton et un formulaire en modifiant le Liquid et le JavaScript de votre thème, puis en reliant l'envoi à un e-mail ou à un service de formulaires. C'est entièrement personnalisable, mais la maintenance vous revient : cela peut casser lors des mises à jour de thème, il manque en général une boîte de réception, des propositions ou une trace de l'affaire, et chaque changement demande un nouveau tour avec le développeur.

**3. Une application de devis.** Une application dédiée ajoute le bouton via un bloc d'application de thème - sans code - et apporte ce qu'un simple formulaire n'a pas : une boîte de réception pour les demandes entrantes, des règles de ciblage pour décider qui voit le devis, des propositions et des contre-offres, et la conversion en commande provisoire Shopify. C'est la voie suivie par ce guide, avec QuotWay.

QuotWay est une application de devis et de négociation B2B pour Shopify, éditée par EFOLI. Le bouton « Demander un devis » est disponible sur tous les forfaits, y compris le Lite gratuit : vous pouvez donc le mettre en place avant de choisir un forfait payant.

## Ajouter un bouton « Demander un devis » avec QuotWay

Voici toute la mise en place, du début à la fin. Le bouton lui-même ne demande aucune modification du code du thème : vous le placez depuis l'éditeur de thème Shopify, comme n'importe quelle section ou bloc.

### Étape 1 - Installer QuotWay

Ajoutez QuotWay depuis le [Shopify App Store](/install) et approuvez les autorisations demandées. L'installation crée votre interface QuotWay à l'intérieur de Shopify, où vous gérerez demandes, propositions et réglages. Une prise en main guidée vous met en route ; vous pouvez la suivre ou aller directement à l'éditeur de thème. Le forfait Lite gratuit vous laisse ajouter le bouton et recueillir des demandes tout de suite, avec un essai de 14 jours sur les forfaits payants quand vous voudrez aller plus loin.

### Étape 2 - Ajouter le bloc d'application dans l'éditeur de thème

Ouvrez votre éditeur de thème Shopify (**Boutique en ligne → Thèmes → Personnaliser**) et activez l'intégration d'application QuotWay pour votre thème. (Ce que l'intégration charge sur chaque page, et ce qu'elle a donné dans un test Lighthouse de 42 mesures, est expliqué dans [une application de devis ralentit-elle une boutique Shopify ?](/blog/shopify-quote-app-storefront-performance)) Puis ajoutez le bloc « Demander un devis » là où vous voulez que les acheteurs le voient :

- **Sur les pages produit** - placez le bloc à côté du bouton « Ajouter au panier » ou à sa place.
- **Sur le panier** - ajoutez-le à la page panier pour que les acheteurs transforment un panier complet en une seule demande de devis.
- **Sur tout votre catalogue** - activez le devis partout si vous exploitez une boutique purement B2B ou de gros.

Le bouton reprend d'emblée le style de votre boutique : il s'accorde donc à votre thème sans CSS sur mesure. Enregistrez le thème, et le bouton est en ligne là où vous l'avez placé. Aucun Liquid, aucun JavaScript : Shopify affiche le bloc d'application pour vous.

### Étape 3 - Configurer le formulaire de devis

Décidez ce que vous devez savoir pour chiffrer une affaire, et construisez le formulaire en conséquence. QuotWay démarre avec des champs intégrés - quantité, entreprise, contact, remarques - sur tous les forfaits. ([Quels champs demander](/blog/request-a-quote-form-fields) traite ce choix en détail, avec cinq jeux de champs concrets.) Ensuite :

- **Ajoutez des champs personnalisés** pour les détails propres à vos produits (texte, choix, nombres, etc.) : jusqu'à 5 à partir de Starter, un nombre illimité à partir de Professional.
- **Utilisez la logique conditionnelle à partir de Professional** pour afficher ou masquer des champs selon les réponses précédentes de l'acheteur, afin que le formulaire reste court et ne demande que le pertinent.
- **Acceptez les pièces jointes des acheteurs à partir de Starter**, pour qu'ils envoient spécifications, plans ou visuels. Le type des fichiers est contrôlé et ils sont refusés s'ils contiennent du contenu actif ou malveillant.

Gardez le formulaire concis. Plus un acheteur exprime vite son besoin, plus vous recevrez de demandes.

### Étape 4 - Cibler les bons acheteurs

Vous ne voulez probablement pas que chaque visiteur voie un bouton de devis. Les règles de ciblage décident quels produits et quels acheteurs obtiennent la voie du devis, pour que les clients particuliers paient normalement pendant que les acheteurs en gros et B2B demandent un devis. Construisez vos règles à partir de données déjà présentes dans votre boutique :

- par **produit, collection, tag produit, type de produit ou fournisseur** ;
- par **client, tag client, ou selon que l'acheteur est connecté ou non** ;
- **par segment de clientèle à partir de Starter**, et **par entreprise et site B2B à partir de Professional**.

Les mêmes règles peuvent aussi masquer les prix aux acheteurs ciblés. Vous pouvez masquer les prix sur votre boutique et afficher un bouton « Demander un devis » (ou votre propre message) à leur place, à partir de Starter - utile si vous ne voulez pas que les acheteurs en gros voient votre tarif de détail public. Une remarque honnête : sur Starter, c'est un masquage visuel qui contrôle ce que voient vos 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.

### Étape 5 - Passer en ligne

Une fois le bouton placé, le formulaire réglé et le ciblage accordé à votre façon de vendre, vous êtes en ligne. Envoyez une demande de test depuis votre boutique - les visiteurs sans compte peuvent demander un devis sur tous les forfaits et confirmer par une rapide étape par e-mail, aucun compte acheteur n'est donc nécessaire - et vérifiez qu'elle arrive dans votre boîte de réception QuotWay. Voilà toute la mise en place : installer, placer le bloc, construire le formulaire, cibler, tester.

## Ce qui se passe après une demande de devis

Ajouter le bouton n'est qu'un début. La raison d'utiliser une application plutôt qu'un simple formulaire, c'est ce qui vient ensuite : le chemin de la demande à la commande.

1. **La boîte de réception.** Chaque demande arrive dans une boîte de réception QuotWay organisée, à l'intérieur de Shopify, avec les réponses de l'acheteur et ses éventuelles pièces jointes rattachées - et non enfouies dans des e-mails.
2. **La proposition.** Vous construisez une proposition avec de vrais prix : lignes, quantités, remises, livraison et taxes. C'est un document structuré, pas une réponse d'une ligne.
3. **La négociation.** L'acheteur peut contre-proposer, et vous pouvez répondre. Chaque tour est versionné et consigné : il existe donc un historique clair de qui a changé quoi et quand, plutôt qu'un enchevêtrement d'e-mails transférés. (Voir comment cela fonctionne sur la page [négociation des devis](/features/negotiation).)
4. **La conversion en commande provisoire.** Quand l'acheteur accepte, le devis convenu devient une vraie commande provisoire Shopify aux prix négociés - il suit donc votre traitement et votre encaissement Shopify habituels. Les acheteurs peuvent même accepter une partie d'un devis et continuer à négocier le reste. ([Convertir les devis en commandes](/features/convert-to-orders) traite ce point.)

Cette boucle - recueillir, proposer, négocier, convertir - est ce qui transforme un bouton de devis d'un formulaire de contact en un moyen de conclure des affaires B2B sur Shopify.

## Questions fréquentes

### Comment ajouter un bouton « Demander un devis » sur Shopify ?

Installez une application de devis comme QuotWay, puis ajoutez son bloc « Demander un devis » à vos pages produit, à votre panier ou à tout votre catalogue, dans l'éditeur de thème Shopify. Avec QuotWay, vous ne modifiez pas le code du thème : vous placez le bloc visuellement, et le bouton est disponible sur tous les forfaits, y compris le Lite gratuit.

### Dois-je modifier le code de mon thème pour ajouter un bouton de devis ?

Non. QuotWay ajoute le bouton sous forme de bloc d'application de thème, que vous placez dans l'éditeur de thème Shopify comme n'importe quelle section. Il n'y a ni Liquid ni JavaScript à écrire, et le bloc reprend le style de votre boutique pour s'accorder automatiquement à votre thème.

### Les visiteurs sans compte peuvent-ils demander un devis ?

Oui. Le devis sans compte est disponible sur tous les forfaits QuotWay. Le visiteur envoie le formulaire et le confirme par une rapide vérification d'adresse e-mail - aucun compte requis - et le devis se rattache plus tard à son compte client Shopify s'il en crée un.

## Sources

Les faits Shopify cités dans ce guide sont vérifiés auprès de la documentation officielle de Shopify :

- [Centre d'aide Shopify : enrichir votre thème avec des applications](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/apps)
- [Shopify.dev : les extensions d'application de thème](https://shopify.dev/docs/apps/build/online-store/theme-app-extensions)

## Ajoutez un bouton de demande de devis à votre boutique

Installez QuotWay, posez un bouton « Demander un devis » sur vos produits, ciblez les bons acheteurs, et commencez à capter de vrais prospects B2B - avec la négociation et les commandes provisoires en un clic quand vous serez prêt à conclure. Le bouton est gratuit sur le forfait Lite, avec un essai de 14 jours sur les forfaits payants.

[Installer gratuitement sur Shopify](/install)

Pour aller plus loin : [Demandes de devis et formulaires](/features/quote-requests) · [Tarifs](/pricing)