Le Service Clients Clarins, élu meilleur Customer Care Cross Canal

2 ans après avoir initié son projet de rénovation du Customer Care au niveau européen, la marque de cosmétique et le Service Clients Clarins opèrent une spectaculaire remontée dans le classement des Centres de Contacts et remporte le grand prix Qualiweb 2019 de la Relation Clients. Avec Emilie Régnier-Lody, Directeur CRM et Customer Care Europe et Grégory Saussez, Responsable du Service Clients pour la filiale France, nous revenons sur ce projet ambitieux et passionnant auquel CustUp est heureux d’avoir contribué depuis son origine.

Service Clients Clarins, le site de la marque

Le Service Clients Clarins, élu Grand Prix Qualiweb 2019 de la Relation Clients

Les raisons de l’évolution du Customer Care Clarins

Pour commencer, pouvez-vous nous préciser l’origine de ce projet et votre rôle dans la transformation du Customer Care de Clarins ?

– Grégory Saussez : Depuis quelques années, le groupe Clarins développe son site e-commerce. Cela a un impact certain sur l’activité du Service Clients Clarins dont je suis le responsable pour la France. Pour accompagner ce mouvement, il nous a semblé indispensable de faire évoluer et professionnaliser notre relation clients à distance. Le diagnostic réalisé par CustUp pour nos marques Clarins et MUGLER a confirmé ce besoin en mettant en évidence les optimisations nécessaires dans la réponse apportée aux clients. Cela nous a permis de préciser notre orientation et nos objectifs relationnels.

– Emilie Régnier-Lody : Je suis arrivée en septembre 2017 dans le Groupe Clarins avec le mandat de donner à ce projet une dimension européenne en y associant les pays qui partageaient les mêmes constats que le Service Clients Clarins France : l’Allemagne, l’Espagne et l’Italie dans un premier temps puis l’Irlande et le Benelux.

Selon vous, quelles sont les attentes des clients à l’égard de vos marques ?

– Grégory Saussez : Nos clients viennent à nous pour la qualité et le sérieux de nos produits et ils s’attendent à retrouver ces mêmes caractéristiques lorsqu’ils font appel à nos services pour un conseil ou une réclamation. Nous devons donc leur fournir des réponses d’une qualité irréprochable dans un délai le plus court possible.

– Emilie Régnier-Lody : Notre cœur de métier reste la manufacture de très bons produits de beauté mais nous devons absolument nous adapter au niveau d’exigence croissant de nos clients et à l’évolution des standards de qualité de service. Cela nous oblige à questionner notre organisation et nos process pour nous aligner sur les meilleures pratiques des acteurs du e-commerce qui font aujourd’hui référence. Nous devons aussi tenir compte de la très grande porosité entre médias traditionnels et médias sociaux pour offrir plus de cohérence et de fluidité dans la gestion des parcours clients.

Quels canaux de contact souhaitez-vous offrir à vos clients pour entrer en relation avec Clarins ?

– Grégory Saussez : Le téléphone reste le canal le plus utilisé et le plus efficace notamment pour la gestion des réclamations car il permet un contact direct et facilite une résolution quasi immédiate des problèmes soulevés par le client. Les réseaux sociaux peuvent également s’avérer utiles pour des contacts à moindre valeur ajoutée. Enfin, pour accompagner le client dans le passage de sa commande, l’immédiateté du tchat présente un avantage non négligeable à condition que l’on puisse garantir au client une réponse du tac au tac.

– Emilie Régnier-Lody : J’ajouterai que les réseaux sociaux collent parfaitement au positionnement de notre marque qui, avec sa nouvelle gamme My Clarins, touche une population plus jeune qui recherche plus de proximité et de connivence.

9 ans séparent les 2 prix de la relation clients que vous avez remportés avec Cocedal (2010 et 2019). Qu’est-ce qui a changé pour Clarins dans l’intervalle ?

– Grégory Saussez : En 9 ans, notre métier a beaucoup évolué : au départ nous ne gérions que la marque Clarins puis sont arrivées MUGLER et Azzaro.
Par ailleurs, depuis notre premier prix, l’activité e-commerce s’est développée et nous a obligés à reconsidérer notre métier et notre communication. Avec l’aide de CustUp, nous avons revu en profondeur le contenu et le ton de nos messages pour adopter un style plus direct en adéquation avec la personnalité de nos marques. Cet effort de différenciation rédactionnelle et d’identité visuelle est d’ailleurs un point auquel Cocedal semble avoir été sensible lors de sa dernière évaluation de notre service.

