Widget de calculateur de prix SaaS pour les devis en libre-service

La plupart des pages tarifaires SaaS échouent au même moment : le prospect a besoin d’un devis, mais ne veut pas encore parler au service commercial. Il part comparer les concurrents et revient peut-être, ou non. Un calculateur de prix en libre-service comble cette lacune. Les prospects indiquent leurs besoins, obtiennent immédiatement une estimation et te transmettent au passage des données de leads qualifiés.

Ce guide t’explique comment créer avec involve.me un widget interactif de calculateur de prix SaaS qui permet aux visiteurs de configurer leur propre devis, recueille leurs coordonnées et envoie le tout à ton CRM.

Pourquoi Les Calculateurs De Prix En Libre-service Sont Efficaces Pour Les SaaS

Les acheteurs veulent garder le contrôle. Les études de Gartner montrent régulièrement que les acheteurs B2B préfèrent recueillir des informations de façon autonome avant de contacter un commercial. Pour une tarification SaaS à l’usage ou par paliers, un tableau tarifaire statique ne peut pas couvrir toutes les configurations.

Un calculateur de prix résout ce problème en :

• Réduisant les frictions : les prospects obtiennent une réponse immédiate au lieu d’attendre un appel commercial

• Qualifiant discrètement les leads : les informations fournies (taille de l’équipe, fonctionnalités requises, volume d’utilisation) correspondent aux questions que poserait ton SDR

• Ancrant la discussion sur la valeur : lorsque les prospects voient ce qu’ils paieront et ce qu’ils obtiendront, la discussion passe du coût à la valeur

• Recueillant des données à forte intention : une personne qui configure un devis est plus avancée dans le funnel qu’une personne qui télécharge un livre blanc

Planifier Ton Calculateur De Prix

Définir Tes Variables Tarifaires

Avant de commencer, répertorie tous les facteurs qui influencent ton prix :

• Nombre de postes ou licences utilisateur : le modèle le plus courant pour les SaaS destinés aux équipes

• Volume d’utilisation : appels API, stockage, contacts, événements, messages par mois

• Niveau de fonctionnalités : ensembles de fonctionnalités basiques, professionnelles et Enterprise

• Durée du contrat : remises mensuelles, annuelles ou pluriannuelles

• Modules complémentaires : assistance premium, intégrations, infrastructure dédiée, formation

Définir La Logique De Calcul

Pour Un Produit SaaS Classique Facturé Par Poste Avec Une Tarification Par Paliers :

base_price = IF(tier = "Starter", 29, IF(tier = "Pro", 79, 129))

seat_cost = base_price × number_of_seats

annual_discount = IF(billing_cycle = "Annual", 0.20, 0)

addon_cost = SUM(selected_addons)

monthly_price = (seat_cost + addon_cost) × (1 - annual_discount)

annual_price = monthly_price × 12

Pour Une Tarification à L’usage :

base_fee = 99

usage_cost = IF(api_calls <= 10000, 0, (api_calls - 10000) × 0.002)

monthly_price = base_fee + usage_cost

Comment Créer Un Calculateur De Prix SaaS Dans involve.me

Étape 1 : Créer Le Funnel

1. Clique sur Créer un nouveau funnel et choisis Partir d’un modèle pour utiliser le modèle de calculateur de prix (le type de funnel est préconfiguré), ou Partir de zéro pour commencer avec une page vierge. Si tu pars de zéro, tu devras d’abord choisir un type de funnel ; sélectionne Résultats basés sur le score afin d’afficher différentes recommandations tarifaires selon la configuration du prospect. Définis les couleurs, les polices et le logo de ta marque dans les paramètres de design.

Étape 2 : Créer Les Pages De Configuration

Page 1 : équipe et utilisation

Ajoute ces éléments :

Q1 : curseur numérique : « Combien de membres de l’équipe ont besoin d’un accès ? » (plage : 1-500, pas : 1)

Q2 : boutons à choix unique : « Quel est ton volume d’utilisation mensuel prévu ? » avec des options comme « Jusqu’à 1,000 contacts », « 1,000-10,000 contacts », « 10,000-50,000 contacts », « 50,000+ »

Q3 : liste déroulante : « Cycle de facturation préféré », Mensuel / Annuel (économise 20%). Active Puntuation et calcul individuels et attribue les valeurs : Mensuel = 0, Annuel = 0.20

Page 2 : fonctionnalités et modules complémentaires

Q4 : cartes à choix unique : « Quelle offre correspond à tes besoins ? » Affiche trois cartes d’offres (Starter, Pro, Business), chacune avec une liste de fonctionnalités. Active Puntuation et calcul individuels. Attribue à chaque réponse des valeurs de routage, et non les prix réels : Starter = 10, Pro = 20, Business = 30.

