Abonnement – Zoom sur 4 modèles de pricing SaaS

Comment faire payer un produit SaaS aux utilisateurs ? Quel modèle de tarification utiliser ? Quelle politique de pricing mettre en oeuvre ? Ces questions sont fondamentales car la performance d’une entreprise dépend au moins autant de la pertinence de son modèle de pricing que de sa stratégie marketing et commerciale. Lorsque l’on est une entreprise SaaS, l’optimisation du modèle de pricing est le principal levier de croissance – loin devant la rétention si l’on en croit une étude de PriceIntelligently.

Nous allons passer en revue les 4 principaux modèles de pricing utilisés en univers SaaS, à savoir : la tarification unique, la tarification échelonnée, la tarification à la carte et la tarification à l’usage. La perfection n’étant hélas pas de ce monde, nous verrons que chaque modèle de pricing a ses avantages mais aussi son lots de limites et d’inconvénients. Nous espérons ainsi vous aider à trouver le modèle qui répond le mieux aux caractéristiques de votre/vos produit(s) SaaS.

modele pricing saas

Comment facturer ses utilisateurs ? Une question existentielle pour les éditeurs SaaS.

Cabinet de conseil en Abonnements, CustUp accompagne les acteurs de l’abonnement dans la construction de leur modèle de pricing et l’optimisation de leur business models.

Modèle de pricing SaaS 1 – Le forfait unique à prix fixe

Ce premier modèle de pricing est le plus basique que l’on puisse imaginer. Il consiste à proposer une seule formule d’abonnement. Tous les utilisateurs paient ainsi le même prix. L’abonnement est fixé à X euros par mois, avec en général une remise en cas d’engagement annuel. Ce modèle de pricing SaaS peut faire sens si deux conditions (inséparables) sont réunies :

  • L’utilisation du produit (et en particulier la consommation de données, de ressources serveurs) est similaire pour tous les utilisateurs.
  • Le coût supporté par l’entreprise ne varie pas d’un utilisateur à l’autre.

Ce modèle convient notamment aux entreprises SaaS dont le produit ou le service vendu est partiellement ou entièrement hébergé par les clients eux-mêmes (auto-hébergement) ET ne nécessite pas d’assistance au moment de l’installation. Les dépenses post-achat sont alors négligeables pour l’entreprise. Ainsi, la deuxième condition est remplie.

Ce modèle de pricing est notamment utilisé par les logiciels intranet, les panels de contrôle d’hébergement web ou les extensions installées sur des plateformes tierces : par exemple les plugins installés sur un CMS (WordPress, Magento…).

Les éditeurs qui utilisent ce modèle de pricing SaaS proposent en général des produits assez simples, ce qui limite les motifs de contact. Bref, à produit simple, modèle de pricing simple : c’est toute la logique de ce premier modèle de facturation.

Les avantages et les inconvénients de ce modèle

Beaucoup d’entreprises jugeront sans doute ce modèle tarifaire trop simpliste. Néanmoins, il comporte des avantages qu’il n’est pas inutile de présenter :

  • Parce qu’il est simple, ce modèle est facile à comprendre par les clients potentiels.
  • Il est moins coûteux à gérer que les modèles de pricing par utilisateur (X € par mois et par utilisateur).
  • Il est facile à mettre en place et à tester.
  • Il facilite les prévisions financières, le suivi des revenus, le calcul de la customer lifetime valeur, du churn…
  • Il facilite la gestion des remboursements et des désabonnements.

Voici à présent les inconvénients ou les limites de ce modèle :

  • L’entreprise qui applique ce modèle risque de perdre les clients potentiels ayant des attentes tarifaires différentes.
  • La monétisation est sous-optimisée. Ce modèle empêche de facturer plus cher des clients qui seraient prêts à payer plus.
  • Il y a une absence de corrélation entre la customer value et l’utilisation du produit.
  • L’entreprise qui utilise ce modèle ne peut pas délivrer le même niveau de service que les concurrents qui ciblent des clients à plus haute valeur (prix plus élevés > marges plus élevées > Plus d’argent à dépenser en Relation Clients).

2 exemples de SaaS proposant un forfait unique – Elegant Theme et Basecamp