– Emilie Régnier-Lody : Depuis la création du Groupe, il y a toujours eu chez Clarins la volonté affirmée de bien traiter ses clients, mais les outils du Customer Care ont beaucoup évolué et nous avons voulu profiter de cette opportunité pour gagner en efficacité et en finesse dans le traitement de la relation clients.

Le projet de transformation du Service Clients Clarins

Quels ont été les éléments déclenchants de votre projet de transformation du Customer Care Clarins ?

– Grégory Saussez : Le diagnostic posé par CustUp a joué un rôle important. La restitution des enquêtes de clients mystère et d’entretiens avec des collaborateurs de différents pays a mis en évidence un gap entre la relation client souhaitée par la marque et celle vécue par le client. En complément, le développement de la relation directe avec les clients grâce au e-commerce a permis d’acquérir une meilleure compréhension de leurs attentes prioritaires. Nous avons ressenti le besoin de faire bouger les choses pour répondre à leurs souhaits.

– Emilie Régnier-Lody : le projet de transformation du Customer Care est aussi apparu comme un prolongement naturel de la démarche CRM initiée par le groupe avec la mise en place d’un Référentiel Client Unique et la refondation de tout le dispositif relationnel de ses marques.

Quels étaient les objectifs prioritaires de ce projet ?

– Grégory Saussez : La mise en place d’une démarche et d’un outil de Customer Care commun à tous les collaborateurs internes et externes en charge de la Relation Clients dans tous les pays participants au projet doit nous permettre d’enrichir notre connaissance clients et d’optimiser la gestion des flux de contacts.

– Emilie Régnier-Lody : Nous souhaitons aussi améliorer la remontée de la voix du client dans toutes les strates de l’entreprise et garantir la cohérence des traitements et de la communication sur tous les canaux. Enfin, notre objectif est de faire baisser le volume des réclamations pour consacrer plus de budget et de moyens au conseil sur les produits et à la fidélisation. Plus on avance et plus nos clients doivent être traités comme des invités. Nous voulons passer du CRM (Customer Relationship Management) au GRM (Guest Relationship Management).

Quels KPI’s privilégiez-vous dans le traitement de la Relation Clients à distance ?

– Emilie Régnier-Lody : Pour moi, le taux de contact par transaction est essentiel. C’est un bon indicateur pour mesurer la qualité de nos produits et la fluidité de nos parcours clients. Pour faciliter la vie de nos clients, nous voulons leur donner les moyens de trouver simplement par eux-mêmes, en selfcare, la réponse à leurs questions sans avoir besoin de nous contacter. Et pour les clients qui font quand même appel à nous, nous visons la First Contact Resolution (FCR) chaque fois que les sujets s’y prêtent.

– Grégory Saussez : L’accessibilité au Service clients est aussi un indice essentiel que nous suivons avec attention. Sur tous ces indicateurs, nous sommes conscients que nous avons encore des progrès à faire. Le chantier actuel d’évolution du Customer Care est justement là pour nous améliorer.

Quelles ont été les grandes étapes dans la mise en œuvre de votre projet ?

– Grégory Saussez : Pour le démarrage, la mobilisation du top management a été primordiale. Le diagnostic fait par CustUp a permis de sensibiliser les instances dirigeantes de Clarins aux problématiques de Customer Care. Elles nous ont ensuite donné l’impulsion et les moyens nécessaires pour mettre en œuvre le changement.

– Emilie Régnier-Lody : la deuxième étape a été celle de la mise à plat de toute notre organisation. Ce travail de formalisation et de questionnement de tous les process a été mené par nos équipes en étroite collaboration avec notre prestataire logistique, et CustUp. Il y a eu ensuite beaucoup d’autres étapes mais je voudrais surtout insister sur un élément qui me semble primordial : la dimension gestion du changement. Pour l’équipe projet, la mise en œuvre de ce chantier a demandé beaucoup d’endurance et de persévérance. Le travail ne s’arrête pas au lancement. Il faut encore rester sur le qui-vive pendant plusieurs mois : malgré les incidents, inévitables pour un projet de cette envergure, tenir bon, garder le cap et rester auprès des équipes pour les rassurer, les encourager, les remotiver si besoin.

