Utilisation des JS fournis par FFVE SERVICES

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.

  1. Pour afficher un popup pour la saisie du code membre :
    https://dev.ffveservices.com/api/partenaires/[IDENTIFIANT PARTENAIRE]/verifier-code-coupon/
  2. 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);
                        
  3. Pour remonter les informations concernant la vente :
    https://dev.ffveservices.com/api/partenaires/[IDENTIFIANT PARTENAIRE/transaction/
  4. 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);
                        

Exemple d'utilisation pour le pop-in

Ouverture popup sur un clic
Demande code membre
Personnalisation du popup

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>