Documentation Monext Online

Arborescence des pages

Contenu


Création d'une Page Web Avancée

Ce choix de personnalisation permet d’héberger un template sur Monext Online.

Le template 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.
Contactez le support Payline.


Pour créer une page web hébergé standard, suivre les étapes :

  1. Dans le menu, cliquer sur l'option Configuration → Personnalisation des pages de paiement ;
  2. Cliquer sur le bouton " + " pour créer une nouvelle page de paiement ;
  3. Une pop up qui s'affiche pour vous proposer le type de page :



Un formulaire Personnalisation avancée est affichée, où vous pouvez renseigner vos informations :




Une fois que vous avez enregistré le nom, vous disposez du bloc permettant de charger votre fichier html personnalisé.




Personnalisation de la page 

Pour créer une personnalisation, vous devez développer une page template HTML contenant le div PaylineForm et la charger dans cet écran de configuration.


Champ Explication 
NomIndiquez un nom significatif à la présentation que vous souhaitez faire.
Indiquez un nom significatif de la page de paiement. Nous conseillons fortement de mettre une date et/ou un numéro de version.
IdentifiantIl est attribué automatiquement par le système et doit être renseigné dans le site e-commerce du commerçant sinon un style par défaut est affecté.
ÉtatCe bouton radio, pré-coché est à activer lors de la création du template.
Point de vente

Choisissez le point de vente du commerçant.

La valeur "Modèle commun" permet de créer une personnalisation par défaut pour tous les points de vente.

Personnalisation

Vous pouvez ajouter un fichier permettant de personnaliser votre page de paiement. Veillez à respecter le format.

Template html

  • Un fichier index.html est mis à disposition à titre d'exemple.
  • (avertissement) le fichier html sera toujours renommé index.html , peu importe le nom du fichier que vous avez chargé.


CSS

  • Vous pouvez également charger un fichier CSS à votre personnalisation, il vous permet de gérer les styles de la page.

<link rel="stylesheet" type="text/css" href="#Template.css#" />

  • (info) La définition de la classe cardBrandSquare dans votre fichier CSS (cf exemple ci-dessous) est nécessaire au bon fonctionnement du "choix de la marque" imposé par la directive DSP2


Image

  • Une image pouvant ê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#

<img src="#monImage.JPG#" /><br/>

  • Taille maximum : 500 koType : 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.


Une fois l'écran sauvegardé, vous pouvez le visualiser :

  1. Sélectionner le détail de la personnalisation ;
  2. Sélectionner l'action prévisualiser dans le menu action en haut à droite ;
  3. Une nouvelle fenêtre s'affiche avec un exemple de personnalisation.



Récapitulatif pour la modification d'une page web de paiement

  1. Cliquez sur l'une des pages web personnalisées pour accéder le formulaire de page web ;
  2. Vous pouvez charger une personnalisation avec un fichier ou "Prévisualiser" la page de paiement ;
  3. Apportez les modifications souhaitées ;
  4. Cliquez sur Sauvegarder.

Note : On ne peut pas modifier certains champs : référence, type et  point de vente. 



Pages associées