Augmenter le taux de conversion lors d'un paiement sur mobile
Contexte
Lors d'un achat sur un mobile, l'acheteur peut être amené à quitter la navigation sur le site marchand pour s'authentifier sur l'application mobile de sa banque. C'est l'authentification 3D Secure.
L'acheteur doit obligatoirement revenir sur le site marchand afin de valider le processus de paiement. Si l'acheteur ne revient pas sur le site marchand alors le paiement sera en échec.
Objectif
Informer l'acheteur qu'il doit revenir sur le site marchand après l'authentification sur l'application de sa banque.
Moyen
Afficher un message d'avertissement à l'acheteur pour l'informer de la nécessité de revenir sur le site marchand.
Intégration
Ajoutez ce code dans le HEAD :
<script type="text/javascript">
KR.setFormConfig({show3DSWarning: true});
</script>Exemple de code pour la boutique de TEST
<!DOCTYPE html>
<html>
<head>
<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" />
<!--
A. load the JS librairy
B. add the kr-public-key
C. add parameters as kr-post-url-success (optionnal)
-->
<script type="text/javascript"
src="https://static.osb.pf/static/js/krypton-client/V4.0/stable/kr-payment-form.min.js"
kr-public-key="58739933:testpublickey_NUFA6m8QLqEaHktbQ1TkA7Z596H8KEFCiKOaO4871cZCH"
kr-post-url-success="[SUCCESS PAYMENT URL]";>
</script>
<!--
Configuration to show the 3DS Warning
-->
<script type="text/javascript">
KR.setFormConfig({show3DSWarning: true});
</script>
<!--
D. add a theme néon should be loaded in the HEAD section
-->
<link rel="stylesheet" href="https://static.osb.pf/static/js/krypton-client/V4.0/ext/neon-reset.min.css">
<script type="text/javascript" src="https://static.osb.pf/static/js/krypton-client/V4.0/ext/neon.js">
</script>
</head>
(...)
</html>Illustration
Exemple pour le réseau Mastercard