Premier exemple : Elegant Themes, une société développant des thèmes et des plugins pour WordPress. L’éditeur ne propose qu’un seul abonnement, à $89 par an.

modele pricing saas exemple elegant theme

Exemple de pricing SaaS – Elegant Theme

Elegant Theme propose aussi une licence perpétuelle qui donne accès exactement aux mêmes produits et aux mêmes services que l’offre d’abonnement annuel. La seule différence, c’est que vous ne payez qu’une fois pour toutes.

Deuxième exemple, l’outil collaboratif de gestion de projet Basecamp. L’éditeur propose un seul et unique forfait à $99 par mois et par équipe. Comme vous pouvez le voir sur la capture ci-dessous, Basecamp utilise son modèle tarifaire comme un argument commercial en le comparant aux modèles de pricing de ses concurrents (basés sur un pricing par utilisateur).

modele pricing saas exemple basecamp

Exemple de pricing SaaS – Basecamp

Ce modèle tarifaire est le fruit d’un choix de la part de Basecamp, certainement. C’est un argument commercial efficace. Mais est-ce que Basecamp avait d’autres choix ? Quelle variable, quelle métrique l’éditeur aurait-il pu utiliser pour moduler le pricing en fonction du niveau d’usage du produit ? Le nombre de messages envoyés sur la plateforme ? En tant qu’utilisateur, la valeur que l’on retire d’un outil de ce genre n’est pas corrélée au nombre de messages partagés. Il n’y a pas de lien évident entre le niveau d’usage et la valeur obtenue par l’utilisateur grâce à l’outil – et c’est pour cette raison finalement qu’il n’y a pas de corrélation non plus entre le niveau d’usage et le prix. Cette non-corrélation est l’une des principaux inconvénients de ce modèle de pricing SaaS.

Ce modèle de pricing SaaS est viable pour votre entreprise si…

Ce modèle de pricing est adapté à très peu d’éditeurs SaaS. Nous l’avons déjà dit, c’est un modèle surtout utilisé par des éditeurs d’extensions destinées à s’intégrer dans des logiciels tiers. Ce modèle peut être utilisé :

  • Par les entreprises ciblant un marché de niche où ce modèle tarifaire peut être perçu comme attractif par les clients.
  • Dans les secteurs d’activité et les industries où les autres modèles de pricing (le pricing par utilisateur par exemple) conduiraient à des prix perçus comme trop élevés par les clients potentiels.

Si vous êtes une entreprise SaaS à la recherche de votre modèle de pricing et que vous ne vous retrouvez dans aucun des cas mentionnés, cela ne signifie pas forcément que ce modèle est à exclure. Mais nous vous invitons vivement à vous intéresser aux autres modèles avant de faire votre choix.

Modèle de pricing SaaS 2 – La tarification échelonnée

Ce second modèle peut être un bon choix lorsqu’il existe une variabilité importante dans l’usage du produit et dans les besoins d’assistance / de maintenance. Il permet d’adapter le pricing au niveau d’usage. Ce modèle est beaucoup utilisé par les logiciels marketing, les outils analytics, les solutions de reporting, les website builders…

Il suppose en principe d’avoir une cible de marché assez large et composée de clients ayant des attentes, des besoins différents.

La tarification échelonnée, d’une certaine manière, consiste à proposer le produit ou le service principal en différentes versions – chaque version ciblant une typologie clients. Vous pouvez vendre une version pour les freelances, une version pour les PME, une version pour les grands groupes…Les différents « packages » peuvent se distinguer les uns des autres :

  • Par les fonctionnalités proposées, les formules les plus coûteuses étant celles proposant le périmètre et la profondeur fonctionnels maximum.
  • Par une métrique : le nombre d’utilisateurs (pour les CRM Sales par exemple), le nombre de pages vues (pour les outils analytics), la bande passante (pour les hébergeurs par exemple).

Les avantages et les inconvénients de ce modèle

