4 min de lecture

Live Quote Builder : des devis en ligne que vos clients commandent sur PrestaShop

Présentation du module PrestaShop Live Quote Builder, à travers un exemple concret de formulaire de devis de toiture, de la création du formulaire jusqu'à la commande.

Formulaire de devis de toiture avec estimation en temps réel

Sur une boutique PrestaShop, tout est pensé pour des produits à prix fixe. Mais beaucoup de marchands vendent du sur mesure : une toiture, une enseigne, une cuisine, une prestation de nettoyage… Pour eux, la seule option est souvent un formulaire de contact et la promesse de « revenir vers vous avec un devis ».

J’ai développé Live Quote Builder pour combler ce manque : un module qui permet au client d’estimer son prix lui-même, puis de commander son devis en ligne, comme un produit classique.

Plutôt qu’une liste de fonctionnalités, voici un cas concret : un couvreur qui veut proposer des devis de rénovation de toiture.

1. Créer le formulaire

Dans Vendre › Devis › Formulaires de devis, on ajoute les questions dans l’ordre où le client doit y répondre :

  1. Surface de la toiture (type Surface, en m²), sans prix ;
  2. Type de couverture (type Choix unique) : tuile à 50 €/m², ardoise à 80 €/m², zinc à 95 €/m². Le mode Prix × une autre réponse multiplie le tarif par la surface ;
  3. Options (type Cases à cocher) : isolation à + 15 %, démoussage à + 200 € ;
  4. Gouttières en zinc : 18 € le mètre, affichée seulement si le client a choisi le zinc.
Constructeur de formulaires du module dans le back-office PrestaShop
Le constructeur : chaque question a son type, son prix et ses conditions d'affichage.

Les prix conditionnels vont plus loin : « si la surface dépasse 100 m², alors 70 €/m² pour l’ardoise ». La première règle qui correspond remplace le prix de base, ce qui suffit à reproduire la plupart des grilles tarifaires.

2. Régler le total et la commande

Le panneau Total et commande fixe la présentation de l’estimation (HT, TTC ou les deux), un montant minimum, un arrondi, et surtout le mode de commande en ligne :

  • Après validation par la boutique : vous relisez la demande, ajustez le prix, envoyez le devis, puis le client le commande ;
  • Immédiatement : le client peut ajouter son estimation au panier dès l’envoi ;
  • Jamais : de simples demandes de devis, que vous traitez vous-même.
Panneau Total et commande du formulaire
Pour un chantier de toiture, la validation par la boutique est le choix le plus sûr.

3. Choisir où l’afficher

Le formulaire peut apparaître dans un onglet des fiches produit (par produit ou par catégorie), sur la page d’accueil, sur sa page dédiée, dans une page CMS via le code court [livequote id=1], ou n’importe où dans le thème avec un widget.

Panneau Où l'afficher du formulaire
Le panneau « Où l'afficher » regroupe tous les emplacements possibles.

4. Côté client : le prix en direct

Le visiteur saisit 120 m², choisit l’ardoise et coche l’isolation. À chaque réponse, l’estimation se recalcule : 9 600 € pour la couverture, 1 440 € pour l’isolation, soit 11 040 € HT. Le détail reste visible à côté du formulaire.

Formulaire de devis côté client avec estimation détaillée
L'estimation et son détail se mettent à jour à chaque réponse.

Il saisit ensuite ses coordonnées et envoie sa demande. Il reçoit un e-mail de confirmation avec un lien sécurisé vers son devis, et le marchand une notification.

5. Côté boutique : ajuster et envoyer le devis

La demande arrive dans Vendre › Devis › Demandes de devis. Sur sa fiche, le couvreur peut modifier les lignes, en ajouter une (un échafaudage, par exemple), accorder une remise sur le montant final, fixer une date de validité et noter un commentaire interne.

Fiche d'une demande de devis dans le back-office
Montant ajusté à 10 900 €, validité d'un mois, et historique de chaque modification.

Chaque modification crée une version que l’on peut restaurer. Un clic sur Envoyer le devis l’envoie au client, avec un message personnalisé et le PDF en pièce jointe.

6. Le client commande son devis

Depuis la page de son devis, le client télécharge le PDF, commande ou refuse en indiquant pourquoi. S’il commande, le devis est ajouté au panier au prix exact négocié et suit le tunnel de commande habituel de PrestaShop, avec vos moyens de paiement.

Page du devis côté client avec les boutons commander et refuser
Le devis côté client : PDF, commande en ligne ou refus motivé.

À la validation, le devis passe au statut Commandé et la commande lui est liée. Le client connecté retrouve l’historique de ses demandes dans Mon compte › Mes devis.

Page Mes devis du compte client
L'espace « Mes devis » du compte client.

En vidéo

Le parcours complet, de la création du formulaire à la commande.

Et la sécurité ?

Quelques points qui comptent pour un module qui touche aux prix :

  • le total est toujours recalculé côté serveur : impossible de modifier le prix depuis le navigateur ;
  • anti-spam sans captcha : champ piège, jeton, délai minimum, limites par IP et par e-mail ;
  • chaque devis est protégé par une clé secrète ;
  • RGPD : consentement et export / suppression des données via le module officiel psgdpr.

Pour qui ?

Live Quote Builder s’adresse à toutes les boutiques PrestaShop 8 et 9 dont les prix dépendent du projet : bâtiment, menuiserie, signalétique, impression, textile personnalisé, événementiel, services à domicile…

Toutes les fonctionnalités et les captures sont détaillées sur la fiche du module.