...
La page HTML minimale pour générer un formulaire de paiement est la suivante :
Bloc de code | ||||
---|---|---|---|---|
| ||||
<html> <head> <script src="https://homologation-payment.payline.com/scripts/widget-min.js"></script> </head> <body> <div id="PaylineWidget" data-token="#paylineToken#" /> <the token obtained in doWebPayment Response" data-template="column" data-embeddedredirectionallowed="false" /> </body> </html> |
data-token
Bloc de code | ||||
---|---|---|---|---|
| ||||
<? $paylineToken = (is_empty($_GET['paylinetoken'])) ? initPayment() : $_GET['paylinetoken']; ?> |
Des attributs additionnels que vous pouvez utiliser dans la balise <div> permettent de personnaliser l'affichage du formulaire. Par exemple; si vous ne souhaitez pas que le formulaire de paiement s'affiche automatiquement lors de l'affichage de votre page :
Paramètre | Description | valeur |
---|---|---|
data-template | Le nom du template à utiliser pour l'initialisation du formulaire. |
|
data-auto-init | Définit si le formulaire doit s’initialiser dès que la page web a fini de se charger (auto-init à « true »), ou s’il doit attendre un demande d’initialisation (auto-init à « false ») |
|
data-embeddedredirectionallowed | Permet de présenter la page d’authentification 3DSecure en mode iframe (intégré dans la page de paiement) valeur true ou en mode redirection (redirection plein écran dans une nouvelle page) valeur false. Vérifier avec le support que la banque est bien dans la liste blanche pour l'autorisation en lightbox. |
|
Feuille de style
Pour obtenir la mise en forme du formulaire de paiement, vous devez intégrer la feuille de style CSS Payline en ajoutant la ligne suivante dans la balise <head> :
Bloc de code | ||||
---|---|---|---|---|
| ||||
<link href="https://homologation-payment.payline.com/styles/widget-min.css" rel="stylesheet" /> |
...