Zahlungsseite

Auf der Zahlungsseite bezahlt der Käufer die Bestellung: Er wählt die Zahlungsmethode, gibt die Zahlerdaten ein und erhält eine Bestätigung. Standardmäßig sieht die Seite wie der Invoicebox-Service aus, sie lässt sich aber an Ihre Marke anpassen — von den Farben bis zu eigenem Kopf- und Fußbereich. Die Einrichtung übernimmt Invoicebox auf Ihre Anfrage.

Wie der Käufer auf die Seite gelangt

Der Käufer öffnet die Zahlungsseite über einen Link:

aus dem Shop — nach Abschluss der Bestellung leitet die Website oder App des Shops den Käufer zur Zahlung weiter;
aus der E-Mail mit der Rechnung — der Link führt zur Seite der jeweiligen Bestellung;
aus dem persönlichen Bereich von Invoicebox — über eine Rechnung, die auf Zahlung wartet.

Nach der Zahlung kehrt der Käufer in den Shop zurück. Die Rückkehradressen für erfolgreiche und fehlgeschlagene Zahlungen übergeben Sie beim Anlegen der Bestellung.

Wo die Seite funktioniert

Es gibt eine Seite für alle Geräte: Desktop, Tablet und Smartphone erhalten dasselbe Layout, angepasst an die Bildschirmbreite. Neben dem Öffnen im Browser lässt sich die Seite auch einbetten:

in ein iframe — direkt auf Ihrer Website;
in eine WebView — innerhalb einer mobilen App.

Das Einbetten hat Einschränkungen:

Im iframe läuft die Seite auf ihrer eigenen Domain, daher muss der Browser des Käufers Drittanbieter-Cookies zulassen. Ohne sie funktionieren die Anmeldung im Profil und die gespeicherten Zahlerdaten nicht; die Zahlung selbst funktioniert auch ohne Anmeldung.
Die Kartendaten werden nicht auf der Zahlungsseite, sondern auf der Seite der Bank eingegeben: Im Moment der Zahlung erfolgt eine Weiterleitung zur Bankseite und zurück. Ihre Website oder App darf solche Weiterleitungen nicht blockieren.
Die Zahlung über SBP öffnet die Bank-App über einen externen Link. Die WebView muss solche Links nach außen durchlassen.

Hinweis

Planen Sie, die Seite in einem iframe oder einer WebView zu öffnen? Informieren Sie Ihren Invoicebox-Manager: Domains und Einbettungsszenarien stimmen Sie am besten im Voraus ab.

Was sich anpassen lässt

Logo — Ihr Logo im Kopfbereich der Seite anstelle des Invoicebox-Logos.
Farben — Fließtext, Buttons und deren Beschriftung, Links, Icons der Zahlungsmethoden, Hintergrund der Karten und der gesamten Seite, Statusfarben: Erfolg, Fehler, Warnung. Die Farbtöne für Hover und Klick werden automatisch berechnet.
Bilder — ein Cover unter dem Kopfbereich und ein Hintergrundbild für die gesamte Seite. Die Anforderungen an die Dateien finden Sie im Abschnitt unten.
Kopf- und Fußbereich — die Standardvorlage von Invoicebox, eine neutrale Variante ohne Logo oder eigene Komponenten im Stil Ihrer Website.
Ladeanimation — ein eigener Startbildschirm, während die Bestellung vorbereitet wird: zum Beispiel ein Flugzeug für Flugtickets oder ein Zug für Bahnservices. Mit einem solchen Startbildschirm ändert sich auch die Terminologie: aus „Bestellung“ wird auf der Seite „Buchung“.
Promo-Blöcke — Banner für ergänzende Invoicebox-Services auf den Bildschirmen nach der Zahlung lassen sich abschalten.
Zahlungsbutton — ein eigener Stil: eigene Farbe und Schriftgestaltung.

Tipp

Oft reichen ein Logo und zwei bis drei Markenfarben, damit die Zahlungsseite wie eine Fortsetzung Ihrer Website wirkt. Eigener Kopf- und Fußbereich kommen als zweiter Schritt hinzu.

Ohne Weiterleitung in den Shop nach einer Garantiezahlung

Bei einer Garantiezahlung sperrt das System den Bestellbetrag auf der Karte oder im Garantiefonds; die Rechnung wird später bezahlt. Standardmäßig bleibt der Käufer nach einer solchen Zahlung auf der Zahlungsseite: Er sieht, dass die Mittel gesperrt sind, die Zahlungsfrist der Rechnung und den Button „Zurückkehren“, der den Shop in einem neuen Tab öffnet. So bleibt die Rechnung bis zur Zahlung im Blick.

Auf Ihre Anfrage lässt sich die automatische Rückkehr aktivieren: Eine Privatperson gelangt sofort auf Ihre Website, eine Organisation — nach einem Fenster mit dem Hinweis, dass die Rechnung per E-Mail versendet wurde.

Anforderungen an die Bilder

Cover

Das Cover ist ein Streifen über die gesamte Fensterbreite mit einer Höhe von 154 Pixeln unter dem Kopfbereich der Seite. Bereiten Sie zwei Dateien vor:

