Page de paiement

Sur la page de paiement, l'acheteur règle sa commande : il choisit le mode de paiement, renseigne les données du payeur et reçoit la confirmation. Par défaut, la page a l'apparence du service Invoicebox, mais elle peut être habillée à votre marque — des couleurs jusqu'à un en-tête et un pied de page qui vous sont propres. La configuration est réalisée par Invoicebox à votre demande.

Comment l'acheteur arrive sur la page

L'acheteur accède à la page de paiement par un lien :

• depuis la boutique — une fois la commande passée, le site ou l'application de la boutique redirige l'acheteur vers le paiement ;
• depuis l'e-mail contenant la facture — le lien mène à la page de la commande concernée ;
• depuis l'espace personnel Invoicebox — via une facture en attente de paiement.

Après le paiement, l'acheteur revient dans la boutique. Vous transmettez les adresses de retour pour les paiements réussis et échoués lors de la création de la commande.

Où fonctionne la page

La page est la même sur tous les appareils : ordinateur, tablette et smartphone reçoivent la même mise en page, ajustée à la largeur de l'écran. En plus de l'ouverture dans un navigateur, la page peut être intégrée :

• dans un iframe — directement sur votre site ;
• dans une WebView — au sein d'une application mobile.

L'intégration comporte des limites :

• Dans un iframe, la page vit sur son propre domaine : le navigateur de l'acheteur doit donc autoriser les cookies tiers. Sans eux, la connexion au profil et les données de payeur enregistrées ne fonctionneront pas ; le paiement lui-même fonctionne aussi sans connexion.
• Les données de carte ne se saisissent pas sur la page de paiement, mais côté banque : au moment du paiement, l'acheteur est redirigé vers la page de la banque puis revient. Votre site ou votre application ne doit pas bloquer ces redirections.
• Le paiement via SBPSBP Système de paiements rapides de la Banque de Russie : virements et paiement par QR-code en quelques secondes. Pour les organisations et les entrepreneurs individuels (ИП), la variante SBP B2B est disponible. Plus de déta → ouvre l'application bancaire par un lien externe. La WebView doit laisser passer ces liens vers l'extérieur.

Ce qui peut être personnalisé

• Le logo — votre logo dans l'en-tête de la page, à la place du logo Invoicebox.
• Les couleurs — texte principal, boutons et leur texte, liens, icônes des modes de paiement, fond des cartes et de la page entière, couleurs des états : succès, erreur, avertissement. Les nuances de survol et de clic sont calculées automatiquement.
• Les images — la couverture sous l'en-tête et l'image de fond de toute la page. Les exigences relatives aux fichiers figurent dans la rubrique ci-dessous.
• L'en-tête et le pied de page — modèle standard Invoicebox, variante neutre sans logo ou composants propres au style de votre site.
• L'animation de chargement — un écran d'attente personnalisé pendant la préparation de la commande : par exemple un avion pour les billets d'avion ou un train pour les services ferroviaires. Cet écran s'accompagne d'un changement de terminologie : la « Commande » devient une « Réservation » sur la page.
• Les blocs promotionnels — les bannières des services associés d'Invoicebox sur les écrans post-paiement peuvent être désactivées.
• Le bouton de paiement — un style à part : couleur et graisse du texte personnalisées.

Sans retour vers la boutique après un paiement garanti

Lors d'un paiement garanti, le système bloque le montant de la commande sur la carte ou dans le fonds de garantie, et la facture est réglée plus tard. Par défaut, après un tel paiement, l'acheteur reste sur la page de paiement : il voit que les fonds sont bloqués, le délai de paiement de la facture et le bouton « Revenir », qui ouvre la boutique dans un nouvel onglet. La facture reste ainsi sous ses yeux jusqu'au paiement.

À votre demande, le retour automatique peut être activé : le particulier arrive aussitôt sur votre site, l'organisation — après une fenêtre rappelant que la facture a été envoyée par e-mail.

Exigences relatives aux images

Couverture

