PROGRAMME 31 JOURS
GRATUIT
OFFRE SPECIALE IAF
JE M'ENREGISTRE
-------------------
<div class="block col-md"> <iframe width="560" height="315" src="https://www.youtube.com/embed/sVIhLe84WzI?rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowful </div> </div> </div> </div> </main> <footer class="subfooter"> <div class="container"> <div class="row"> <div class="col-md-6 text-center text-md-left order-2 order-md-1"> ©Copyright par <b>Pascale Chavanne</b> avec <a href="https://formator.io">Formator.io</a>. Tous droits réservés. </div> <div class="col-md-6 text-center text-md-right m-auto order-1 order-md-2"> <a href="/terms-of-sales" title="Conditions Générales de Vente" class="termof p-2" > Conditions Générales de Vente </a> </div> </div> </div> </footer> <div class="modal fade" id="modal-buy"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content overflow-hidden"> <div class="modal-header"> <h5 class="modal-title">Paiement</h5> <button type="button" class="close no-bs text-right" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body d-flex" style="height:calc(100% - 140px);padding-bottom:126px;"> <div class="m-auto medium-width btn-full-width"> <!-- Payment Modal --> <div id="app-payment-vue" data-env="prod" data-url="" data-course-id="1823" data-pk-stripe="pk_live_DmMkp1VCG36XFYpfdfWn8UAJ" data-connected-account="acct_1IcD4hDO6552O4Ut" data-affiliate="" data-coupon="" data-paypal-id="" data-payment-provider="stripe" data-page="42615" data-google-analytics="UA-47079492-1" v-cloak > <div v-if="loading == true" class="text-center"> <i class="fa fa-circle-notch loading-moving"></i> </div> <div v-else> <div v-if="paymentProvider == 'trial'"> <!-- No-Plan Modal --> <div class="row"> <div class="col-md-2 text-center"> <i class="fa fa-grimace" style="color: var(--main-bg-color) !important;font-size:100px"></i> </div> <div class="col-md-10 text-left"> <strong>Fonctionnalité Indisponible</strong> <br /> <br /> <small> <b>Vous êtes le propriétaire de ce domaine ?</b> <br /> Pour pouvoir activer les paiement et pouvoir recevoir votre argent, il vous faut choisir une formule d'abonnement.<br /> Rendez-vous dans <span style="font-style:italic">Tableau de Bord > Réglages > Mon Compte > Abonnement</span> et sélectionnez une formule d'abonnement. </small> </div> </div> </div> <div v-else-if="paymentProvider === 'nothing'"> <div class="row"> <div class="col-md-12 text-center"> Sélectionnez une méthode de paiement (Stripe ou Paypal) dans les réglages de votre compte Formator.io </div> </div> </div> <div v-else-if="nbAvailablePlaces === 0"> <div class="row"> <div class="col-md-12 text-center"> Cette formation est complète, le nombre maximum d'inscrits est atteint </div> </div> </div> <div v-else> <div v-if="course && (paymentProvider == 'stripe' || amount < 100)"> <div class="block-dark mb-4"> <div class="row"> <div class="col-md-8 text-truncate"> <b>${ course.title }$</b> <br /> <small v-if="course.subscriptionCancelAfterMonths"> Abonnement renouvelé automatiquement pendant ${ course.subscriptionCancelAfterMonths }$ mois </small> </div> <div v-if="course" class="col-md-4 text-right"> <b v-html="htmlAmount"></b>€ <span class="text-muted ml-2">(TTC)</span> </div> </div> </div> <div v-if="formError" class="alert alert-danger"> ${ formError }$ </div> <div v-if="stripeStep == 0"> <div class="form-group mt-2"> <label for="customer_email" class="required">Email</label> <input type="email" class="form-control" placeholder="exemple@email.com" v-model="form.email" id="customer_email" required /> </div> <div class="row flex-wrap"> <div v-if="sellForm.firstName" class="form-group min-w-50 flex-1-1 col-12"> <label for="customerFirstName" class="required mb-1">Prénom</label> <input type="text" v-model="form.firstName" required="required" placeholder="John" name="customerFirstName" id="customerFirstName" class="form-control w-100"> </div> <div v-if="sellForm.lastName" class="form-group min-w-50 flex-1-1 col-12"> <label for="customerLastName" class="required mb-1">Nom de famille</label> <input type="text" v-model="form.lastName" required="required" placeholder="Doe" name="customerLastName" id="customerLastName" class="form-control w-100"> </div> <div v-if="sellForm.phoneNumber" class="form-group min-w-50 flex-1-1 col-12"> <label for="customerPhoneNumber" class="required mb-1">Numéro de téléphone</label> <input type="text" v-model="form.phoneNumber" required="required" placeholder="06 11 22 33 44" name="customerPhoneNumber" id="customerPhoneNumber" class="form-control w-100"> </div> <div v-if="sellForm.city" class="form-group min-w-50 flex-1-1 col-12"> <label for="customerCity" class="required mb-1">Ville</label> <input type="text" v-model="form.city" required="required" placeholder="Paris" name="customerCity" id="customerCity" class="form-control w-100"> </div> <div v-if="sellForm.postalCode" class="form-group min-w-50 flex-1-1 col-12"> <label for="customerZipCode" class="required mb-1">Code postal</label> <input type="text" v-model="form.zipCode" required="required" placeholder="75001" name="customerZipCode" id="customerZipCode" class="form-control w-100"> </div> <div v-if="sellForm.address" class="form-group min-w-50 flex-1-1 col-12"> <label for="customerAddress" class="required mb-1">Adresse</label> <input type="text" v-model="form.address" required="required" placeholder="28 rue adresse" name="customerAddress" id="customerAddress" class="form-control w-100"> </div> </div> <div class="form-group my-2" v-if="course.haveDiscount && coupon == null"> <label for="customer_coupon" class="required mt-2"> Coupons de réduction </label> <div class="d-flex align-items-center"> <input type="text" class="py-2 flex-1-1 text-uppercase" placeholder="XXXXX" v-model="form.coupon" id="customer_coupon" required /> <button class="btn btn-primary flex-none ml-2 w-auto" type="button" v-on:click="checkCoupon()" :disabled="coupon" > <span v-if="loadingCoupon == false"><span>Appliquer</span></span> <span v-else><span><i class="fa fa-circle-notch loading-moving font-size-unset"></i></span></span> </button> </div> </div> <div v-if="coupon && coupon.id && stripeStep == 0" class="discount-coupon-wrapper"> <div class="discount-coupon">${ coupon.name }$</div> <div class="discount-coupon-desc"> <template v-if="coupon.amountOff"> Vous bénéficiez de <b>${ coupon.amountOff / 100 }$€</b> de réduction </template> <template v-else> Vous bénéficiez de <b>${ coupon.percentOff }$%</b> de réduction </template> </div> </div> <div class="form-group mt-4 mb-0"> <div class="custom-control custom-switch mb-0"> <input type="checkbox" id="customer_cgv" v-model="form.cgv" required="required" class="custom-control-input"> <label class="switch-custom switch-label custom-control-label" for="customer_cgv"> J'accepte les <a class="underline-link" href="/terms-of-sales">Conditions Générales de Vente</a> </label> </div> </div> </div> <div class="row" v-if="amount >= 100 && stripeStep == 1"> <div class="col-lg-12"> <div class="form-group my-2"> <label for="customer_name" class="required mt-0 mb-2"> Nom sur la carte </label> <div class="input-group"> <input type="text" class="py-2 btn-full-width" placeholder="John Doe" v-model="form.name" id="customer_name" required /> </div> </div> </div> </div> <div v-if="coupon && coupon.id && stripeStep == 1" class="discount-coupon-wrapper"> <div class="discount-coupon">${ coupon.name }$</div> <div class="discount-coupon-desc"> <template v-if="coupon.amountOff"> Vous bénéficiez de <b>${ coupon.amountOff / 100 }$€</b> de réduction </template> <template v-else> Vous bénéficiez de <b>${ coupon.percentOff }$%</b> de réduction </template> </div> </div> <div v-if="stripeStep == 1 && ((oneTimeAmount == null || oneTimeAmount >= 100))"> <div v-if="course && course.paymentPlans" class="form-group my-2"> <label for="paymentPlans" class="required mt-0 mb-2">Possibilités de paiement</label> <div class="block-type-input h-auto pt-3 pr-3 pb-1 pl-3 mb-3"> <input type="radio" id="paymentPlan-0" v-model="form.paymentPlan" value="0" /> <label for="paymentPlan-0">Paiement en une fois (${ oneTimeAmount / 100 + ' ' + course.currency }$)</label> <div v-for="paymentPlan in course.paymentPlans"> <input type="radio" :id="'paymentPlan-' + paymentPlan.id" v-model="form.paymentPlan" :value="paymentPlan.id" /> <label :for="'paymentPlan-' + paymentPlan.id">Paiement en plusieurs fois (${ paymentPlan.months + ' x ' + paymentPlan.price / 100 + ' ' + course.currency }$)</label> </div> </div> </div> <div class="form-group my-2"> <label for="customer_coupon" class="required mt-0 mb-2"> Informations </label> <div id="card-element"></div> </div> <div v-if="error" class="text-danger" role="alert"> ${ error }$ </div> </div> <div class="modal-payment-footer justify-content-center"> <button v-on:click="stripeStep == 1 ? payWithCard() : createCustomer()" id="card-button" type="button" class="btn btn-primary btn-full-width" style="background:black !important;color:white !important;" :disabled="loadingPayment" > <span v-if="loadingPayment === true"> <i class="fa fa-circle-notch loading-moving font-size-unset"></i> </span> <span id="button-text" v-else> <template v-if="stripeStep == 0"> Continuer <i v-if="stripeStep == 0" class="fa fa-arrow-right btn-quatro-i"></i> </template> <template v-else> <i class="fa fa-check btn-quatro-i"></i> Payer <b><span>${ amount / 100 }$€</span></b> </template> </span> </button> </div> </div> </div> </div> <div v-if="paymentProvider == 'paypal' && paypalStep < 2 && nbAvailablePlaces > 0"> <div class="form-group mt-4 mb-0"> <div class="custom-control custom-switch mb-0"> <input type="checkbox" id="customer_cgv_paypal" class="custom-control-input" v-on:change="initPaypal()"> <label class="switch-custom switch-label custom-control-label" for="customer_cgv_paypal"> J'accepte les <a class="underline-link" href="/terms-of-sales">conditions générales</a> </label> </div> </div> </div> <div id="paypal-button-container" :class="paypalStep == 2 ? 'ok' : 'd-none'"></div> </div> <div id="courseContent-vue" data-env="prod" data-course-id="1823" v-if="lessons.length > 0" > </div> </div> </div> </div> </div> </div> <script src="https://js.stripe.com/v3/"></script> <link rel="stylesheet" href="/build/paymentCourse.cef9b949.css"> <script src="/build/runtime.cef7e7c2.js"></script><script src="/build/7778.ad3d9f85.js"></script><script src="/build/3980.4cf5ba69.js"></script><script src="/build/2893.db6f2e2e.js"></script><script src="/build/9473.e7331109.js"></script><script src="/build/paymentCourse.f9af064e.js"></script> </body> <script src="/build/4692.dd03bd04.js"></script><script src="/build/173.3c2cd544.js"></script><script src="/build/2094.1a26cafd.js"></script><script src="/build/2912.5879c1e4.js"></script><script src="/build/3162.70fdd289.js"></script><script src="/build/980.4c3eec08.js"></script><script src="/build/app.be09805d.js"></script> <script src="/build/customPage.a9fc748d.js"></script> <script type="text/javascript" src="/embed.js"></script> <!-- Load Facebook SDK for JavaScript --> <div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({ xfbml : true, version : 'v10.0' }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/fr_FR/sdk/xfbml.customerchat.js'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <div class="fb-customerchat" attribution="biz_inbox" page_id="1451015951788093" logged_in_greeting="Bonjour, je peux vous aider ?" logged_out_greeting="Bonjour, je peux vous aider ?" > </div> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-47079492-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-47079492-1', { 'linker': { 'accept_incoming': true } }); </script> </html>
