...
Ce document a pour but de définir les différentes options de personnalisation des applications Payline en marque blanche
Il décrit les possibilités et les limites de la personnalisation aussi bien par le paramétrage en ligne des interfaces que par la création d'images et de styles.
...
Ce document est destiné aux distributeurs de la solution Payline qui souhaitent appliquer leur charte graphique aux interfaces Payline.
...
Ce document est décomposé en 4 principaux chapitres
- Un chapitre visant à définir les différents concepts et notion de mise en marque blanche.
- Un chapitre montrant comment configurer simplement en ligne certains éléments de marque blanche.
- Un chapitre décrivant la création de feuille de styles personnalisés et leurs applications aux interfaces Payline
- Un chapitre décrivant la procédure de mise en place d'image personnalisé
...
Ce document complète le manuel utilisateur du centre d'administration Payline, le guide de personnalisation avancée des pages web de paiement et le guide de personnalisation du TPEV disponible sur simple demande auprès du service d'assistance technique Payline.
...
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 d'Experian est illicite.
Monext®, marque communautaire et internationale.
Payline®, marque nationale et internationale propriété exclusive de Monext SAS et/ou des sociétés du groupe.
...
Vous avez besoin d'aide, de conseil ou vous souhaitez simplement nous poser une question. Contactez l'Assistance Payline par :
- Email : assistance.payline@monext.fr
- Téléphone : +33 4 42 25 15 43
- Courrier: Rue Claude Nicolas Ledoux
...
Le tableau ci-dessous liste les dernières modifications effectuées sur ce document.
Date | Version | Modifications |
---|---|---|
18/12/2008 | 1.0 | Livraison version initiale |
|
|
|
|
|
|
|
|
|
...
Payline propose à ses distributeurs de mettre en marque blanche les différentes interfaces à destination des utilisateurs finaux (commerçants ou acheteurs). Ces interfaces sont :
- Le centre d'administration
- Les pages web de paiement
- Le terminal de paiement virtuel
...
- Création d'URL spécifique d'accès aux applications (voir Création des URLs spécifiques ).
- Modification des logos (voir section Personnalisation des applications par le centre d'administration)
- Mise en place de feuilles de style (CSS) personnalisées (voir Personnalisation des CSS du centre d'administration et Personnalisation des CSS des pages web de paiement et Personnalisation des CSS du TPEV)
- Utilisation d'image personnalisée (voir Procédure de personnalisation des images des applications)
- Configuration des emails envoyés (voir Personnalisation du centre d'administration et Personnalisation des pages web de paiement)
...
- Centre d'administration Payline
- Pages web de paiement
- TPEV
Les web services Payline n'étant pas visible par les utilisateurs finaux, n'est pas personnalisable.
Environnement | Nom de l'application | Adresse IP du service | Exemple d'URLS |
Production | Centre d'administration | 194.5.120.176 | admin.payline.com |
| Pages web de paiement | 194.5.120.178 | webpayment.payline.com |
| TPEV | 194.5.120.203 | tpv.payline.com |
Homologation | Centre d'administration | 194.5.120.177 | homologation-admin.payline.com |
| Pages web de paiement | 194.5.120.179 | homologation-webpayment.payline.com |
| TPEV | 194.5.120.204 | homologation-tpv.payline.com |
...
- Délégation de création de certificats (Annexe 1)
- URLs de chaque application
| La délégation de création des certificats est fournie en Annexe 1 et doit être retourné par Fax au 04 42 25 14 12 ou numérisée et envoyée signée par email a assistance@payline.com. |
...
Toutes les modifications des chartes se font par rapport aux URLs fournies pour accéder aux services. Ces URLs sont donc obligatoires et doivent être définie en premier lieu.
| La résolution DNS des URLs doit être mise en place par le distributeur de la solution Payline. |
...
ID Distributeur |
Nom du distributeur |
Nom de la solution de paiement |
Logo marketing de la solution |
...
Centre d'administration |
Pages web de paiement |
Terminal virtuel de paiement |
Interface directe |
...
URL |
Titre |
Mention légale |
Feuille de style |
Icône du site web |
Logo du produit |
Logo du distributeur |
Logo du partenaire |
Valider |
Annuler |
...
URL |
Titre |
Mention légale |
Feuille de style PC |
Feuille de style PDA |
Icône du site web |
Logo du produit |
Logo du distributeur |
Logo du partenaire |
...
Langue
Cette liste déroulante permet de choisir une langue d'envoi des emails. La langue qui apparaît avec une étoile est la langue par défaut (si la langue de l'acheteur n'existe pas sur Payline, alors il recevra un email dans cette langue).
Les langues qui apparaissent en rouge sont les langues qui n'ont pas encore été personnalisées.
Un changement de choix dans cette liste provoque une mise à jour des valeurs saisie ainsi que le rechargement de la page avec les valeurs pour la langue sélectionnée.
...
Langue par défaut
Cette case à cocher permet de choisir la langue par défaut.
...
De
Il s'agit de l'adresse mail émettrice de courriel. Le format de ce champ est de la forme suivante : nom@domaine.com ou pour mettre un alias « Paiement Payline <nom@domaine.fr> »
...
Cc
Cette zone permet l'envoie en copie cachée des emails à une (ou plusieurs) adresse données. Le format de ce champ est de la forme suivante : nom@domaine.com ou pour mettre un alias « Paiement Payline <nom@domaine.fr> ». Si la zone contient plusieurs adresses elles doivent être séparées par un point virgule
...
Inclure de ticket de caisse
Cette case à cocher définie si le ticket de caisse au format PDF doit être inclus en pièce jointe du mail envoyé a l'acheteur
...
Icône du site web
Il s'agit de l'icône qui s'affiche dans la barre de titre ou d'adresse du navigateur. Sa taille est de 32*32 pixels et son format doit être .ico
...
Logo
Il s'agit du logo du inséré dans la pièce jointe en PDF ainsi que dans le mail. Sa taille est de 100*30 pixels et son format doit être jpeg, gif, png ou bmp.
...
Sujet
Il s'agit du sujet de l'email. Il peut être paramétré de la même manière que le contenu du message.
...
Message
Il s'agit du corps du message. Il est possible de mettre du texte html et d'insérer des valeurs de manières dynamiques. Les variable disponibles sont présenté dans le tableau à droite et doivent être insérée entre « # » dans le texte.
...
Variable
...
Description
...
#buyer.firstname#
...
Le prénom du client
...
#buyer.lastname#
...
Le nom du client
...
#logoImage#
...
Le logo de votre société rendu dans une balise image
...
#order.reference#
...
La référence de la commande
...
#ticket.formattedAmount#
...
Le montant payé formaté avec la devise choisi
...
#pos.label#
...
Libellé du point de vente
...
Valider
Ce bouton permet de sauvegarder les modifications et de retourner sur le page de gestion du distributeur.
...
Annuler
Ce bouton permet d'annuler les modifications et de retourner sur le page de gestion du distributeur.
...
URL |
Titre |
Mention légale |
Feuille de style PC |
Feuille de style PDA |
Icône du site web |
Logo du produit |
Logo du distributeur |
Logo du partenaire |
Valider |
Annuler |
...
Cette section montre comment créer des offres commerciales pour les commerçants. Ces offres sont configurables et peuvent être proposées pour une durée définie aux commerçants.
Les écrans de gestion des offres commerciales sont accessible via le menu « Configuration Gestion des offres commerciales »
...
La solution de paiement propose 4 interfaces de paiement et un grand nombre d'option. L'accès à ces interfaces et options est défini par l'assistance Payline en fonction du contrat signé avec Monext.
Interfaces |
Centre d'administration |
Pages web de paiement |
Terminal de paiement virtuel |
WebService |
...
Nom de l'offre |
Offre en cours de vente |
Offre nom vendue actuellement |
Rechercher l'offre d'un commerçant |
Rechercher |
Créer une nouvelle offre |
...
ID de l'offre |
Nom de l'offre |
Coût d'activation |
Coût mensuel |
Nombre de commerçant |
Date de début |
Date de fin |
Détails |
Copier |
...
Cet écran permet la modification ou la création d'offre commerciale. Il permet la saisie des informations générales de l'offre ainsi que le choix des options à inclure dans l'offre.
Cet écran se décompose en deux partie, une pour la saisie des informations sur' l'offre :
Nom commercial de l'offre |
Devise de facturation |
Coût d'activation de l'offre |
Coût mensuel de l'offre |
Durée minimum d'engagement |
Coût fixe par transaction |
Pourcentage par transaction |
Nombre de transaction comprise dans l'offre |
Proposer l'offre à partir de … jusqu'au … |
Ne plus vendre cette offre |
...
Nom de l'option |
Comprise dans l'offre |
Supplément mensuel |
Coût fixe supplémentaire par transaction |
Pourcentage supplémentaire par transaction |
Enregistrer |
Annuler |
...
Ce paragraphe montre comment personnaliser de manière experte par CSS le centre d'administration.
La CSS complète du centre d'administration est disponible à l'adresse suivante :
https://homologation-admin.payline.com/PaylineAdministration/skins/default/all.css
...
Exemple CSS centre d'admin
...
#menu li a#menu li li a#menu li li a:hover#menu li.global a
#menu li.global a:hover
#menu
...
Exemple CSS centre d'admin
...
Exemple CSS centre d'admin
...
Exemple CSS centre d'admin
...
Exemple CSS centre d'admin |
ul#pagemessages li.success { |
...
Exemple CSS centre d'admin |
ul#pagemessages li.error { |
...
Cette section montre les principales balises CSS utilisées pour personnaliser les pages web de paiements.
Ces réglages sont le visuel par défaut des commerçants. Les commerçants peuvent aussi personnaliser les pages web via la personnalisation simple (voir le manuel utilisateur du centre d'administration) ou via les template de pages web dynamiques (voir le guide configuration avancée des pages web de paiement).
La CSS complète des pages web de paiement est disponible à l'adresse :
https://homologation-webpayment.payline.com/webpayment/skin/default/all.css
...
Exemple CSS des pages web de paiement
...
#PaylineForm h2
#PaylineForm #submitButton#PaylineForm h3#PaylineForm .pane
...
Exemple CSS des pages web de paiement
...
#walletCard div.label#walletCard div.content#walletCard
...
Exemple CSS des pages web de paiement
...
#card div.content a #card input[type=text]#card div.label#card div.labelLogo tlabel#card div.content
#PaylineForm #cancelButton
...
Exemple CSS des pages web de paiement
...
Exemple CSS des pages web de paiement
...
Exemple CSS des pages web de paiement
...
Cette section vise montre les styles principaux pour personnaliser les pages du TPEV.
La CSS complète des pages web de paiement est disponible à l'adresse :
https://homologation-tpv.payline.com/tpev/themes/basic/all.css
...
Exemple CSS du TPEV
...
Exemple CSS du TPEV
...
#defaultSubmit
...
Exemple CSS du TPEV
...
Exemple CSS du TPEV
...
...