Le modèle de la tarification échelonnée (ou modèle des prix différenciés) permet de conserver les avantages du modèle de tarification unique que nous avons présenté en début d’article :

  • Simple à tester.
  • Facilite les prévisions financières.
  • Facilite la facturation. Pas besoin d’utiliser des métriques dynamiques pour générer les factures.
  • Permet au client de choisir une formule adaptée à ses besoins et à ses attentes;
  • Permet de cibler un marché plus large.
  • Facilite la gestion des remboursements et des abonnements.
  • Favorise l’up-sell (contrairement cette fois au modèle de tarification unique).

Côté inconvénients, il faut souligner que la conception des différentes formules n’est pas forcément simple. Si les plans se distinguent par une métrique : Quelle métrique ? Quels tranches de valeur ou seuils volumétriques utiliser pour séparer les plans ? Si les plans se distinguent par la richesse fonctionnelle : Quelles fonctionnalités intégrer dans la version A, B, C du produit ? Ce sont des questions loin d’être évidentes.

Voici d’autres inconvénients / limites de ce modèle :

  • La gestion du commercial et de la facturation devient un peu plus complexe. Cela peut poser problème pour les entreprises B2C.
  • Il y a certes plusieurs formules, mais le prix de chaque formule est fixé. Nous ne sommes pas dans du sur-mesure. Ce manque de souplesse peut nuire à l’attractivité de votre produit pour certains utilisateurs ou certains use cases.
  • Si votre cible est relativement uniforme, la variété que vous introduisez dans votre offre peut générer de la confusion de la part de vos clients potentiels.

1 exemple de SaaS proposant une tarification échelonnée – HootSuite

Premier exemple : La plateforme de Social Media Management HootSuite. La plateforme propose trois formules à prix fixe : Professional, Team et Business. A cela s’ajoute une forme « Entreprise » sur-mesure et donc sur devis.

modele pricing saas exemple hootsuite

Exemple de pricing SaaS – HootSuite

Le nombre de formules proposé est dans la moyenne de ce que l’on constate ailleurs. Une étude sur le marché SaaS a en effet montré que le nombre de packages était en moyenne de 3,5. Les formules HootSuite se différencient à la fois par la richesse fonctionnelle et par des métriques (nombre de profils sur les réseaux sociaux, nombre d’utilisateurs).

Ce modèle de pricing SaaS est viable pour votre entreprise si…

Ce modèle de pricing est le plus largement répandu en univers SaaS. Il convient à un large spectre d’entreprises et de produits – en fait tous les produits dont les deux principaux axes de différenciation sont la richesse fonctionnelle et le niveau de support :

  • Les entreprises SaaS adressant plusieurs typologies clients ayant des besoins et des priorités différents. Pour reprendre notre exemple : HootSuite s’adresse aussi bien à des freelances, à des agences de communication qu’à des entreprises.
  • Les entreprises SaaS qui ont une clientèle relativement uniforme. Comprendre : Une clientèle dont les besoins sont qualitativement identiques ou en tous cas similaires. Tous les clients HootSuite ont un même besoin : faciliter / automatiser la gestion des réseaux sociaux – à des échelles qui peuvent par contre être différentes.
  • Les entreprises dont les coûts sont prévisibles et augmentent proportionnellement au niveau d’usage – sans avoir les moyens de mettre en place une tarification 100% sur mesure (à l’usage par exemple).

Ce modèle de pricing est le plus populaire, c’est celui qu’utilise la plupart des nouveaux arrivants sur le marché SaaS. Mais ce n’est pas le seul choix (avec la tarification unique) – et surtout ce n’est pas forcément le meilleur choix. Nous allons vous présenter 2 modèles de tarification alternatifs.

Modèle de pricing SaaS 3 – La tarification à la carte

Le modèle de tarification à la carte peut être une bonne solution lorsque les deux conditions suivantes sont réunies :

  • L’entreprise a développé plusieurs produits indépendants, bien qu’appartenant au même univers. On peut par exemple penser aux éditeurs CRM proposant un écosystème de produits et modules.
  • Tous les produits / modules ciblent la même clientèle.

La tarification à la carte, comme son nom l’indique, consiste à facturer en fonction du nombre de produits ou modules activés. La plupart du temps, ce modèle est mixé avec le modèle de tarification échelonnée que nous avons présenté il y a un instant. Autrement dit, les éditeurs SaaS qui proposent une tarification à la carte proposent en même temps des formules packagées. Cette combinaison permet d’allier les avantages des deux modèles – pour utiliser une métaphore : les avantages du « prêt-à-porter » et du sur-mesure.

