Pages de paiement à votre marque

Lorsque vous envoyez un lien de paiement à un invité, la page sur laquelle il arrive peut donner l'impression d'être une extension de votre propre marque plutôt qu'un écran de facturation générique. Le branding fonctionne de deux façons :

• La page de paiement hébergée -- votre logo et vos couleurs sont appliqués à la page qu'Argonautas sert sur app.argonautas.pro/pay/....
• Votre propre site web -- si vous avez un site personnalisé, il peut récupérer les données de paiement via une API et afficher sa propre page, le paiement renvoyant ensuite à Argonautas.

Les deux modes utilisent le même lien de paiement ; le choix se fait par entreprise, pas par lien.

Étape 1 : Définissez vos couleurs et votre logo

Les couleurs et le logo sont récupérés dans Paramètres > Marque. Ils déterminent :

• La couleur des boutons et des accents sur la page de paiement hébergée.
• Le logo en en-tête sur la page de paiement et dans les e-mails de confirmation.
• Les couleurs utilisées dans le portail propriétaire et dans les communications du portail invité.

Mettez-les à jour une seule fois et le changement s'applique partout où votre marque apparaît.

Étape 2 : Ajoutez une feuille de style (Optionnel)

Si les couleurs de marque ne suffisent pas -- vous voulez des polices personnalisées, des ajustements de mise en page ou une identité visuelle plus poussée -- vous pouvez héberger un fichier CSS sur votre propre site et y faire pointer Argonautas.

1. Publiez une feuille de style sur votre propre domaine. Le chemin courant est https://votredomaine.com/payment-page.css.
2. Ouvrez Paramètres > Marque > Site Public.
3. Saisissez l'URL complète dans URL du CSS de la page de paiement. L'URL doit se trouver sur le même domaine que celui défini comme URL du site public -- cela empêche tout style accidentel ou malveillant inter-domaines.
4. Enregistrez.

Quand un invité ouvre un lien de paiement, Argonautas ajoute une classe branded sur le body de la page et inclut une balise <link> pointant vers votre CSS. Vous pouvez cibler body.branded dans votre feuille de style pour cadrer proprement vos surcharges :

body.branded {
  font-family: "Votre Police", sans-serif;
}
body.branded .pay-button {
  background: #votrecouleur;
}

Si l'URL est laissée vide, aucune feuille supplémentaire n'est chargée et la page utilise uniquement les couleurs de marque et le logo.

Étape 3 (Avancé) : Affichez le paiement sur votre propre site

Pour les acteurs disposant d'un site marketing ou d'adhésion complet, le même lien de paiement peut être servi depuis votre propre URL. Argonautas expose une API JSON sur /api/v1/payments/link/<token>/ :

• Un GET renvoie le résumé de la réservation, le montant dû, la devise et l'état actuel du paiement (prêt, réussi, échoué, expiré).
• Un POST lance le paiement pour ce lien avec l'URL de retour que vous spécifiez.

Votre site récupère les données, affiche une page de paiement avec votre propre design et POSTe le paiement quand l'invité est prêt. Du point de vue de l'invité, il ne quitte jamais votre domaine. La page hébergée sur app.argonautas.pro reste disponible en repli si vous souhaitez y envoyer le même lien directement.

L'API JSON applique une liste blanche d'URL de retour basée sur votre URL du site public pour empêcher tout détournement de redirection. Coordonnez cela avec vos développeurs ; notre équipe d'intégration peut fournir un exemple de code.

Questions Fréquentes

D'où vient le logo de la page de paiement ? Du logo téléchargé dans Paramètres > Marque > Logo. Il n'y a pas de logo séparé pour les pages de paiement.

Puis-je avoir différentes feuilles de style pour différentes pages ? L'URL du CSS est par entreprise. Pour styliser d'autres pages différemment, cadrez vos règles avec des sélecteurs de classe qui ne s'appliquent qu'à la page de paiement (body.branded n'est ajouté que sur la page de paiement).

Mon URL CSS est rejetée. Pourquoi ? L'URL doit avoir le même hôte que votre URL du site public. Mettez à jour l'une ou l'autre pour qu'elles correspondent.

Que se passe-t-il si mon hébergeur de CSS tombe ? La page de paiement se charge quand même avec les couleurs et le logo intacts -- la feuille de style est traitée comme une amélioration progressive. Le paiement n'est jamais bloqué par la feuille de style.

Faut-il l'API JSON pour personnaliser la page de paiement ? Non. La page hébergée couvre la plupart des besoins. L'API JSON n'est nécessaire que si vous souhaitez que le paiement apparaisse sur votre propre domaine.

Liens connexes

• Utilisateurs et Permissions -- Qui dans votre équipe peut modifier les paramètres de marque.
• Configuration du portail propriétaire -- Autres endroits où votre marque apparaît.