Pagina di pagamento

Sulla pagina di pagamento l'acquirente paga l'ordine: sceglie il metodo di pagamento, inserisce i dati del pagatore e riceve la conferma. Per impostazione predefinita la pagina ha l'aspetto del servizio Invoicebox, ma può essere vestita con il suo brand — dai colori fino a intestazione e piè di pagina propri. La configurazione viene eseguita da Invoicebox su sua richiesta.

Come l'acquirente arriva alla pagina

L'acquirente raggiunge la pagina di pagamento tramite un link:

• dal negozio — completato l'ordine, il sito o l'app del negozio reindirizza l'acquirente al pagamento;
• dall'e-mail con la fatturaFattura Documento per la contabilizzazione dell'IVA: conferma l'importo dell'imposta compreso nel pagamento. Per saperne di più — IVA e atti. → — il link porta alla pagina dell'ordine specifico;
• dall'area personale Invoicebox — tramite una fattura in attesa di pagamento.

Dopo il pagamento l'acquirente torna al negozio. Gli indirizzi di ritorno per il pagamento riuscito e non riuscito li trasmette lei alla creazione dell'ordine.

Dove funziona la pagina

La pagina è la stessa su tutti i dispositivi: desktop, tablet e smartphone ricevono la stessa impaginazione, adattata alla larghezza dello schermo. Oltre all'apertura nel browser, la pagina può essere incorporata:

• in un iframe — direttamente sul suo sito;
• in una WebView — all'interno di un'app mobile.

L'incorporamento ha alcune limitazioni:

• Nell'iframe la pagina vive sul proprio dominio, quindi il browser dell'acquirente deve consentire i cookie di terze parti. Senza di essi non funzionano l'accesso al profilo e i dati del pagatore salvati; il pagamento in sé funziona anche senza accesso.
• I dati della carta non si inseriscono sulla pagina di pagamento ma sul lato della banca: al momento del pagamento avviene il passaggio alla pagina della banca e ritorno. Il suo sito o la sua app non devono bloccare questi passaggi.
• Il pagamento tramite SBPSBP Sistema dei pagamenti veloci della Banca di Russia: trasferimenti e pagamenti tramite codice QR in pochi secondi. Per le organizzazioni e gli imprenditori individuali è disponibile la modalità SBP B2B. Per saperne di più → apre l'app della banca con un link esterno. La WebView deve lasciar passare questi link verso l'esterno.

Cosa si può personalizzare

• Logo — il suo logo nell'intestazione della pagina al posto del logo Invoicebox.
• Colori — testo principale, pulsanti e relativo testo, link, icone dei metodi di pagamento, sfondo delle schede e dell'intera pagina, colori degli stati: successo, errore, avviso. Le tonalità per passaggio del mouse e clic vengono calcolate automaticamente.
• Immagini — la copertina sotto l'intestazione e l'immagine di sfondo dell'intera pagina. I requisiti dei file sono nella sezione più sotto.
• Intestazione e piè di pagina — modello standard Invoicebox, variante neutra senza logo oppure componenti propri nello stile del suo sito.
• Animazione di caricamento — una schermata di attesa personalizzata mentre l'ordine viene preparato: per esempio un aereo per i biglietti aerei o un treno per i servizi ferroviari. Insieme alla schermata cambia anche la terminologia: l'«Ordine» sulla pagina diventa una «Prenotazione».
• Blocchi promozionali — i banner dei servizi accessori di Invoicebox sulle schermate successive al pagamento possono essere disattivati.
• Pulsante di pagamento — uno stile a parte: colore e stile del testo personalizzati.

Senza ritorno al negozio dopo il pagamento garantito

Con il pagamento garantito il sistema blocca l'importo dell'ordine sulla carta o nel fondo di garanzia; la fattura viene pagata in seguito. Per impostazione predefinita, dopo un pagamento di questo tipo l'acquirente resta sulla pagina di pagamento: vede che i fondi sono bloccati, la scadenza di pagamento della fattura e il pulsante «Torna indietro», che apre il negozio in una nuova scheda. Così la fattura resta sotto gli occhi fino al pagamento.

Su sua richiesta si può attivare il ritorno automatico: la persona fisica arriva subito sul suo sito, l'organizzazione — dopo una finestra che ricorda che la fattura è stata inviata via e-mail.

