Commencer avec AFJS

Disponibilité des pays

Liste des pays ⬇️

USA

Canada

UK

Aperçu

Affirm.js (AFJS) est la bibliothèque JavaScript côté navigateur d'Affirm qui permet une intégration fluide des solutions de paiement d'Affirm sur votre site Web. Ce guide fournit une référence complète à tous les objets et méthodes disponibles, vous aidant à mettre en œuvre efficacement les flux de travail de caisse, de messagerie promotionnelle et de transaction d’Affirm.

En incluant et en initialisant Affirm.js, vous pouvez configurer votre intégration en utilisant votre clé API publique et les paramètres d'environnement. La bibliothèque offre des fonctions pour gérer le passage à la caisse, les interactions avec les utilisateurs et personnaliser l'expérience de paiement. Suivez les instructions de configuration pour commencer et garantir une intégration fluide.

Inclure et initialiser Affirm .js

Inclure le affirm.js en tête de votre modèle de page global.

Pour créer une instance d'Affirm, vous devez transmettre votre clé API publique et l'environnement vers lequel vous pointez. L’objet Affirm est votre point d’entrée dans le reste du SDK Affirm.js.

Votre clé API publique Affirm est requise lors de l'appel de cette fonction, car elle identifie votre site Web à Affirm.

Lorsque vous êtes prêt à accepter les transactions en direct, remplacez la clé sandbox par votre clé active en production ainsi que l’URL de l’environnement.

<script>
const _affirm_config = {
		public_api_key: "YOUR_PUBLIC_API_KEY", /* replace with public api key */
		script: "https://cdn1-sandbox.affirm.com/js/v2/affirm.js",
		locale: "en_US",
		country_code: "USA",
	};

(function(m,g,n,d,a,e,h,c){var b=m[n]||{},k=document.createElement(e),p=document.getElementsByTagName(e)[0],l=function(a,b,c){return function(){a[b]._.push([c,arguments])}};b[d]=l(b,d,"set");var f=b[d];b[a]={};b[a]._=[];f._=[];b._=[];b[a][h]=l(b,a,h);b[c]=function(){b._.push([h,arguments])};a=0;for(c="set add save post open empty reset on off trigger ready setProduct".split(" ");a<c.length;a++)f[c[a]]=l(b,d,c[a]);a=0;for(c=["get","token","url","items"];a<c.length;a++)f[c[a]]=function(){};k.async=
  !0;k.src=g[e];p.parentNode.insertBefore(k,p);delete g[e];f(g);m[n]=b})(window,_affirm_config,"affirm","checkout","ui","script","ready","jsReady");
</script>

Arguments de méthode

Configuration alternative

Si vous prévoyez d'exécuter le script Affirm ci-dessus dans d'autres parties de votre demande au lieu du modèle de page global. Assurez-vous de définir window._affirm_config dans l'objet de configuration.

const _affirm_config = {
		public_api_key: "YOUR_PUBLIC_API_KEY", /* replace with public api key */
		script: "https://cdn1-sandbox.affirm.com/js/v2/affirm.js",
		locale: "en_US",
		country_code: "USA",
	};

window._affirm_config = _affirm_config;

Ready

Un rappel peut être transmis à affirm.ui.ready() qui est appelé une fois le chargement de affirm.js terminé.

affirm.ui.ready(function() {
  console.log('Affirm JS ready!');
});