Vous pouvez intégrer directement l'API en JS.
Nous tenons à votre disposition deux JS qui permettent d'afficher la saisie du code membre et l'envoi des transactions que vous pouvez personnaliser.
Une version via python/php/asp est à privilégier à causes des contraintes CORS.
Ce script, via la fonction FFVEServicesInit()
, affichera un popup pour demander le code membre. Si le code membre est valide, deux cookies seront installés :
tokenffve
sourceffve
sourceffve
contiendra ffveservices en clair, et tokenffve
contiendra le code membre chiffré.
Exemple de chargement du script JS :
var script = document.createElement('script'); script.src = 'https://dev.ffveservices.com/api/partenaires/fred/verifier-code-coupon/'; script.onload = function() { // Code à exécuter après le chargement du script if (typeof FFVEServicesInit === 'function') { // Vous pouvez maintenant appeler FFVEServicesInit FFVEServicesInit(); } }; document.head.appendChild(script);
Exemple d'utilisation :
const totalOrderAmount = document.getElementById('totalOrderAmount').value; const totalOrderAmountHT = document.getElementById('totalOrderAmountHT').value; const shippingAmount = document.getElementById('shippingAmount').value; const totalQuantity = document.getElementById('totalQuantity').value; const reference = document.getElementById('reference').value; const statut = document.getElementById('statut').value; const debug = document.getElementById('debug').checked; var script = document.createElement('script'); script.src = 'https://dev.ffveservices.com/api/partenaires/[IDENTIFIANT PARTENAIRE]/transaction/'; script.onload = function() { if (typeof FFVEServicesSendTransaction === 'function') { FFVEServicesSendTransaction(cookieTokenFFVE, totalOrderAmount, totalOrderAmountHT, shippingAmount, totalQuantity, reference, statut, debug); } }; document.head.appendChild(script);
Le JS détecte si un formulaire existe si oui il utilise celui de la page html, dans le cas contraire un pop-in de base est ajouté
Vous pouvez personnaliser le popup en utilisant les mêmes IDs :
<div id="ffveservices" class="container mt-5"> <form id="ffveForm" class="form-inline"> <div class="form-group mb-2"> <label for="membre_ffve" class="sr-only">Code membre FFVE:</label> <input type="text" class="form-control mr-2" id="membre_ffve" name="membre_ffve" placeholder="Votre Code membre"> </div> <button type="button" id="verifierCoupon" class="btn btn-primary mb-2">Vérifier le coupon</button> </form> <div id="resultatVerification" class="mt-3"></div> </div>