Requisiti delle immagini

Copertina

La copertina occupa una fascia a tutta larghezza della finestra, alta 154 pixel, sotto l'intestazione della pagina. Prepari due file:

• per gli schermi larghi (oltre 1400 pixel) — l'immagine viene centrata;
• per gli schermi medi (fino a 1400 pixel) — l'immagine viene allineata al bordo sinistro.

Regole di preparazione:

• L'immagine viene mostrata a dimensione reale, senza ridimensionamento, e la larghezza mancante viene riempita con la ripetizione. Prepari un'immagine alta esattamente 154 pixel e larga con margine: circa 2560 pixel per la versione larga e 1400 per quella media. Va bene anche un motivo senza giunture, pensato per la ripetizione.
• I primi 80 pixel in alto della copertina sono coperti dall'intestazione: a sinistra il logo, a destra il selettore della lingua e il pulsante «Accedi». Non collochi elementi in evidenza vicino al bordo superiore, soprattutto nell'angolo in alto a destra: finirebbero sotto gli elementi dell'intestazione.
• In basso al centro la scheda dell'ordine si sovrappone alla copertina per 50 pixel. Restano completamente liberi solo gli spazi alla sua sinistra e alla sua destra e una stretta fascia al centro.
• Sugli smartphone (schermi fino a 767 pixel) la copertina non viene mostrata. Non vi collochi informazioni indispensabili all'acquirente: il pubblico mobile non le vedrà.
• Nella versione per schermi medi tenga gli elementi in evidenza vicino al bordo sinistro: quando la finestra si restringe, la parte destra dell'immagine esce dallo schermo.

Sfondo della pagina

L'immagine di sfondo si estende su tutta la finestra senza ripetizioni e viene centrata. Basta una sola immagine ad alta risoluzione; verifichi che le schede del modulo e il testo restino leggibili sopra di essa.

Intestazione e piè di pagina propri

Intestazione e piè di pagina possono essere realizzati nello stile del suo sito. I componenti vengono sviluppati da Invoicebox sulla base dei suoi materiali; concordi i tempi con il responsabile.

Cosa preparare:

• il logo in formato vettoriale;
• i colori del suo brand e, se disponibili, i layout di intestazione e piè di pagina;
• il contenuto del piè di pagina: telefono dell'assistenza, link ai social e alle app mobili, indirizzo della sua informativa sulla privacy.

La struttura dell'intestazione è la stessa per tutti i temi: a sinistra il suo logo, a destra il selettore della lingua e il pulsante di accesso al profilo. Il selettore e l'accesso non si possono togliere: servono all'acquirente con qualsiasi tema. Aggiungere elementi propri è possibile: per esempio il suo numero di telefono per la versione mobile.

Il piè di pagina ha meno vincoli: definisce lei il layout e lo riempie con i suoi contatti, i link alle app e i suoi documenti.

Campi aggiuntivi per l'acquirente

Al modulo d'ordine per le persone giuridiche e gli imprenditori individuali (ИП) si possono aggiungere campi assenti dal set standard. I valori compilati vengono salvati nell'ordine e restano a sua disposizione.

Un campo può essere:

• di testo — con un limite di lunghezza;
• numerico;
• un elenco — l'acquirente sceglie tra valori predefiniti; l'elenco può anche essere raggruppato, con sezioni interne.

Qualsiasi campo può essere reso obbligatorio — senza di esso l'ordine non viene inviato.

Per esempio:

• «Tipo di attività» — l'organizzazione sceglie il proprio profilo dall'elenco e lei sa subito con chi lavora;
• indirizzo di consegna — se l'organizzazione ha indirizzi di consegna salvati in Invoicebox, l'acquirente sceglie quello giusto dall'elenco direttamente sulla pagina di pagamento.

Come attivare le impostazioni

Scriva al suo responsabile Invoicebox o all'assistenza: c-support@invoicebox.ru, +7 (812) 448-08-01 (dalle 9:00 alle 21:00, ora di Mosca). Descriva cosa vuole modificare e alleghi i materiali: logo, colori, immagini. Se non accetta ancora pagamenti tramite Invoicebox, inizi dalla sezione «Connessione e accettazione dei pagamenti».