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 :
tokenffvesourceffvesourceffve 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>