Avec l’expérience de ce projet, quels sont, selon vous, les facteurs clés de succès pour mettre en œuvre une démarche d’optimisation du service clients ?

– Emilie Régnier-Lody : L’accès à un outil de Customer Care centralisé est fondamental. Pour gérer les contacts clients de façon professionnelle. On ne peut pas faire « sans ».

– Grégory Saussez : Pour la France (mais aussi sans doute pour les autres pays), nous avons vu que la formation et l’accompagnement des conseillers sont également nécessaires. Il faut aider les équipes à monter en compétence et acquérir de nouvelles expertises.

– Emilie Régnier-Lody : Au-delà de la formation, la qualité de l’expérience du Conseiller Clients a aussi son importance. S’il est à l’aise avec les process, s’il dispose d’un poste de travail bien organisé avec un nombre minimum d’écrans à consulter, il peut donner le meilleur de lui-même à son client pour lui offrir le petit supplément d’âme qui transforme un simple contact en occasion d’enchantement. Avec l’aide de CustUp, nous devons travailler ce point car il y a encore trop de manipulations à faire par nos conseillers.

Revenons sur la Contact Ceremony, en quoi consiste-t-elle et quelle place tient-elle dans votre projet ?

– Emilie Régnier-Lody : Nous avons voulu que les clients qui nous contactent se sentent immergés dans notre univers de marque, quel que soit le point de contact par lequel ils s‘adressent à la marque. A l’écrit comme à l’oral, ils doivent retrouver la même qualité d’accueil et d’attention que celles dont ils bénéficient dans nos boutiques.
Pour y parvenir, nous avons conçu avec l’aide de CustUp la Contact Ceremony. Il s’agit d’une description dans les moindres détails de tous les éléments constitutifs d’un contact à distance à l’écrit comme à l’oral. Cela passe par le choix du vocabulaire, le ton de la voix, la normalisation des dénominations mais aussi des éléments visuels dans nos courriers et un environnement sonore spécifique dans nos messages vocaux.

– Grégory Saussez : Tous nos conseillers clients, qu’ils s’agissent de collaborateurs internes ou de prestataires extérieurs sont formés à cette Contact Ceremony. Le respect de ses règles fait d’ailleurs l’objet d’évaluations régulières.

Pouvez-vous nous dire également quelques mots au sujet de votre projet de Base de connaissance ?

– Grégory Saussez : L’entreprise Clarins a grandi vite mais à l’occasion de la mise en œuvre de notre projet et au moment de déléguer une partie de notre activité à un prestataire extérieur, nous avons réalisé à quel point notre culture et nos expertises reposaient encore sur quelques personnes et une transmission orale de leurs connaissances. La formalisation de nos règles et process est apparue comme une nécessité pour pérenniser notre activité.

– Emilie Régnier-Lody : Clarins est une marque très riche en contenus. Comme toutes les entreprises de cosmétique, elle doit être en capacité de répondre aux clients sur des questions parfois complexes comme les ingrédients et les principes actifs utilisés, la disponibilité de produits et beaucoup d’autres sujets. Pour permettre à nos conseillers de répondre de façon autonome et juste sur tous ces sujets, nous avons voulu structurer et mettre à leur disposition un référentiel de toutes les connaissances utiles. La création d’une base de connaissance est donc un chantier à part entière sur lequel nous avançons avec CustUp.

Après un an de mise en œuvre opérationnelle du projet, quels sont déjà les premiers résultats observés ?

– Emilie Régnier-Lody : Le principal changement que nous constatons aujourd’hui est notre capacité à mieux piloter notre activité. Comme le dit le General Manager de Clarins France : « avec ce projet, nous nous sommes acheté des lunettes ! ». Il est vrai qu’aujourd’hui on y voit beaucoup plus clair qu’il y a un an sur notre activité, son fonctionnement et ses dysfonctionnements.

– Grégory Saussez : Sur le Club Clarins par exemple, la qualification précise des motifs de contact grâce à l’outil et au travail des conseillers a déjà eu un impact direct et immédiat sur la résolution de certains problèmes. En l’espace de 2 mois, nous avons pu supprimer l’un des principaux motifs d’insatisfaction de nos clients.

La consolidation des résultats et les prochaines étapes

