2 Personnalisation des pages web
Contents
1. float right orderInfos width 500px background color dddddd margin left auto margin right auto margin bottom 15px shippingAddress width 500px background color dddddd margin left auto margin right auto margin bottom 15px privateData width 500px background color dddddd margin left auto margin right auto margin bottom 15px PaylineForm width 500px height 200px border 5px double red margin left auto margin right auto Page 11 15 Ce document est la propri t exclusive de MONEXT Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit est illicite Payline Con u pour vendre title border 1px solid background color bbbbbb text align center display inline block width 100 font family Lucida Console font size 26px color 006600 label text align right width 150px font family Verdana font style italic font size 14px display inline block value font family Verdana font size 14px font weight bold R capitulatif pour personnaliser une page Web de paiement 1 T l charger les fichiers obligatoires Ils sont marqu s d une toile rouge Pr visualiser 2 Affichez le r sultat par le bouton afin de vous donner un aper u de votre nouvelle page Sauvegarder 3 Cliquez sur le bouton apportez les m2. TEMPLATE 0Cxf82YuxiM Template perso 1 Actif Nouvelle personnalisation Identifiant Il 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 Nom C est le nom de la page web de paiement D faut Indique que la page web est votre page par d faut Tout paiement se fera en utilisant ce style de personnalisation Etat Informe de l tat de la page web Ici la page web est active donc fonctionnelle R capitulatif pour la modification d une page web de paiement 1 Cliquez sur l un des identifiants des pages web personnalis es pour acc der le formulaire de page web 2 Apportez les modifications souhait es Sauvegarder 3 Cliquez sur NB L identifiant le nom le d faut et l tat de la page web sont des champs qui ont t renseign s lors de la cr ation des pages de paiement Page 13 15 Ce document est la propri t exclusive de MONEXT Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit est illicite Payline Con u pour vendre 3 Utilisation de la personnalisation Une fois que vous avez param tr un template sur le centre d administration vous pouvez l utiliser sur les pages web de paiement Pour pouvoir utiliser le template il faut Que celui ci soit actif param trer sur l
3. rence de votre commande PaylineFormattedAmount Montant de votre commande PaylineOrderDate Date de votre commande PaylineBuyerShippingAddress name Nom PaylineBuyerShippingAddress street1 Rue PaylineBuyerShippingAddress street2 Compl ment PaylineBuyerShippingAddress cityName Ville PaylineBuyerShippingAddress zipCode Code postal PaylineBuyerShippingAddress country Pays PaylineBuyerShippingAddress phone T l phone fixe PaylineBuyerMobilePhone T l phone mobile PaylineBuyerlp IP PaylinePrivateData productFamily Private Data 1 PaylinePrivateData data2 Private Data 2 Attention Nous pr conisons de ne pas utiliser de Javascript ou formulaire imbriqu dans ce fichier Il ne doit pas contenir de champs BASE FRAME ou FORM 2 1 3 Feuille de style Le template css vous permettra de configurer votre propre charte graphique Exemple du fichier template css body pointOfSale float left font family Verdana font style italic font size 14px display inline block background white url 1 bmp repeat x bottom Page 10 15 Ce document est la propri t exclusive de MONEXT Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit est illicite Payline Con u pour vendre text align center aboutPayline
4. Fe ille de SIVIe nsnersasnsmenmensenemrtenieemmiinninrmimmmentnunrese 10 2 2 LISTER MODIFIER LES STYLES DE PAGES sissenenseneenesenenensenseenennsnenseneenesensensenee 13 3 UTILISATION DE LA PERSONNALISATION sseseseseossoscssseoscososeseoecssosessssoscosessssosessosesesscssosessssoseosesee 14 Page 3 15 Ce document est la propri t exclusive de MONEXT Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit est illicite Payline Con u pour vendre 1 Introduction 1 1 Objet du document Vous avez choisi la solution Payline pour votre e commerce vous acc dez ainsi au Centre d administration Commer ant qui vous permet d effectuer des op rations sur vos transactions de suivre des dossiers de paiement et de g rer votre compte e commerce Payline Ce document d crit la fonctionnalit de personnalisation avanc e des pages web par l hebergement sur le serveur Payline des fichiers 1 2 Avertissement Ce document est la propri t exclusive de Monext Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit de Monext est illicite Monext marque communautaire et internationale propri t exclusive de Monext Ltd et ou des soci t s du groupe Payline marque nationale et internationale propri t exclusive de Monext et ou des so
5. Payline Con u pour vendre Manuel d utilisation de la personnalisation avanc e des pages web Version 1 B Payline Page 1 15 Ce document est la propri t exclusive de MONEXT Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit est illicite du mod le DocStd_50 Payline by MONEXT Con u pour vendre Page des volutions Le tableau ci dessous liste les derni res modifications effectu es sur ce document Date Version Modifications 14 08 12 1 A Livraison version initiale 30 10 12 1 B MAJ 4 31 Page 2 15 Ce document est la propri t exclusive de MONEXT Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit est illicite Payli Con u pour vendre Table des mati res LT INTRODUCTION A E E EE EEE 4 1 1 OBJET DU DOCUMENT rennes tinnerennin ent etes Rise 4 1 2 AVERTISSEMENT dmmaenlenn tanmnlennanndannaenntinniaan dnnranhanias 4 13 E oO E a E EEE E teens ienncranenpanenere tn nn niet tiennent 4 2 PERSONNALISATION DES PAGES WEB neeseosesessoscososeseoecscosessososcosesessoscososessoscssosessssoscosesessoscososessose 5 2 1 CREER UNE PERSONNALISATION DE PAGE WEB DE PAIEMENT nnneeee 6 2 1 1 Cr er un style de page web de paiement aVanc e nee 6 2 12 Letemplate MN euimmbananninaniunn tnt 9 2 1 3
6. atoires Donn es sur le template Nom Identifiant TEMPLATE_9v659Rfr225 Etat Actif Inactif T l chargement du template Fichier du template Parcourir ia haa Taille max 500 Ko Pi Format html Fichier CSS Parcourir dl Taille max 500 Ko P Format css T l chargement des images Image 1 Parcourir cal Len Taille max de l image 500 Ko Format jpeg gif png bmp ne Ajouter une autre image Sauvegarder Annuler Pr visualiser Nom Indiquez un nom significatif la pr sentation que vous souhaitez faire Identifiant Il 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 Page 7 15 Ce document est la propri t exclusive de MONEXT Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit est illicite by MONEXT Payline Con u pour vendre Etat Ce bouton radio pr coch est activer lors de la cr ation du template Fichier template Le fichier html template est obligatoire lors de la cr ation dition du template Taille maximum de 500ko Type himl Fichier CSS Il s agit du fichier CSS du template lt link rel stylesheet type text css href Template css gt Taille maximum 500 ko Type css Image Une image pouvan
7. ci t s du groupe 1 3 Contacts Vous avez besoin aide de conseil ou vous souhaitez simplement nous poser une question contactez le Support Payline par email support payline com Si vous d couvrez une erreur dans cette documentation vous pouvez nous envoyer un email en d crivant l erreur ou le probl me aussi pr cis ment que possible Merci de pr ciser la r f rence du document sa date indiqu e sur la premi re page du document et le s num ro s de page s Page 4 15 Ce document est la propri t exclusive de MONEXT Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit est illicite Payline Con u pour vendre Personnalisation des pages web Le centre d administration Payline vous offre la possibilit de personnaliser les 3 pages de paiement qui interviennent dans le processus de paiement en ligne de votre e commerce On parle de pages web de paiement il s agit de PAGES WEB DE PAIEMENT Page 3 CONFIRMATION Page 1 Page 2 CHOIX DU SAISIE DES MOYEN DE DONNEES DE PAIEMENT PAIEMENT CARTE la page affichant le choix du moyen de paiement e a page affichant la saisie des donn es carte e la page affichant la confirmation du paiement Le commer ant ou un utilisateur qu il aura d l gu peut d finir une ou plusieurs pr sentations de pages de paiement pour chaque site e Commerce Personnaliser
8. e centre d administration cf XX Que le commer ant renseigne le code du template lors de l appel au web service doWebPayment dans la balise customPaymentPageCode lt impl privateDatalise s 20p1 privateDataList gt Il peut tre utilis pour les webservices suivants doWebPayment createWebWallet updateWebWallet En cas d erreur dans le code de pages personnalis es renseign dans les pages web de paiement une erreur est lev e Le code r sultat retourn est 02309 le libell indique que le code est inactif Operation Refused CustomPaymentPageCode is inactive 02307 le libell indique que le code est invalide Invalid transaction Invalid custom page code Page 14 15 Ce document est la propri t exclusive de MONEXT Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit est illicite Payline Con u pour vendre by MONEXT Con u pour vendre Payline marque nationale et internationale propri t exclusive de Monext et ou des soci t s du groupe www payline com www monext fr Page 15 15 Ce document est la propri t exclusive de MONEXT Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit est illicite
9. ecure png width 300 height 150 gt lt div gt lt div id orderInfos gt lt span class title gt Votre commande lt span gt lt span class label gt R amp eacute f amp eacute renc lt span gt lt span class value gt PaylineOrderRef lt span gt lt br gt lt span class label gt Montant lt span gt lt span class value gt PaylineFormattedAmount lt span gt lt br gt lt span class label gt Date lt span gt lt span class value gt PaylineOrderDate lt span gt lt div gt lt div id shippingAddress gt lt span class title gt Vos coordonn amp eacute es lt span gt lt span class label gt Nom lt span gt lt span class value gt PaylineBuyerShippingAddress name lt span gt lt br gt lt span class label gt Rue lt span gt lt span class value gt PaylineBuyerShippingAddress streetl1 lt span gt lt br gt lt span class label gt Compl eacute ment lt span gt lt span class value gt PaylineBuyerShippingAddress street2 lt span gt lt br gt lt span class label gt Ville lt span gt lt span class value gt PaylineBuyerShippingAddress cityName lt span gt lt br gt lt span class label gt Code postal lt span gt lt span class value gt PaylineBuyerShippingAddress zipCode lt span gt lt br gt lt span class label gt Pays lt span gt lt span class value gt Pa
10. odifications souhait es si la pr visualisation vous a donn satisfaction sinon Annuler 3bis Un clic sur le bouton vous permet d abandonner les saisies que vous avez effectu es et vous permet de retourner l cran Personnaliser vos pages de paiement Page 12 15 Ce document est la propri t exclusive de MONEXT Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit est illicite Payline Con u pour vendre 2 2 Lister Modifier les styles de pages Si vous avez cr plusieurs styles de pages il vous est possible de les consulter par point de vente et ensuite de les modifier Pour r aliser cette tape allez dans le menu Configuration gt personnalisez vos pages de paiement S lectionner le point de vente pour lequel vous souhaitez consulter les styles de page Effectuez Sauvegarder les modifications souhait s et cliquez sur le bouton Le r sultat est rendu sous forme de tableau indiquant l identifiant le nom le d faut et l tat des pages web comme pr sent sur l cran suivant Personnaliser vos pages de paiements L identifiant de la personnalisation est transmettre lors d une demande de paiement web Point de vente Point fSell1 rl Liste des pages web personnalis es Total 2 page s personnalis e s Identifiant lt Type Nom D faut Etat bgEHHIMsMlwhaw w FEtBpr Personnalisation standard Page 1 Actif
11. revient cr er un style de page propre votre site e commerce puis affecter la pr sentation au point de vente Si vous avez plusieurs points de vente vous pouvez affecter chaque point de vente une pr sentation diff rente ou bien affecter sur plusieurs points de vente la m me pr sentation Pour acc der la personnalisation des pages web allez dans le menu Configuration Personnalisation des pages web oa i CENTRE D ADMINISTRATION PAYLINE guration Transactions de paiement Suivitechnique Paiement r current LCLF Votre compte i Gestion de l abonnement Vos points de vente Vos moyens de paiements Changer votre cl d acc s G rer vos utilisateurs EX Changer votre mot de passe utilisateur MONEXT Page 5 15 Ce document est la propri t exclusive de MONEXT Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit est illicite Payline Con u pour vendre 2 1 Cr er une personnalisation de page web de paiement Pour cr er une nouvelle personnalisation allez au menu Configuration gt Personnaliser vos pages de paiement vous parvenez l cran suivant Personnaliser vos pages de paiements L identifiant de la personnalisation est transmettre lors d une demande de paiement web Point de vente Choisir un point de vente Liste des pages web personnalis es Aucune page web personnalis e Nou
12. t tre utilis dans le template et ou le fichier CSS Vous pouvez en t l charger jusqu 10 en r p tant cette tape Dans le fichier template les commer ants indiqueront leurs images par la chaine monimage jpg lt img src monlmage JPG gt lt br gt Taille maximum 500 ko Type png jpg gif Si vous t l chargez une ou plusieurs images trop volumineuse ou n ayant pas le bon format et cliquez sur le bouton enregistr La page se recharge formulaire pr rempli avec le message Un ou plusieurs des l ments t l charg s n a pas le format ou la taille requise Le ou les champs incrimin s apparaissent en rouge Page 8 15 Ce document est la propri t exclusive de MONEXT Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit est illicite 2 1 2 Le template html Le fichier template html vous indique les noms des cl s Payline Con u pour vendre lt html gt lt head gt lt title gt Paiement commande PaylineOrderRef lt title gt lt link rel stylesheet type text css href Template css gt lt head gt lt body gt lt div id pointOfSale gt lt img src monImage JPG 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 aboutPayline gt lt img src s
13. velle personnalisation Point de vente C est le point de vente pour lequel vous allez personnaliser les pages de paiement S lectionnez le point de vente pour lequel vous d sirez personnaliser les pages de paiement et Nouvelle personnalisation cliquez sur Vous acc dez au formulaire vous permettant de choisir entre une personnalisation standard ou une personnalisation avanc e par template de la page et CSS Cr er une nouvelle personnalisation Choix de la personnalisation Personnalisation standard Personnalisation avanc e template de la page et CSS Suivant Annuler 2 1 1 Cr er un style de page web de paiement avanc e Ce choix de personnalisation permet d h berger un template sur Payline et non plus chez le commer ant Le template dynamique fichier HTML une feuille de style CSS et jusqu 10 images peuvent tre t l charg es sur Payline via le centre d administration La personnalisation avanc e est une option laquelle il faut souscrire Pour cela vous devez vous rapprocher du support Payline joignable au 04 42 25 15 43 ou par mail support payline com Page 6 15 Ce document est la propri t exclusive de MONEXT Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit est illicite Payline Con u pour vendre Cr ation d une nouvelle page web personnalis e par template Les champs marqu s d un sont oblig
14. ylineBuyerShippingAddress country lt span gt lt br gt lt span class label gt T amp eacute l eacute phone fix lt span gt lt span class value gt PaylineBuyerShippingAddress phone lt span gt lt br gt lt span class label gt T amp eacute l amp eacute phone mobile lt span gt lt span class value gt PaylineBuyerMobilePhone lt span gt lt br gt lt span class label gt IP lt span gt lt span class value gt PaylineBuyerlp lt span gt lt div gt lt div id privateData gt LinePrivateData productFamily lt span gt lt br gt lt span class title gt Private Data lt span gt lt span class label gt Data 1 lt span gt lt span class value gt Payl lt span class label gt Data 2 lt span gt lt span class value gt PaylinePrivateData data2 lt span gt lt br gt lt div gt lt div id PaylineForm gt lt div gt lt body gt lt html gt Page 9 15 Ce document est la propri t exclusive de MONEXT Toute reproduction int grale ou partielle toute utilisation par des tiers ou toute communication des tiers sans accord pr alable crit est illicite Payline Con u pour vendre Le div PaylineForm n est pas personnalisable le libell et les champs renseigner dans le step 2 sont fig s et envoy s par Payline Seule la charte la police couleur etc peut tre configur e El ments Description PaylineOrderRef R f
Download Pdf Manuals
Related Search