Q5 : cases à cocher à choix multiple : « Sélectionne les modules complémentaires souhaités » Assistance premium ($49/mo), Accès API ($29/mo), Domaine personnalisé ($19/mo), Responsable de compte dédié ($99/mo). Active Puntuation et calcul individuels et attribue à chaque module son coût mensuel comme valeur : Assistance premium = 49, Accès API = 29, Domaine personnalisé = 19, Responsable de compte dédié = 99

Comme Q5 autorise plusieurs sélections, involve.me additionne automatiquement les valeurs de toutes les options choisies par la personne interrogée lorsque tu fais référence à [Q5] dans une formule.

Page 3 : coordonnées

• E-mail professionnel (avec la validation des e-mails professionnels activée, ajoute la vérification OTP afin que les prospects confirment leur adresse avant de recevoir leur devis)

• Nom complet

• Nom de l’entreprise

• Numéro de téléphone (facultatif)

Page 4 : ton devis personnalisé (page de résultat)

Affiche le tarif calculé avec une ventilation claire. Tu auras plusieurs pages de résultat, et non une seule, soit une par recommandation tarifaire. 

Étape 3 : Configurer Les Formules

Pour ce calculateur, tu dois afficher trois nombres distincts au prospect : le prix mensuel, le prix annuel et les économies annuelles. Comme chaque élément Calculateur ne produit qu’un seul résultat, il te faut trois éléments Calculateur distincts sur chaque page de résultat, chacun avec sa propre formule.

Pour éviter de répéter trois fois les mêmes calculs intermédiaires, commence par utiliser les Formules globales.

Formule globale 1 : base_subtotal

[seat_cost] + [addon_total]

Q4 *Q1 + Q5

 Q4 contient des valeurs de routage (10, 20, 30) plutôt que les prix réels. Utilise une instruction IF pour les convertir :

IF([Q4] = 10, 29, IF([Q4] = 20, 79, 129))

Donc, base_subtotal : IF([Q4] = 10, 29, IF([Q4] = 20, 79, 129))*Q1 + Q5

Éléments Calculateur Sur La Page De Résultat

Ajoute trois éléments Calculateur à chaque page de résultat. Pour les trois, sélectionne Toujours masquer pour les participants .

Calculateur 1, libellé : monthly_price

[base_subtotal] * (1 - [Q3])

Lorsque Q3 = 0 (Mensuel), aucune remise n’est appliquée. Lorsque Q3 = 0.20 (Annuel), une réduction de 20% est appliquée.

Calculateur 2, libellé : annual_price

[base_subtotal] (1 - [Q3]) 12

Calculateur 3, libellé : annual_savings

IF([Q3] = 0.20, [base_subtotal] 12 0.20, 0)

Renvoie le total des économies annuelles lorsque l’option Annuel est sélectionnée. Renvoie 0 pour une facturation mensuelle.

Clique sur Paramètres de plage des résultats et attribue une plage de scores à chaque page de résultat.

Ton score dépend principalement de Q4 (valeurs de routage de la sélection de l’offre : 10, 20, 30). Q1 ajoute également au score la valeur brute du curseur. Définis donc tes plages en conséquence. L’approche la plus simple pour cette configuration :

Étape 5 : Concevoir Les Pages De Résultats Du Devis

Structure la page de résultat comme un devis professionnel :

1. En-tête : « Ton devis [Nom du produit] personnalisé »

2. Carte récapitulative : prix mensuel, prix annuel, économies avec la facturation annuelle

3. Détail par poste:

   • Offre : [selected_plan] × [team_members] postes = $[seat_cost]/mo

   • Modules complémentaires : répertorie chaque module sélectionné avec son prix

   • Remise : la facturation annuelle te fait économiser $[annual_savings]/year

4. Total : montants mensuel et annuel en gras

5. Boutons CTA:

   • Principal : « Commencer l’essai gratuit » ou « Contacter le service commercial »

   • Secondaire : « M’envoyer ce devis par e-mail »

Utilise l’insertion des réponses ({{variable_name}}) pour insérer dynamiquement toutes les valeurs calculées. Active le Texte IA personnalisé sur la page de résultat pour générer un texte unique pour chaque prospect. Au lieu d’un générique « Voici ton devis », l’IA rédige un résumé personnalisé qui reprend la configuration précise du prospect et souligne la valeur la plus pertinente selon ses choix.

Logique Tarifaire Avancée

Remises Sur Volume

Pour une tarification par poste avec des paliers de volume :

per_seat_price = IF(team_members >= 100, base_price × 0.70,

                 IF(team_members >= 50, base_price × 0.80,

                 IF(team_members >= 20, base_price × 0.90,

                 base_price)))

Cela accorde une remise de 10% pour 20+ postes, de 20% pour 50+ et de 30% pour 100+.

Disponibilité Conditionnelle Des Fonctionnalités

Utilise la logique conditionnelle d’involve.me pour afficher ou masquer des pages selon les sélections. Par exemple :