Quelles sont les prochaines étapes pour prolonger votre démarche ?

– Emilie Régnier-Lody : Nous allons continuer à faire évoluer notre organisation pour une démarche plus « Customer Centric » afin d’améliorer les parcours clients. Nous souhaitons aussi ouvrir un nouveau chantier sur le traitement des contacts sur les réseaux sociaux. Enfin, nous allons poursuivre et renforcer nos efforts sur la formation à l’expertise Customer Care.

– Grégory Saussez : Un autre sujet important sera aussi celui du Selfcare pour permettre aux conseillers de se concentrer sur les contacts à forte valeur ajoutée. Bref, Nous avons déjà fait un grand pas mais il reste encore beaucoup à faire…

Finalement, quel a été l’apport de CustUp pendant cette première phase ?

– Emilie Régnier-Lody : CustUp a permis d’ identifier les points clés à corriger dès le démarrage et nous a ensuite accompagnés dans le cadrage en aidant à bien définir chacune des étapes. Ils nous ont ensuite également apporté pas mal « d’huile de coude » et c’était important notamment pendant les phases les plus critiques du projet.
– Grégory Saussez : CustUp nous a aidé à mettre de l’ordre dans nos idées et à structurer notre démarche en abordant toujours les sujets de façon très pragmatique.

En conclusion sur le projet

Votre principal motif d’étonnement ?

– Emilie Régnier-Lody : Rien n’est jamais acquis et il faut apprendre à réconcilier les exigences très rationnelles d’un projet avec le contexte parfois irrationnel de toute entreprise.

– Grégory Saussez : Comme l’a dit Emilie, rien n’est acquis : même quand un projet semble faire l’unanimité au départ, on rencontre toujours de la résistance en cours de parcours. Il ne faut pas se décourager.

Votre plus grande fierté concernant ce projet ?

– Grégory Saussez : le projet était nécessaire et on l’a fait ! Il devait être lancé le 15 avril 2018 et, en dépit des difficultés rencontrées, on a lancé le 15 avril 2018. Déjà 1 an !

– Emilie Régnier-Lody : On était engagé et il y a eu un bel esprit d’équipe. On n’a rien lâché !

Et nous, Custup, notre satisfaction est d’avoir pu accompagner de bout en bout le groupe Clarins et ses équipes dans ce projet ambitieux. Nous sommes fiers du résultat et de la confiance qui nous a été accordée. Nous sommes heureux que tous les efforts des équipes soient déjà couronnés aujourd’hui par une récompense et nous espérons qu’elle sera suivie de bien d’autres… Longue vie au projet et merci à Emilie Régnier-Lody et Grégory Saussez pour cet entretien !

Partager :
Consultante en Relation Clients, Odile Biger, dirige des missions où sont combinés le sens et les outils du Service Clients.

Consultante en Relation Clients, Odile Biger, dirige des missions où sont combinés le sens et les outils du Service Clients.

