REST API Gehostete Formulare

Optimieren Sie den Checkout-Prozess, indem Sie die Auswahl der Zahlungsmethoden direkt in Ihre Webseite integrieren und sichere, gehostete Formulare nutzen.

Hauptvorteile:

• Gestalten Sie Ihre eigene UI/UX für die Auswahl der Zahlungsmethode
• Sensible Kundendaten verbleiben vollständig im Computop-System, was Ihre PCI-DSS-Compliance-Verantwortlichkeiten und die damit verbundenen Kosten deutlich reduziert
• Automatische Validierung und Fehlermanagement
• Passen Sie Layout, Farben und Branding-Elemente an das Erscheinungsbild Ihrer Webseite für Kreditkarten und Lastschrift an

Zahlungsfluss

Formulare werden von Computop bereitgestellt

Verfügbare Zahlungsmethoden: Kartenzahlung und SEPA-Lastschrift

1. Der Kunde geht in Ihrem Onlineshop zur Kasse.
2. Ihr Frontend fordert die Zahlungsseite beim Backend an.

3. Ihr Backend führt einen Aufruf Zahlung anlegen mit paymentMethods.integrationType=HOSTED an das Computop Paygate aus.

4. Computop Paygate antwortet mit dem HTTP-Antwortcode 202 und einer Weiterleitungs-URL zu Ihrem Backend.
5. Ihr Backend orchestriert den Browser so, dass die Benutzeroberfläche zur Weiterleitungs-URL weitergeleitet wird.
6. Der Kunde wird zu einem vom Computop Paygate gehosteten Zahlungsformular weitergeleitet.
7. Der Kunde gibt die Daten ein und schließt die Zahlung ab.
8. Nach Abschluss wird der Kunde zur Rücksprung-URL weitergeleitet, die Sie beim Aufruf „Zahlung anlegen“ (urls.return) mit der payId in den Abfrageparametern angegeben haben. Computop Paygate sendet je nach Händlerkonfiguration eine Zahlungs-Webhook-Benachrichtigung an Ihr Backend.
9. Der Browser ruft die von Ihrem Backend gehostete Rücksprung-URL ab.
10. Das Backend führt einen Aufruf „Zahlungsdetails abrufen“ mit der payId durch, um den Antwortcode der Zahlung abzurufen.
11. Das Computop Paygate antwortet mit dem Antwortcode der Zahlung und weiteren Parametern.
12. Ihr Backend gibt basierend auf dem Antwortcode der Zahlung eine Erfolgs- oder Fehlerseite zurück.

Formulare werden von APM (Anbieter alternativer Zahlungsmethoden) bereitgestellt

1. Der Kunde wählt eine Zahlungsmethode aus und fährt mit der Kaufabwicklung in Ihrem Online-Shop fort.
2. Ihr Frontend fordert die Zahlungsseite beim Backend an.

3. Ihr Backend führt einen Aufruf Zahlung anlegen mit paymentMethods.integrationType=HOSTED an das Computop Paygate aus.

4. Computop Paygate stellt eine Zahlungsanfrage an den APM-Anbieter
5. Der APM-Anbieter antwortet mit einer Weiterleitungs-URL
6. Computop Paygate antwortet mit dem HTTP 202-Antwortcode und einer Weiterleitungs-URL zu Ihrem Backend.
7. Ihr Backend orchestriert den Browser so, dass die Benutzeroberfläche zur Weiterleitungs-URL weitergeleitet wird.
8. Der Kunde wird zu dem vom APM-Anbieter gehosteten Zahlungsformular weitergeleitet.
9. Der Kunde gibt die Daten ein und schließt die Zahlung ab.
10. Der APM-Anbieter leitet den Kunden zur Callback-URL des Computop Paygate weiter, die in Schritt 4 übermittelt wurde.
11. Der Browser fordert die Callback-URL zum Computop Paygate an. Computop Paygate sendet je nach Händlerkonfiguration eine Zahlungs-Webhook-Benachrichtigung an Ihr Backend.
12. Computop Paygate kommuniziert mit dem APM-Anbieter, um den Antwortcode der Zahlung zu bestätigen.
13. Nach Abschluss wird der Kunde zur Rücksprung-URL umgeleitet, die Sie während des Aufrufs „Zahlung anlegen“ (urls.return) mit payId in den Abfrageparametern übermittelt haben.
14. Der Browser ruft die von Ihrem Backend gehostete Rücksprung-URL ab.
15. Das Backend führt einen Aufruf „Zahlungsdetails abrufen“ mit der payId durch, um den Antwortcode der Zahlung abzurufen.
16. Das Computop Paygate antwortet mit dem Antwortcode der Zahlung und weiteren Parametern
17. Ihr Backend gibt basierend auf dem Antwortcode der Zahlung eine Erfolgs- oder Fehlerseite zurück.

Unterstützte Zahlungsmethoden

Eine Liste der unterstützten Zahlungsmethoden für gehostete Formulare finden Sie in der Übersicht der Zahlungsmethoden.