Les avantages et les inconvénients de ce modèle

Du point de vue d’une entreprise qui propose plusieurs familles de produits relativement ou complètement indépendants les uns des autres, ce modèle de pricing SaaS permet de mieux rivaliser avec les éditeurs « Best of Breed ». C’est un choix à la fois stratégique et tactique particulièrement judicieux pour les entreprises basées à l’origine sur un modèle On-Premise et qui ont fait les preuves de la qualité de leurs produits. On peut penser à Microsoft ou Adobe.

Voici les principaux avantages de ce modèle tarifaire :

  • Les clients peuvent se confectionner une formule sur-mesure avec les produits dont ils ont besoin.
  • Ce modèle augmente la valeur globale de la plateforme, permet une meilleure monétisation, optimise la récupération de la valeur délivrée au client.
  • Ce modèle encourage le cross-selling.

Passons maintenant aux limites du modèle. Si vous ne combinez pas vos différents produits entre eux, ce modèle implique de maintenir l’activité commerciale et marketing au niveau de chaque produit. Si vous ciblez des personas différents, il est difficile de remédier à ce problème. Voici une liste des principaux inconvénients inhérents à ce modèle de tarification SaaS :

  • La conception des formules packagées peut s’avérer un challenge insurmontable.
  • Ce modèle ne permet pas de maximiser la valeur des clients les plus actifs.
  • Les efforts marketing et commerciaux sont démultipliés si l’entreprise propose des produits très différents.

1 exemple de SaaS proposant une tarification à la carte – Adobe Creative Cloud

Commençons par Adobe Creative Cloud. L’éditeur propose deux formules packagées :

  • « Tout Creative Cloud » qui, comme son nom l’indique, donne accès à l’ensemble des applications Adobe en version Cloud.
  • « Bundle deux applications » qui permet de bénéficier d’une remise lorsque l’on souscrit à deux produits : PhotoShop + Illustrator ; PhotoShop + InDesign ; PhotoShop + Première Pro ; Première Pro + Acrobat, etc.
modele pricing saas exemple adobe

Exemple de pricing SaaS – Adobe

Comme vous pouvez le constater sur la capture ci-dessus, Adobe offre également la possibilité de choisir ses produits à la carte.

modele pricing saas exemple adobe 2

Exemple de pricing SaaS – Adobe

Ce modèle de pricing SaaS est viable pour votre entreprise si…

Ce modèle n’est à envisager que si vous possédez plusieurs produits différents ciblant un même marché ou que vous proposez une solution de type écosystème, formée de différents modules indépendants. Dans ce cas, ce modèle permet de valoriser vos différents modules / produits. Dans le cas contraire, ce modèle n’est pas conseillé. De fait, il convient à très peu d’entreprises.

Modèle de pricing SaaS 4 – La tarification à l’usage

Le modèle que nous allons maintenant vous présenter peut s’avérer très pertinent pour les éditeurs SaaS dont les coûts d’exploitation sont directement corrélés au niveau d’usage des clients. Un exemple ? Les hébergeurs web dont les coûts d’exploitation sont directement corrélés à la bande passante consommée par les clients. Mais les éditeurs de logiciels d’email marketing ou d’analytics sont également concernés.

Pour autant, la tarification à l’usage n’est pas uniquement réservée à ces familles d’éditeurs SaaS. Construire une tarification basée sur une ou plusieurs métriques est souvent une manière efficace de mettre en avant la force d’un produit, sa valeur. Les prospects et les utilisateurs se sentent plus impliqués dans la manière dont ils utilisent le produit – cela permet souvent de réduire le churn et d’augmenter la lifetime value.

Les avantages et les inconvénients de ce modèle

