Sie können iframes verwenden, um die Payment Pages im Layout Ihrer Website anzuzeigen.
Kompatibilität
Iframes wird in bestimmten Webbrowsern möglicherweise nicht korrekt wiedergegeben. (z. B. bestimmte mobile Webbrowser)
Wir bieten zusätzliches HTML/CSS-Markup für Fälle, in denen iframes in iOS-Browsern angezeigt wird (scrollen Sie nach unten, um mehr zu erfahren).
PayPal und Apple Pay unterstützen keine iframe Integrationen.
Bitte beachten Sie die unten verlinkten Sicherheitsupdates für die Browserkonfiguration, die möglicherweise zu Problemen für Kunden führen können, die Ihre Kasse nutzen, wenn sie auf iframe gehostet wird, insbesondere für Kunden mit iOS. Wir empfehlen, diesen Artikel von Microsoft zu lesen, um die korrekte Handhabung dieses Szenarios sicherzustellen.
Microsoft-Leitfaden für Updates der Sicherheitskonfiguration (Link zu externer Seite)
Konfigurieren Ihrer Website
Es ist unbedingt erforderlich, dass alle Webseiten auf Ihrer Website mit Secure Socket Layer (SSL) verschlüsselt sind, um die korrekte Funktion von iframes in allen Browsern zu gewährleisten.
Um die iframe in Ihre Website einzubinden, müssen Sie einen HTML-Code ähnlich dem folgenden Beispiel in den HTML-Code Ihrer Website einfügen:
<iframe src="<DOMAIN>/process/payments/choice?sitereference=test_site12345&mainamount=10.00¤cyiso3a=GBP&version=2&stprofile=default" width="100%" height="600" scrolling="auto" style="border:0px;"></iframe>
Ersetzen Sie <DOMAIN> mit einer unterstützten Domäne. Vollständige Domainliste anzeigen.
Iframe-optimiertes Layout
Sie können Ihre POST-Datei einfach auf Payment Pages aktualisieren, um die Adressfelder auf der Seite auszublenden. Wir bieten ein alternatives Standard-Layout an, das kompakter ist und sich leichter in eine iframe einfügen lässt.
Bei dieser Konfiguration wird davon ausgegangen, dass Sie den Kunden auf Ihrer eigenen Website zur Eingabe der erforderlichen Rechnungs- und Lieferadressen auffordern und diese in die POST to Payment Pages aufnehmen, oder dass diese Adressdaten nicht erforderlich sind (z. B. bei einem Kauf durch einen wiederkehrenden Kunden). Erfahren Sie mehr über die Änderung des Layouts.
Sie können das Aussehen und das Layout von Payment Pages innerhalb von iframe weiter anpassen, indem Sie das HTML/CSS-Markup ändern.
Umgang mit iframes auf iOS-Geräten
Um Kompatibilitätsprobleme bei der Darstellung von Payment Pages in iframes auf iOS-Geräten zu vermeiden, fügen Sie Folgendes in Ihr HTML-Markup ein:
stdefaultprofile=st_iframe_cardonly
Und das folgende CSS:
overflow:hidden;
min-width:100%
