Payline personnalisation avancée des pages web Manuel utilisateur

Vous trouverez ci-dessous des informations sur la personnalisation des pages web. Il permet d'héberger un template sur Payline et de personnaliser les pages de paiement intégrées au processus de paiement en ligne de votre e-commerce. Le template dynamique(fichier HTML), une feuille de style CSS et jusqu’à 10 images peuvent être téléchargées sur Payline.

PDF

Document

2.1.2 Le template html
Le fichier template.html vous indique les noms des cl&eacute;s
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Paiement commande #PaylineOrderRef#&lt;/title&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;#Template.css#&quot; /&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id=&quot;pointOfSale&quot;&gt;
&lt;img src=&quot;#monImage.JPG#&quot; /&gt;&lt;br/&gt;
&lt;b&gt;Personnalisation Payline&lt;/b&gt;
&lt;br/&gt;Paiement en ligne&lt;br/&gt;
&lt;/div&gt;
&lt;div id=&quot;aboutPayline&quot;&gt;
&lt;img src=&quot;#secure.png#&quot; width=&quot;300&quot; height=&quot;150&quot; /&gt;
&lt;/div&gt;
&lt;div id=&quot;orderInfos&quot;&gt;
&lt;span class=&quot;title&quot;&gt;Votre commande&lt;/span&gt;
&lt;span class=&quot;label&quot;&gt;R&amp;eacute;f&amp;eacute;rence : &lt;/span&gt;
&lt;span class=&quot;value&quot;&gt;#PaylineOrderRef#&lt;/span&gt;&lt;br/&gt;
&lt;span class=&quot;label&quot;&gt;Montant : &lt;/span&gt;
&lt;span class=&quot;value&quot;&gt;#PaylineFormattedAmount#&lt;/span&gt;&lt;br/&gt;
&lt;span class=&quot;label&quot;&gt;Date : &lt;/span&gt;
&lt;span class=&quot;value&quot;&gt;#PaylineOrderDate#&lt;/span&gt;
&lt;/div&gt;
&lt;div id=&quot;shippingAddress&quot;&gt;
&lt;span class=&quot;title&quot;&gt;Vos coordonn&amp;eacute;es&lt;/span&gt;
&lt;span class=&quot;label&quot;&gt;Nom : &lt;/span&gt;
&lt;span class=&quot;value&quot;&gt;#PaylineBuyerShippingAddress.name#&lt;/span&gt;&lt;br/&gt;
&lt;span class=&quot;label&quot;&gt;Rue : &lt;/span&gt;
&lt;span class=&quot;value&quot;&gt;#PaylineBuyerShippingAddress.street1#&lt;/span&gt;&lt;br/&gt;
&lt;span class=&quot;label&quot;&gt;Compl&amp;eacute;ment : &lt;/span&gt;
&lt;span class=&quot;value&quot;&gt;#PaylineBuyerShippingAddress.street2#&lt;/span&gt;&lt;br/&gt;
&lt;span class=&quot;label&quot;&gt;Ville : &lt;/span&gt;
&lt;span class=&quot;value&quot;&gt;#PaylineBuyerShippingAddress.cityName#&lt;/span&gt;&lt;br/&gt;
&lt;span class=&quot;label&quot;&gt;Code postal : &lt;/span&gt;
&lt;span class=&quot;value&quot;&gt;#PaylineBuyerShippingAddress.zipCode#&lt;/span&gt;&lt;br/&gt;
&lt;span class=&quot;label&quot;&gt;Pays : &lt;/span&gt;
&lt;span class=&quot;value&quot;&gt;#PaylineBuyerShippingAddress.country#&lt;/span&gt;&lt;br/&gt;
&lt;span class=&quot;label&quot;&gt;T&amp;eacute;l&amp;eacute;phone fixe : &lt;/span&gt;
&lt;span class=&quot;value&quot;&gt;#PaylineBuyerShippingAddress.phone#&lt;/span&gt;&lt;br/&gt;
&lt;span class=&quot;label&quot;&gt;T&amp;eacute;l&amp;eacute;phone mobile : &lt;/span&gt;
&lt;span class=&quot;value&quot;&gt;#PaylineBuyerMobilePhone#&lt;/span&gt;&lt;br/&gt;
&lt;span class=&quot;label&quot;&gt;IP : &lt;/span&gt;
&lt;span class=&quot;value&quot;&gt;#PaylineBuyerIp#&lt;/span&gt;
&lt;/div&gt;
&lt;div id=&quot;privateData&quot;&gt;
&lt;span class=&quot;title&quot;&gt;Private Data&lt;/span&gt;
&lt;span class=&quot;label&quot;&gt;Data 1 : &lt;/span&gt;
&lt;span class=&quot;value&quot;&gt;#PaylinePrivateData[productFamily]#&lt;/span&gt;&lt;br/&gt;
&lt;span class=&quot;label&quot;&gt;Data 2 : &lt;/span&gt;
&lt;span class=&quot;value&quot;&gt;#PaylinePrivateData.data2#&lt;/span&gt;&lt;br/&gt;
&lt;/div&gt;
&lt;div id=&quot;PaylineForm&quot;&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
Page 9/15
Ce document est la propri&eacute;t&eacute; exclusive de MONEXT. Toute reproduction int&eacute;grale ou partielle, toute utilisation par des tiers, ou toute communication &agrave; des tiers, sans accord pr&eacute;alable &eacute;crit est illicite.
">