Mettre en place une tarification 100% ou partiellement basée sur l’usage peut être très pertinent lorsque l’on évolue sur un marché où les formules coûteuses sont la norme. Cela permet en plus de bien corréler les coûts d’exploitation, l’usage du produit par les utilisateurs et les revenus générés – et donc de faire payer davantage les heavy users. C’est enfin un modèle de pricing vertueux, qui incite l’entreprise à améliorer son produit pour augmenter l’usage. Les principaux bénéfices :

  • Une saine corrélation entre la valeur vie du client et son niveau d’usage / d’exigence.
  • Les revenus de l’entreprise croissent proportionnellement à ceux des clients, favorisant l’alignement entre l’éditeur SaaS et ses utilisateurs.
  • Ce modèle de pricing offre le maximum de flexibilité et de scalabilité pour les utilisateurs.

Aucun modèle n’étant parfait, la tarification à l’usage comporte quelques inconvénients à prendre en compte. D’ailleurs, si ce modèle était parfait, tous les éditeurs de produits SaaS l’auraient adopté. Force est de constater que ce n’est pas le cas. Voici les principales limites :

  • Un modèle de pricing SaaS complexe à déployer (suppose d’utiliser une API ou de développer une solution maison).
  • Complique les prévisions financières.
  • Les petits clients, les petits utilisateurs ne génèrent quasiment pas de revenus.
  • Conséquence du point précédent : Vos revenus sont fortement drivés par vos heavy users. Vous dépendez d’eux.

1 exemple de SaaS proposant une tarification à la carte – Google Cloud Storage

Google Cloud Storage facture en fonction du volume de GB utilisé et en fonction du type de stockage.

modele pricing saas exemple google

Exemple de pricing SaaS – Google Cloud Storage

Ce modèle de tarification à l’usage est abondamment utilisé par les produits de l’écosystèmee Google Cloud.

Ce modèle de pricing SaaS est viable pour votre entreprise si…

Ce modèle est à envisager dans les cas suivants :

  • Les entreprises SaaS dont les coûts d’exploitation des serveurs cloud constituent un poste de dépenses important (un coût dont les clients sont conscients).
  • Les éditeurs SaaS qui s’adressent à des secteurs d’activité composés d’entreprise ayant un fort enjeu de scalabilité / flexibilité.

Il ne faut pas pour autant s’imaginer que ce modèle de pricing SaaS est réservé aux géants. Une étude a montré que 38% des entreprises SaaS utilisaient un modèle de tarification basé en partie sur l’usage (si l’on considère que le nombre d’utilisateurs est une métrique d’usage).

Nous voici au terme de ce panorama des modèles de pricing SaaS. Il faut bien avoir à l’esprit que nous vous avons présenté les modèles standards. Certains produits ou services, par leurs spécificités, les risques qui leur sont associés, nécessitent la conception de modèles tarifaire complexes, hybridant plusieurs modèles standards.

Vous avez un projet Abonnements ? Parlons-en ?