La couverture occupe un bandeau sur toute la largeur de la fenêtre, haut de 154 pixels, sous l'en-tête de la page. Préparez deux fichiers :

• pour les écrans larges (plus de 1400 pixels) — l'image est centrée ;
• pour les écrans moyens (jusqu'à 1400 pixels) — l'image est calée sur le bord gauche.

Règles de préparation :

• L'image s'affiche à sa taille réelle, sans redimensionnement, et la largeur manquante est complétée par répétition. Préparez une image de 154 pixels de haut exactement et large avec de la marge : environ 2560 pixels pour la version large et 1400 pour la moyenne. Un motif sans raccord, conçu pour la répétition, convient aussi.
• Les 80 pixels supérieurs de la couverture sont recouverts par l'en-tête : logo à gauche, sélecteur de langue et bouton « Se connecter » à droite. Ne placez pas d'éléments importants près du bord supérieur, surtout dans le coin supérieur droit : ils s'y retrouveraient sous les éléments de l'en-tête.
• En bas au centre, la carte de la commande empiète de 50 pixels sur la couverture. Seuls restent entièrement libres les espaces à sa gauche et à sa droite et une étroite bande au centre.
• Sur smartphone (écrans jusqu'à 767 pixels), la couverture n'est pas affichée. N'y placez pas d'information indispensable à l'acheteur : l'audience mobile ne la verra pas.
• Dans la version pour écrans moyens, gardez les éléments importants près du bord gauche : quand la fenêtre se rétrécit, la partie droite de l'image sort de l'écran.

Fond de page

L'image de fond s'étire sur toute la fenêtre sans répétition et est centrée. Une seule image en haute résolution convient ; vérifiez que les cartes du formulaire et le texte restent lisibles par-dessus.

En-tête et pied de page sur mesure

L'en-tête et le pied de page peuvent être réalisés dans le style de votre site. Les composants sont développés par Invoicebox à partir de vos supports ; convenez des délais avec votre responsable.

Ce qu'il faut préparer :

• le logo au format vectoriel ;
• les couleurs de votre marque et, le cas échéant, les maquettes de l'en-tête et du pied de page ;
• le contenu du pied de page : téléphone de l'assistance, liens vers les réseaux sociaux et les applications mobiles, adresse de votre politique de confidentialité.

La structure de l'en-tête est la même pour tous les thèmes : votre logo à gauche, le sélecteur de langue et le bouton de connexion au profil à droite. Impossible de retirer le sélecteur et la connexion : l'acheteur en a besoin quel que soit le thème. Des ajouts sont possibles — par exemple votre numéro de téléphone pour la version mobile.

Le pied de page est moins contraint : vous définissez votre propre maquette et la remplissez avec vos contacts, vos liens vers les applications et vos documents.

Champs supplémentaires pour l'acheteur

Au formulaire de commande destiné aux personnes morales et aux entrepreneurs individuels (ИП), on peut ajouter des champs absents du jeu standard. Les valeurs saisies sont enregistrées dans la commande et vous restent accessibles.

Un champ peut être :

• textuel — avec une limite de longueur ;
• numérique ;
• une liste — l'acheteur choisit parmi des valeurs prédéfinies ; la liste peut aussi être groupée, avec des sections internes.

Tout champ peut être rendu obligatoire — sans lui, la commande ne partira pas.

Par exemple :

• « Type d'activité » — l'organisation choisit son profil dans la liste, et vous savez aussitôt avec qui vous travaillez ;
• adresse de livraison — si l'organisation a des adresses de livraison enregistrées dans Invoicebox, l'acheteur choisit la bonne dans la liste directement sur la page de paiement.

Comment activer les réglages

Écrivez à votre responsable Invoicebox ou à l'assistance : c-support@invoicebox.ru, +7 (812) 448-08-01 (de 9h00 à 21h00 heure de Moscou). Décrivez ce que vous souhaitez modifier et joignez les supports : logo, couleurs, images. Si vous n'acceptez pas encore les paiements via Invoicebox, commencez par la rubrique « Connexion et acceptation des paiements ».