Bonjour ! Je suis un assistant IA qui a pris connaissance de ce manuel d'utilisation Payline. Je suis prêt à répondre à vos questions sur la personnalisation avancée des pages web de paiement, l'intégration des templates HTML et l'utilisation des feuilles de style CSS. N'hésitez pas à me poser vos questions.

Afficher les suggestions associées

Assistant en train d''écrire

L''assistant n''est plus disponible. Veuillez réessayer plus tard.

Fonctionnalités clés

Personnalisation des pages de paiement
Hébergement de templates HTML personnalisés
Utilisation de feuilles de style CSS
Possibilité d'intégrer jusqu'à 10 images
Choix de la présentation par point de vente
Personnalisation avancée par template
Intégration via appel au web service doWebPayment

Foire aux questions

Pour créer une nouvelle personnalisation, allez au menu Configuration > Personnaliser vos pages de paiement. Sélectionnez le point de vente pour lequel vous désirez personnaliser les pages de paiement et choisissez la personnalisation avancée.

L'identifiant est attribué automatiquement par le système et doit être renseigné dans le site e-commerce du commerçant auprès de Payline sinon un style par défaut est affecté.

Vous pouvez configurer votre propre charte graphique en modifiant le template.css. Il est important de ne pas utiliser de Javascript, ou formulaire imbriqué dans ce fichier et il ne doit pas contenir de champs BASE, FRAME ou FORM. Le div PaylineForm n'est pas personnalisable.

Comment créer une personnalisation avancée de page web de paiement ?

Où renseigner l'identifiant de la personnalisation de page web ?

Quels sont les éléments que je peux personnaliser dans le template HTML ?

Associés

OS COMMERCE osCommerce MS2 Mode d'emploi

Amaya Amaya Manuel utilisateur

MACROMEDIA Dreamweaver 8 Manuel utilisateur

MACROMEDIA Dreamweaver MX 2004 Manuel utilisateur

Adobe DREAMWEAVER CS5 Manuel utilisateur

Dreamweaver CS3 : Guide des API | AI Chat & PDF Access

Adobe Dreamweaver CS4 Manuel utilisateur

MACROMEDIA DREAMWEAVER MX 2004-EXTENSION DE DREAMWEAVER Manuel utilisateur

Schneider Electric PowerLogic™ série ION7400 Mode d'emploi

Schneider Electric PowerLogic™ série PM8000 Mode d'emploi

Rohde & Schwarz FSEA20/30 Analyseur de Spectre: AI Chat & PDF

Schneider Electric PowerLogic™ série ION7400 Mode d'emploi