Indiquez-nous vos coordonnées et précisez votre besoin dans la partie message de cette demande. Nous vous contacterons pour vous proposer des créneaux de disponibilité dans les prochains jours.

    CustUp vous accompagne dans la conception et l'optimisation de votre Modèle de Pricing SaaS

    Notre conviction est que le design des modèles de tarification est une clé de performance des activités SaaS. Il détermine la performance de la conquête de nouveaux utilisateurs abonnés et la favorise la rétention. Nous en faisons le constat régulier.

    Cabinet de conseil en Business Model d’Abonnements et en Données Clients, nous accompagnons les entreprises dans la conception de leurs offres d’abonnement et l’amélioration de la lifetime value. Nous concevons des modèles de pricing sur-mesure, nourris des bonnes pratiques observées sur le marché.

    Besoin d'échanger ? Contactons-nous !
    Caroline Hauss, experte en abonnements, données clients & CRM

    Consultante experte en Abonnements, Caroline Hauss accompagne les organisations dans la conception et l’amélioration de leurs Business Models.

    [custup_nom_silo]
    l'abonnement
    [custup_form_optinmonster]
    [custup_form_optinmonster]
    [custup_form_silo_inline_optinmonster]
    <script type="text/javascript"> jQuery(document).ready(function( $ ) { var dj_envoyer_inscription = true; jQuery(document).delegate( '#dj_envoyer_inscription-FHFKO', 'click', function(){ if(dj_envoyer_inscription){ dj_envoyer_inscription = false; var email = jQuery('#dj_form_optinmonster-FHFKO input[name="email"]').val(); var data = new FormData(); data.append( "action", "inscription_mailchimp"); data.append( "email", email); data.append( "id_article", 10538); grecaptcha.ready(function () { grecaptcha.execute('6Lc5kLoUAAAAAD3ltaKWkySZa3ss4UzqzFYmCBxn', { action: 'inscription_mailchimp' }).then(function (token) { data.append( "recaptcha_response", token); jQuery("#dj_form_optinmonster-FHFKO .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-FHFKO .panel-primary").css('display', 'block'); jQuery("#dj_form_optinmonster-FHFKO .panel-primary span").html( 'Traitement en cours ...' ); $.ajax({ url: site.ajax_url, type: 'post', dataType: 'JSON', processData: false, contentType: false, cache: false, data: data, success: function(result) { if(result.alerte){ jQuery("#dj_form_optinmonster-FHFKO .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-FHFKO .panel-danger span").html(result.alerte); jQuery("#dj_form_optinmonster-FHFKO .panel-danger").css('display', 'block'); }else if(result.message){ jQuery("#dj_form_optinmonster-FHFKO .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-FHFKO .panel-success span").html(result.message); jQuery("#dj_form_optinmonster-FHFKO .panel-success").css('display', 'block'); } if(result.status){ dataLayer.push({ "event": "gaEvent", "eventCategory": "Silo-XXX-Inline", "eventAction": "clic", "eventLabel": "https://www.custup.com/abonnements/offres-dabonnement/modele-pricing-saas/", "eventValue": "", "eventNoninteraction": "true" }); } dj_envoyer_inscription = true; }, error: function(errorThrown){ dj_envoyer_inscription = true; } }); }); }); } return false; }); }); </script> <div id="dj_form_optinmonster-FHFKO" class="form_inline inline"> <div class="form-group col-md-12 col-sm-12 col-xs-12 no-padding m-5"> <div class="panel panel-primary m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-success m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-danger m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> </div> <div class="col-md-7 col-sm-12 col-xs-12 no-padding form-group"> <input class="form-control" type="text" id="emailFHFKO" name="email" placeholder="E-mail" /> </div> <div class="col-md-5 col-sm-12 col-xs-12 no-padding form-group envoyer text-center "> <button id="dj_envoyer_inscription-FHFKO" class="dj_envoyer_inscription" type="submit">Je m'inscris !</button> </div> </div>
    [le Nom du Silo]
    [le Nom du Silo]
    [custup_icon]
    <img src="https://www.custup.com/wp-content/themes/custup/public/img/icon.png" alt="Merci pour votre visite" class="skip-lazy" width="28" height="27"/>
    [custup_form_exit]
    <script type="text/javascript"> jQuery(document).ready(function( $ ) { var dj_envoyer_inscription = true; var email = ""; jQuery(document).delegate( '#emailFbr7z', 'change', function(){ email = jQuery(this).val(); }); jQuery(document).delegate( '#dj_envoyer_inscription-exit-Fbr7z', 'click', function(){ if(dj_envoyer_inscription){ dj_envoyer_inscription = false; var data = new FormData(); data.append( "action", "inscription_mailchimp"); data.append( "email", email); data.append( "exit", 1 ); var recaptcha_response = ""; grecaptcha.ready(function () { grecaptcha.execute('6Lc5kLoUAAAAAD3ltaKWkySZa3ss4UzqzFYmCBxn', { action: 'inscription_mailchimp' }).then(function (token) { data.append( "recaptcha_response", token); jQuery("#dj_form_optinmonster-exit-Fbr7z .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-exit-Fbr7z .panel-primary").css('display', 'block'); jQuery("#dj_form_optinmonster-exit-Fbr7z .panel-primary span").html( site.message_030 ); $.ajax({ url: site.ajax_url, type: 'post', dataType: 'JSON', processData: false, contentType: false, cache: false, data: data, success: function(result) { if(result.alerte){ jQuery("#dj_form_optinmonster-exit-Fbr7z .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-exit-Fbr7z .panel-danger span").html(result.alerte); jQuery("#dj_form_optinmonster-exit-Fbr7z .panel-danger").css('display', 'block'); }else if(result.message){ jQuery("#dj_form_optinmonster-exit-Fbr7z .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-exit-Fbr7z .panel-success span").html(result.message); jQuery("#dj_form_optinmonster-exit-Fbr7z .panel-success").css('display', 'block'); } if(result.status){ dataLayer.push({ "event": "gaEvent", "eventCategory": "Exit", "eventAction": "clic", "eventLabel": "https://www.custup.com/abonnements/offres-dabonnement/modele-pricing-saas/", "eventValue": "", "eventNoninteraction": "true" }); } dj_envoyer_inscription = true; }, error: function(errorThrown){ dj_envoyer_inscription = true; } }); }); }); } return false; }); }); </script> <div id="dj_form_optinmonster-exit-Fbr7z" class="form_inline popin-exit"> <div class="form-group col-md-12 col-sm-12 col-xs-12 no-padding m-5"> <div class="panel panel-primary m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-success m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-danger m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group"> <input class="form-control" type="text" id="emailFbr7z" name="email" placeholder="E-mail" /> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group envoyer text-center "> <button id="dj_envoyer_inscription-exit-Fbr7z" class="dj_envoyer_inscription" type="submit">S'inscrire !</button> </div> </div>
    [custup_scroll_nom_silo]
    <br/>de l'abonnement
    [custup_form_silo_scroll_optinmonster]
    <script type="text/javascript"> var email = ""; jQuery(document).ready(function( $ ) { var dj_envoyer_inscription = true; jQuery(document).delegate( '#emailMUeCq', 'change', function(){ email = jQuery(this).val(); }); jQuery(document).delegate( '#dj_envoyer_inscription-MUeCq', 'click', function(e){ if(dj_envoyer_inscription){ dj_envoyer_inscription = false; var data = new FormData(); data.append( "action", "inscription_mailchimp"); data.append( "email", email); data.append( "id_article", 10538); var recaptcha_response = ""; grecaptcha.ready(function () { grecaptcha.execute('6Lc5kLoUAAAAAD3ltaKWkySZa3ss4UzqzFYmCBxn', { action: 'inscription_mailchimp' }).then(function (token) { data.append( "recaptcha_response", token); jQuery("#dj_form_optinmonster-MUeCq .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-MUeCq .panel-primary").css('display', 'block'); jQuery("#dj_form_optinmonster-MUeCq .panel-primary span").html( site.message_030 ); $.ajax({ url: site.ajax_url, type: 'post', dataType: 'JSON', processData: false, contentType: false, cache: false, data: data, success: function(result) { if(result.alerte){ jQuery("#dj_form_optinmonster-MUeCq .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-MUeCq .panel-danger span").html(result.alerte); jQuery("#dj_form_optinmonster-MUeCq .panel-danger").css('display', 'block'); }else if(result.message){ jQuery("#dj_form_optinmonster-MUeCq .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-MUeCq .panel-success span").html(result.message); jQuery("#dj_form_optinmonster-MUeCq .panel-success").css('display', 'block'); } if(result.status){ dataLayer.push({ "event": "gaEvent", "eventCategory": "Silo-XXX-Scroll", "eventAction": "clic", "eventLabel": "https://www.custup.com/abonnements/offres-dabonnement/modele-pricing-saas/", "eventValue": "", "eventNoninteraction": "true" }); } dj_envoyer_inscription = true; }, error: function(errorThrown){ dj_envoyer_inscription = true; } }); }); }); } return false; }); }); </script> <div id="dj_form_optinmonster-MUeCq"> <form> <div class="form-group col-md-12 col-sm-12 col-xs-12 no-padding m-5"> <div class="panel panel-primary m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-success m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> <div class="panel panel-danger m-0" style="display:none;"> <div class="panel-heading"> <span class="m-5"></span> </div> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group"> <input class="form-control" type="text" id="emailMUeCq" name="email" placeholder="E-mail" /> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group envoyer text-center "> <button id="dj_envoyer_inscription-MUeCq" class="dj_envoyer_inscription" value="xx" type="submit">S'inscrire</button> </div> </form> </div>