[custup_nom_silo]
[custup_form_optinmonster]
[custup_form_optinmonster]
[custup_form_blog_inline_optinmonster]
<script type="text/javascript"> jQuery(document).ready(function( $ ) { var captchapD0Sj = grecaptcha.render( 'captcha-pD0Sj', { 'sitekey' : '6LdT1-4gAAAAAO9Enn6scQv9Sg7vEHfEmTzlKqlw', 'theme' : 'light' }); var dj_envoyer_inscription = true; jQuery(document).delegate( '#dj_envoyer_inscription-pD0Sj', 'click', function(){ if(dj_envoyer_inscription){ dj_envoyer_inscription = false; var email = jQuery('#dj_form_optinmonster-pD0Sj input[name="email"]').val(); var data = new FormData(); data.append( "action", "inscription_mailchimp"); data.append( "email", email); data.append( "recaptcha_response", jQuery("#dj_form_optinmonster-pD0Sj .g-recaptcha-response").val()); jQuery("#dj_form_optinmonster-pD0Sj .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-pD0Sj .panel-primary").css('display', 'block'); jQuery("#dj_form_optinmonster-pD0Sj .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-pD0Sj .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-pD0Sj .panel-danger span").html(result.alerte); jQuery("#dj_form_optinmonster-pD0Sj .panel-danger").css('display', 'block'); }else if(result.message){ jQuery("#dj_form_optinmonster-pD0Sj .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-pD0Sj .panel-success span").html(result.message); jQuery("#dj_form_optinmonster-pD0Sj .panel-success").css('display', 'block'); } if(result.status){ dataLayer.push({ "event": "gaEvent", "eventCategory": "Blog-Inline", "eventAction": "clic", "eventLabel": "https://www.custup.com/service-clients-clarins/", "eventValue": "", "eventNoninteraction": "true" }); } dj_envoyer_inscription = true; grecaptcha.reset(captchapD0Sj); }, error: function(errorThrown){ dj_envoyer_inscription = true; grecaptcha.reset(captchapD0Sj); } }); } return false; }); }); </script> <div id="dj_form_optinmonster-pD0Sj" class="form_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-12 col-sm-12 col-xs-12 no-padding form-group pull-left"> <input class="form-control form-inline" type="text" id="dj_email" name="email" placeholder="E-mail" /> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group optin-recaptcha pull-left"> <div id="captcha-pD0Sj"></div> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group envoyer text-center pull-left"> <button id="dj_envoyer_inscription-pD0Sj" class="dj_envoyer_inscription" type="submit">Je m'abonne !</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 captchaP6dS6 = grecaptcha.render( 'captcha-P6dS6', { 'sitekey' : '6LdT1-4gAAAAAO9Enn6scQv9Sg7vEHfEmTzlKqlw', 'theme' : 'light' }); var dj_envoyer_inscription = true; var email = ""; jQuery(document).delegate( '#emailP6dS6', 'change', function(){ email = jQuery(this).val(); }); jQuery(document).delegate( '#dj_envoyer_inscription-exit-P6dS6', '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 ); data.append( "recaptcha_response", jQuery("#dj_form_optinmonster-exit-P6dS6 .g-recaptcha-response").val()); jQuery("#dj_form_optinmonster-exit-P6dS6 .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-exit-P6dS6 .panel-primary").css('display', 'block'); jQuery("#dj_form_optinmonster-exit-P6dS6 .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-P6dS6 .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-exit-P6dS6 .panel-danger span").html(result.alerte); jQuery("#dj_form_optinmonster-exit-P6dS6 .panel-danger").css('display', 'block'); }else if(result.message){ jQuery("#dj_form_optinmonster-exit-P6dS6 .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-exit-P6dS6 .panel-success span").html(result.message); jQuery("#dj_form_optinmonster-exit-P6dS6 .panel-success").css('display', 'block'); } if(result.status){ dataLayer.push({ "event": "gaEvent", "eventCategory": "Exit", "eventAction": "clic", "eventLabel": "https://www.custup.com/service-clients-clarins/", "eventValue": "", "eventNoninteraction": "true" }); } dj_envoyer_inscription = true; grecaptcha.reset(captchaP6dS6); }, error: function(errorThrown){ dj_envoyer_inscription = true; grecaptcha.reset(captchaP6dS6); } }); } return false; }); }); </script> <div id="dj_form_optinmonster-exit-P6dS6" 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 pull-left"> <input class="form-control" type="text" id="emailP6dS6" name="email" placeholder="E-mail" /> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group optin-recaptcha pull-left"> <div id="captcha-P6dS6"></div> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group envoyer text-center pull-left"> <button id="dj_envoyer_inscription-exit-P6dS6" class="dj_envoyer_inscription" type="submit">S'inscrire !</button> </div> </div>
[custup_scroll_nom_silo]
[custup_form_silo_scroll_optinmonster]
<script type="text/javascript"> var email = ""; jQuery(document).ready(function( $ ) { var captchaTNU1p = grecaptcha.render( 'captcha-TNU1p', { 'sitekey' : '6LdT1-4gAAAAAO9Enn6scQv9Sg7vEHfEmTzlKqlw', 'theme' : 'light' }); var dj_envoyer_inscription = true; jQuery(document).delegate( '#emailTNU1p', 'change', function(){ email = jQuery(this).val(); }); jQuery(document).delegate( '#dj_envoyer_inscription-TNU1p', '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", 7994); data.append( "recaptcha_response", jQuery("#dj_form_optinmonster-TNU1p .g-recaptcha-response").val()); jQuery("#dj_form_optinmonster-TNU1p .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-TNU1p .panel-primary").css('display', 'block'); jQuery("#dj_form_optinmonster-TNU1p .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-TNU1p .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-TNU1p .panel-danger span").html(result.alerte); jQuery("#dj_form_optinmonster-TNU1p .panel-danger").css('display', 'block'); }else if(result.message){ jQuery("#dj_form_optinmonster-TNU1p .panel").css('display', 'none'); jQuery("#dj_form_optinmonster-TNU1p .panel-success span").html(result.message); jQuery("#dj_form_optinmonster-TNU1p .panel-success").css('display', 'block'); } if(result.status){ dataLayer.push({ "event": "gaEvent", "eventCategory": "Silo-XXX-Scroll", "eventAction": "clic", "eventLabel": "https://www.custup.com/service-clients-clarins/", "eventValue": "", "eventNoninteraction": "true" }); } dj_envoyer_inscription = true; grecaptcha.reset(captchaTNU1p); }, error: function(errorThrown){ dj_envoyer_inscription = true; grecaptcha.reset(captchaTNU1p); } }); } return false; }); }); </script> <div id="dj_form_optinmonster-TNU1p"> <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 pull-left"> <input class="form-control" type="text" id="emailTNU1p" name="email" placeholder="E-mail" /> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group optin-recaptcha pull-left"> <div id="captcha-TNU1p"></div> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group envoyer text-center pull-left"> <button id="dj_envoyer_inscription-TNU1p" class="dj_envoyer_inscription" value="xx" type="submit">S'inscrire</button> </div> </form> </div>
[custup_count_abonnes_liste_mailchimp]
4517
[custup_form_horizontal_optinmonster]
<script type="text/javascript"> var email = ""; jQuery(document).ready(function( $ ) { var captchaAY6c0 = grecaptcha.render( 'captcha-AY6c0', { 'sitekey' : '6LdT1-4gAAAAAO9Enn6scQv9Sg7vEHfEmTzlKqlw', 'theme' : 'light' }); var dj_envoyer_inscription = true; jQuery(document).delegate( '#emailAY6c0', 'change', function(){ email = jQuery(this).val(); }); jQuery(document).delegate( '#dj_envoyer_inscription-AY6c0', '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( "recaptcha_response", jQuery("#dj_form_horizontal_optinmonster-AY6c0 .g-recaptcha-response").val()); jQuery("#dj_form_horizontal_optinmonster-AY6c0 .panel").css('display', 'none'); jQuery("#dj_form_horizontal_optinmonster-AY6c0 .panel-primary").css('display', 'block'); jQuery("#dj_form_horizontal_optinmonster-AY6c0 .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_horizontal_optinmonster-AY6c0 .panel").css('display', 'none'); jQuery("#dj_form_horizontal_optinmonster-AY6c0 .panel-danger span").html(result.alerte); jQuery("#dj_form_horizontal_optinmonster-AY6c0 .panel-danger").css('display', 'block'); }else if(result.message){ jQuery("#dj_form_horizontal_optinmonster-AY6c0 .panel").css('display', 'none'); jQuery("#dj_form_horizontal_optinmonster-AY6c0 .panel-success span").html(result.message); jQuery("#dj_form_horizontal_optinmonster-AY6c0 .panel-success").css('display', 'block'); } if(result.status){ dataLayer.push({ "event": "gaEvent", "eventCategory": "Blog-Floating-Bar", "eventAction": "clic", "eventLabel": "https://www.custup.com/service-clients-clarins/", "eventValue": "", "eventNoninteraction": "true" }); } dj_envoyer_inscription = true; grecaptcha.reset(captchaAY6c0); }, error: function(errorThrown){ dj_envoyer_inscription = true; grecaptcha.reset(captchaAY6c0); } }); } return false; }); }); </script> <div id="dj_form_horizontal_optinmonster-AY6c0" class="dj_form_horizontal_optinmonster"> <input type="hidden" name="recaptcha_response" value=""> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group dj_email_content pull-left"> <input class="form-control" type="text" id="emailAY6c0" name="email" placeholder="E-mail" /> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group text-center dj_email_envoyer pull-left"> <button id="dj_envoyer_inscription-AY6c0" class="dj_envoyer_inscription" type="submit">Valider</button> </div> <div class="col-md-12 col-sm-12 col-xs-12 no-padding form-group optin-recaptcha pull-left"> <div id="captcha-AY6c0"></div> </div> <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>