• Si un prospect sélectionne « Enterprise », affiche une page supplémentaire avec des options propres à Enterprise (SSO, intégrations personnalisées, exigences SLA)

• S’il sélectionne moins de 5 postes, ignore la page de remise sur volume

Sélection De La Devise

Ajoute une liste déroulante de devises sur la première page et utilise des formules IF/THEN avec des multiplicateurs de taux de change :

currency_multiplier = IF(currency = "EUR", 0.92, IF(currency = "GBP", 0.79, 1))

display_price = calculated_price × currency_multiplier

Intégration CRM : Envoyer Les Données Du Devis

Stratégie De Mappage Des Champs

Lorsque tu connectes ton CRM, mappe ces champs pour fournir un maximum de valeur au service commercial :

Configuration De HubSpot

1. Crée des propriétés personnalisées dans HubSpot pour chaque résultat du calculateur

2. Dans involve.me, connecte HubSpot et mappe chaque champ

3. Définis l’étape du pipeline de transactions sur « Devis généré »

4. Déclenche un workflow HubSpot : lorsque « Niveau d’offre du devis » = « Enterprise » AND « Nombre de postes du devis » > 50, attribue le lead au service commercial Enterprise

Configuration De Salesforce

1. Crée des champs personnalisés sur l’objet Lead

2. Mappe les résultats d’involve.me avec ces champs

3. Configure un flux Salesforce : lorsque le montant annuel de la transaction dépasse ton seuil Enterprise, convertis automatiquement le lead en opportunité

En parallèle de l’envoi vers ton CRM, configure l’automatisation des workflows d’involve.me pour envoyer des séquences d’e-mails de suivi conditionnelles. Par exemple, les prospects qui ont sélectionné l’offre Enterprise reçoivent une cadence d’e-mails différente de ceux qui ont demandé un devis Starter. Chaque séquence peut inclure leurs informations tarifaires précises grâce à l’insertion des réponses.

Intégrer Le Calculateur

Sur Ta Page Tarifaire

L’emplacement le plus efficace se trouve directement sous ton tableau tarifaire standard ou à côté. 

Récupère le code d’intégration exact dans l’onglet Partager de ton éditeur de funnel, puis clique sur Intégrer dans une page web pour obtenir le code avec le sous-domaine de ton organisation et l’URL du funnel déjà renseignés. Ajoute des champs masqués à l’URL d’intégration pour recueillir les paramètres UTM, les identifiants de campagnes publicitaires ou les sources de recommandation avec les données du devis.

Ajoute au-dessus un titre bien visible : « Obtiens immédiatement un devis personnalisé » ou « Calcule ton prix ».

Sous Forme De Pop-up Sur Les Pages De Fonctionnalités

Utilise l’intégration en pop-up déclenché par un bouton « Obtenir un tarif » sur chaque page de fonctionnalité. Tu captes ainsi l'intérêt pour les tarifs sans obliger le prospect à consulter la page des tarifs.

Sur Les Landing Pages De Campagnes Payantes

Pour les campagnes Google Ads ciblant des mots-clés comme « tarif de ton produit » ou « alternative à un concurrent », le calculateur doit être l'élément principal de la landing page.

Stratégies D'optimisation

Teste Ces Variantes

• Afficher le prix avant ou après la collecte des coordonnées : certaines entreprises SaaS constatent qu'afficher d'abord le prix renforce la confiance et augmente le taux de complétion du formulaire. D'autres observent que conditionner l'affichage du montant final augmente la collecte de leads. Teste les deux options.

• Nombre de licences par défaut : définir par défaut la taille médiane de ta clientèle (par exemple, 25 licences) peut orienter les prospects vers ton offre idéale

• Badge « Le plus populaire » : mettre en avant ton offre intermédiaire avec un badge « Le plus populaire » ou « Recommandé » guide les choix.

Suis Les Indicateurs Clés

Une fois ton calculateur en ligne, utilise le tableau de bord d'analyse intégré pour suivre ses performances. Dans la section d'analyse, accède à l'onglet Réponses de ton funnel. Voici les indicateurs clés à suivre :

• Taux de complétion : quel pourcentage de visiteurs qui commencent à utiliser le calculateur vont jusqu'au bout ?

• Page d'abandon : quelle page enregistre le plus d'abandons ?

• Montant moyen des devis : le calculateur attire-t-il ton profil client idéal ?

• Répartition des offres : les choix s'orientent-ils vers la bonne offre ?

Commencer

Les widgets de calcul interactifs pour sites web d'involve.me prennent en charge VLOOKUP, les conditions, les opérateurs arithmétiques et le scoring, soit tout ce dont tu as besoin pour effectuer des calculs tarifaires SaaS complexes. Pars d'un modèle de calculateur de prix SaaS, adapte les formules à ton produit et intègre-le dès aujourd'hui à ta page de tarifs.

Commencer avec le modèle de calculateur de prix