Fichiers d'exemple : embedded.php et popin.php
1. embedded.php
Ce fichier permet d'afficher le formulaire de paiement, en mode embarqué.
Dans le HEAD,
charger notre librairie JavaScript
intégrer la clé publique, paramètre d'initalisation obligatoire
intégrer d'autres paramètres d'initialisation, comme une URL en cas de paiement accepté
choisir un thème (thème classic)
Dans le BODY,
définir le mode d'affichage
utiliser le formToken créé à l'étape 3, dans le paramètre
kr-form-token
<?php include_once 'config.php'; ?>
<?php include_once 'formToken.php'; ?>
<head>
<!-- STEP :
1 : load the JS librairy
2 : required public key
3 : the JS parameters url sucess and langage EN -->
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script type="text/javascript"
src="<?php echo DOMAIN_URL; ?>/static/js/krypton-client/V4.0/stable/kr-payment-form.min.js"
kr-public-key="<?php echo PUBLIC_KEY; ?>"
kr-post-url-success="paid.php";
kr-language="en-EN">
</script>
<!-- theme NEON should be loaded in the HEAD section -->
<link rel="stylesheet" href= "<?php echo DOMAIN_URL; ?>/static/js/krypton-client/V4.0/ext/neon-reset.css">
<script src= "<?php echo DOMAIN_URL; ?>/static/js/krypton-client/V4.0/ext/neon.js">
</script>
</head>
<body>
<div class="kr-embedded" kr-form-token="<?php echo $formToken; ?>" >
</div>
</body>
</html>2. popin.php
Ce fichier permet d'afficher le formulaire de paiement, en mode pop-in.
Dans le HEAD,
charger notre librairie JavaScript
intégrer la clé publique, paramètre d'initalisation obligatoire
intégrer d'autres paramètres d'initialisation, comme une URL en cas de paiement accepté
choisir un thème (thème classic)
Dans le BODY,
définir le mode d'affichage (mode Pop-in en ajoutant l'attribut
kr-popin).utiliser le formToken créé à l'étape 3, dans le paramètre
kr-form-token
<head>
<?php include_once 'config.php'; ?>
<?php include_once 'formToken.php'; ?>
<!-- STEP :
1 : load the JS librairy
2 : required public key
3 : the JS parameters url sucess and langage EN -->
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script type="text/javascript"
src="<?php echo DOMAIN_URL; ?>/static/js/krypton-client/V4.0/stable/kr-payment-form.min.js"
kr-public-key="<?php echo PUBLIC_KEY; ?>"
kr-post-url-success="paid.php";
kr-language="en-EN">
</script>
<!-- theme NEON should be loaded in the HEAD section -->
<link rel="stylesheet" href= "<?php echo DOMAIN_URL; ?>/static/js/krypton-client/V4.0/ext/neon-reset.css">
<script src= "<?php echo DOMAIN_URL; ?>/static/js/krypton-client/V4.0/ext/neon.js">
</script>
</head>
<body>
<div class="kr-embedded" kr-popin kr-form-token="<?php echo $formToken; ?>" >
</div>
</body>
</html>