für breite Bildschirme (breiter als 1400 Pixel) — das Bild wird zentriert;
für mittlere Bildschirme (bis 1400 Pixel) — das Bild wird am linken Rand ausgerichtet.

Regeln für die Vorbereitung:

Das Bild wird in Originalgröße ohne Skalierung ausgegeben, fehlende Breite wird durch Wiederholung aufgefüllt. Bereiten Sie das Bild mit genau 154 Pixeln Höhe und großzügiger Breite vor: etwa 2560 Pixel für die breite Version und 1400 für die mittlere. Auch ein nahtloses Muster, das auf Wiederholung ausgelegt ist, eignet sich.
Die oberen 80 Pixel des Covers werden vom Kopfbereich verdeckt: links das Logo, rechts der Sprachumschalter und der Button „Anmelden“. Platzieren Sie keine Akzentelemente am oberen Rand, besonders nicht in der rechten oberen Ecke: Dort landen sie unter den Elementen des Kopfbereichs.
Unten in der Mitte ragt die Bestellkarte 50 Pixel in das Cover hinein. Vollständig frei bleiben nur die Flächen links und rechts davon sowie ein schmaler Streifen in der Mitte.
Auf Smartphones (Bildschirme bis 767 Pixel) wird das Cover nicht angezeigt. Platzieren Sie darauf keine Informationen, ohne die der Käufer nicht zurechtkommt: Das mobile Publikum sieht sie nicht.
Halten Sie in der Version für mittlere Bildschirme die Akzente näher am linken Rand: Wird das Fenster schmaler, verschwindet der rechte Teil des Bildes hinter dem Bildschirmrand.

Seitenhintergrund

Das Hintergrundbild wird ohne Wiederholung über das gesamte Fenster gestreckt und zentriert. Ein Bild in hoher Auflösung reicht aus; prüfen Sie, dass die Formularkarten und der Text darauf lesbar bleiben.

Eigener Kopf- und Fußbereich

Kopf- und Fußbereich lassen sich im Stil Ihrer Website gestalten. Die Komponenten entwickelt Invoicebox auf Basis Ihrer Materialien; die Fristen stimmen Sie mit Ihrem Manager ab.

Was vorzubereiten ist:

das Logo im Vektorformat;
die Markenfarben und, falls vorhanden, Layouts für Kopf- und Fußbereich;
der Inhalt des Fußbereichs: Support-Telefonnummer, Links zu sozialen Netzwerken und mobilen Apps, die Adresse Ihrer Datenschutzerklärung.

Der Aufbau des Kopfbereichs ist bei allen Themes gleich: links Ihr Logo, rechts der Sprachumschalter und der Button zur Anmeldung im Profil. Umschalter und Anmeldung lassen sich nicht entfernen, der Käufer braucht sie bei jedem Theme. Eigenes hinzufügen können Sie: zum Beispiel Ihre Telefonnummer für die mobile Version.

Der Fußbereich ist weniger eingeschränkt: Sie legen ein eigenes Layout fest und füllen es mit Ihren Kontakten, App-Links und Dokumenten.

Wichtig

In jedem Fußbereich ist der Invoicebox-Block Pflicht: das Invoicebox-Logo, der Hinweis, dass die Zahlungen von der OOO „ORC“ als vom Lieferanten bevollmächtigter Stelle angenommen werden, sowie die Links „Angebot“ und „Support“. Ohne sie dürfen keine Zahlungen angenommen werden, daher bleiben sie immer im Layout.

Zusatzfelder für den Käufer

Dem Bestellformular für juristische Personen und Einzelunternehmer (ИП) lassen sich Felder hinzufügen, die es im Standardsatz nicht gibt. Die ausgefüllten Werte werden in der Bestellung gespeichert und stehen Ihnen zur Verfügung.

Ein Feld kann sein:

ein Textfeld — mit Längenbegrenzung;
ein Zahlenfeld;
eine Liste — der Käufer wählt aus vorgegebenen Werten; eine Liste kann auch gruppiert sein, mit Abschnitten darin.

Jedes Feld lässt sich als Pflichtfeld einrichten — ohne dieses wird die Bestellung nicht abgeschickt.

Zum Beispiel:

„Geschäftstyp“ — die Organisation wählt ihr Profil aus einer Liste, und Sie wissen sofort, mit wem Sie es zu tun haben;
Lieferadresse — hat die Organisation in Invoicebox gespeicherte Lieferadressen, wählt der Käufer die passende direkt auf der Zahlungsseite aus der Liste.

So aktivieren Sie die Einstellungen

Schreiben Sie Ihrem Invoicebox-Manager oder an den Support: c-support@invoicebox.ru, +7 (812) 448-08-01 (9:00–21:00 Uhr Moskauer Zeit). Beschreiben Sie, was Sie ändern möchten, und fügen Sie die Materialien bei: Logo, Farben, Bilder. Wenn Sie noch keine Zahlungen über Invoicebox annehmen, beginnen Sie mit dem Abschnitt „Anbindung und Zahlungsannahme“.