Anleitung

Folgen Sie der Anleitung in diesem Tutorial, um eine Webanwendung in die Google Pay API einzubinden und sie so zu konfigurieren, dass Zahlungskarten akzeptiert werden.

• Schritt 1: Google Pay API-Version definieren
• Schritt 2: Zahlungstokenisierungsmethode auswählen
• Schritt 3: Unterstützte Zahlungskartennetzwerke definieren
• Schritt 4: Zulässige Zahlungsmethoden beschreiben
• Schritt 5: Google Pay API-JavaScript-Bibliothek laden
• Schritt 6: Mit der Google Pay API prüfen, ob die Zahlung mit Google Pay möglich ist
• Schritt 7: Google Pay-Zahlungsbutton hinzufügen
• Schritt 8: PaymentDataRequest-Objekt erstellen
• Schritt 9: Event-Handler für Nutzeraktionen registrieren
• Schritt 10 (optional): „Zahlungen autorisieren“ einrichten
• Schritt 11 (optional für Versand aktiviert): Dynamische Preisupdates einrichten
• Schritt 12 (optional für Gutscheincodes): Gutscheincodes einrichten

• Zusammenfassung

  Hinweis: Sehen Sie sich unsere Google Pay-Live-Demo an.

Schritt 1: Google Pay API-Version definieren

Geben Sie die Version der Google Pay API an, die auf Ihrer Website verwendet wird. Die Haupt- und Nebenversionen sind in den Feldern jedes übergebenen Objekts erforderlich und in der Antwort enthalten.

Das folgende Codebeispiel zeigt deklarierte API-Versionen:

const baseRequest = {
  apiVersion: 2,
  apiVersionMinor: 0
};

Schritt 2: Zahlungs-Token für Ihren Zahlungsanbieter anfordern

Google verschlüsselt Informationen zur ausgewählten Karte eines Zahlers für die sichere Verarbeitung durch einen Zahlungsanbieter.

const tokenizationSpecification = {
  type: 'PAYMENT_GATEWAY',
  parameters: {
    'gateway': 'example',
    'gatewayMerchantId': 'exampleGatewayMerchantId'
  }
};

Ersetzen Sie example und exampleGatewayMerchantId durch die entsprechenden Werte für Ihren Zahlungsanbieter. In der folgenden Tabelle finden Sie die spezifischen gateway- und gatewayMerchantId-Werte für Ihren Zahlungsanbieter:

Gateway	Parameter und Dokumente
9Pay	"gateway": "ninepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
ABA PayWay	"gateway": "ababank" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
accept.blue	"gateway": "acceptblue" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
ACI	"gateway": "aciworldwide" "gatewayMerchantId": "YOUR_ENTITY_ID" Entwicklerdokumentation
ACpay	"gateway": "acpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Acquired.com	"gateway": "acquired" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Adyen	"gateway": "adyen" "gatewayMerchantId": "YOUR_MERCHANT_ACCOUNT_NAME" Entwicklerdokumentation
AI Fintech	"gateway": "aifintech" "gatewayMerchantId": "YOUR_MERCHANT_ACCOUNT_NAME" Entwicklerdokumentation
Airba Pay	"gateway": "airbapay"" "gatewayMerchantId": "YOUR_MERCHANT_ACCOUNT_NAME" Entwicklerdokumentation
Airvend	"gateway": "airvend" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Airwallex	"gateway": "airwallex" "gatewayMerchantId": "YOUR_MERCHANT_ACCOUNT_NAME" Entwicklerdokumentation
Akurateco	"gateway": "akuratecolab" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Alfa-Bank	"gateway": "alfabank" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Algoritma	"gateway": "algoritma" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Allinpay	"gateway": "allinpayintl" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
AllPayments	"gateway": "allpayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
alticepay	"gateway": "alticepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
AMO FINTECH LLC	"gateway": "amofintech" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Amwal Pay	"gateway": "amwalalraqamia" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation verfügbar
Anedot	"gateway": "anedot" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
ApcoPay	"gateway": "apcopay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
APPEX	"gateway": "epos" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
AsiaBill	"gateway": "asiabill" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation verfügbar
Assist	"gateway": "assist" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Belarus unterstützen	"gateway": "belassist" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Assist Kazakhstan	"gateway": "assistkz" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Aurus	"gateway": "auruspay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Authorize.net	"gateway": "authorizenet" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Axerve	"gateway": "gestpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
azericardgpay	"gateway": "azericardgpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
B2B Soft Pay	"gateway": "b2bsoftpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Bank 131	"gateway": "bank131" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
BANK RBK	"gateway": "bankrbkkzpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Bank Vostok	"gateway": "bankvostok" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Barclaycard	"gateway": "barclayssmartpayadvance" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Barion	"gateway": "barion" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Basistheorie	"gateway": "basistheory" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
BCC.KZ	"gateway": "bccpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
bePaid	"gateway": "ecomcharge" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Bereke Bank	"gateway": "berekepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Abrechnungssysteme	"gateway": "billingsystems" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Bindo Labs Limited	"gateway": "bindo" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
bisys.kz	"gateway": "bisysgpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Bizzon	"gateway": "bizzon" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Blocks	"gateway": "blocks" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Bluefin	"gateway": "bluefin" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Bluefin Europe	"gateway": "bluefineurope" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Blue Media	"gateway": "bluemedia" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
BlueSnap	"gateway": "bluesnap" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
BORICA	"gateway": "borica" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
BPC	"gateway": "bpcpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
BR-DGE	"gateway": "comcarde" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Braintree	"gateway": "braintree" "braintree:apiVersion": "v1" "braintree:sdkVersion": "braintree.client.VERSION" "braintree:merchantId": "YOUR_BRAINTREE_MERCHANT_ID" "braintree:clientKey": "YOUR_BRAINTREE_TOKENIZATION_KEY" Entwicklerdokumentation
Braspag	"gateway": "cielo" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
BridgerPay	"gateway": "bridgerpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
BT Pay	"gateway": "btpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Buckaroo	"gateway": "buckaroo" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Buya	"gateway": "buya" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
CardCom	"gateway": "cardcom" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
CardConnect	"gateway": "cardconnect" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Cardknox	"gateway": "cardknox" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
cardlink	"gateway": "cardlink" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Cardstream	"gateway": "crst" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Cashflows	"gateway": "cashflowsgateway" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Cathay United Bank	"gateway": "cathaybk" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
CCAVenue UAE	"gateway": "ccavenueuae" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
CCV; gleichzeitige Zuschauer (if more context necessary)	"gateway": "ccv" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Cecabank	"gateway": "cecabank" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Celerispay	"gateway": "celerispay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
CentralPay	"gateway": "centralpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Chargehive	"gateway": "chargehive" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
CharityEngine	"gateway": "charityengine" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Chase Merchant Services	"gateway": "chase" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Checkout.com	"gateway": "checkoutltd" "gatewayMerchantId": "YOUR_PUBLIC_KEY" Entwicklerdokumentation
CityPay	"gateway": "citypay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Cloud9 Payment Gateway (C9PG)	"gateway": "c9pg" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
CloudPayments	"gateway": "cloudpayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
CloudWalk	"gateway": "cloudwalk" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Coinflow	"gateway": "coinflow" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Computop	"gateway": "computop" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
ConcordPay	"gateway": "concordpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Connectum	"gateway": "connectum" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
ConnexPay	"gateway": "connexpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
CoralPay	"gateway": "coralpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Corefy	"gateway": "paycoreio" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Corvus Pay	"gateway": "corvuspay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Credorax	"gateway": "credorax" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
CrossPay	"gateway": "crosspay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Cross Switch	"gateway": "crossswitch" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
CSG Forte	"gateway": "csgforte" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
CTBC Bank	"gateway": "ctbcbank" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
CURO Payments	"gateway": "curopayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
CYBERBIZ	"gateway": "cyberbizpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Cybersource	"gateway": "cybersource" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
danube.pay	"gateway": "danubepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Datacap Systems, Inc.	"gateway": "datatrans" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Datatrans	"gateway": "datatrans" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
DECTA	"gateway": "decta" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation
Dejavoo	"gateway": "denovosystempay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
DEUNA	"gateway": "deuna" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Deutsche Bank AG	"gateway": "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation
Deutsche Bank – Merchant Solutions	"gateway": "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
DG Financial Technology, Inc.	"gateway": "veritrans" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Digital Finance	"gateway": "digitalfinance" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Dintero	"gateway": "dintero" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
dLocal	"gateway": "dlocal" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
DNA Payments	"gateway": "dnapayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Dojo	"gateway": "dojo" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Dotpay	"gateway": "dotpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
e-SiTef – Software Express	"gateway": "softwareexpress" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
easycard	"gateway": "easycard" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
EasyPay	"gateway": "easypay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Easypay EU	"gateway": "easypaypt" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
EBANX	"gateway": "ebanx" "gatewayMerchantId": "YOUR_PUBLIC_INTEGRATION_KEY" Entwicklerdokumentation
eCard	"gateway": "ecard" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
ECOMMPAY	"gateway": "ecommpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Ecopaynet	"gateway": "ecopaynet" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
ECPay	"gateway": "ecpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation verfügbar
eftcorporation	"gateway": "eftcorporation" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
eGHL	"gateway": "eghl" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Elavon (Converge)	"gateway": "convergepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Emerchantpay	"gateway": "emerchantpay" "gatewayMerchantID": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
emspay	"gateway": "emsonline" "gatewayMerchantID": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Codiert	"gateway": "encoded" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
epay	"gateway": "epay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
EPAYJSC	"gateway": "epayjsc" "gatewayMerchantID": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
EpicPay	"gateway": "epicpay" "gatewayMerchantID": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Espago	"gateway": "espago" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Etisalat	"gateway": "etisalatpaymentgateway" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation verfügbar
EveryPay S.A.	"gateway": "EveryPay S.A." "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Evervault	"gateway": "evervault" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
EVONET	"gateway": "cardinfolink" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
EVOPAY	"gateway": "EVOPAY" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Evo Payment Gateway	"gateway": "evopaymentgateway" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation verfügbar
exactly.com	"gateway": "exactly" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Exact Payments	"gateway": "exactpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Fat Zebra	"gateway": "fatzebra" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Fenige	"gateway": "fenige" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Fexco payUnite	"gateway": "fexco" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Fibonatix	"gateway": "fibonatixparagon" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Finanzzeile	"gateway": "finline" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Finanso UA	"gateway": "finansoua" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
fincode byGMO	"gateway": "fincode" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
FINEXUS	"gateway": "finexus" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Finix	"gateway": "finix" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
First American by Deluxe	"gateway": "firstpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Fiuu (früher Razer Merchant Services und MOLPay)	"gateway": "molpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
FIS Biller Solutions	"gateway": "fisglobalbsp" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Fiserv	"gateway": "fiserv" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Fiserv	"gateway": "fiservipg" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Flitt	"gateway": "flitt" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Fluid Pay	"gateway": "fluidpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
FM Finance LTD	"gateway": "fmfinanceltd" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
ForteBank	"gateway": "fortebank" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Fraktal	"gateway": "fractal" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Freedom Finance Bank	"gateway": "axayscom" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
FreedomPay	"gateway": "freedompay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
FreedomPay.Money	"gateway": "payboxmoney" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Freepay	"gateway": "freepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Frontstream	"gateway": "frontstreampayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Fung Payments	"gateway": "fungpayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
GBPayments	"gateway": "gbpayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
geidea	"gateway": "geidea" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
GETTRX	"gateway": "globalelectronictechnology" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Global One Pay	"gateway": "globalonepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation verfügbar
Global Payments	"gateway": "globalpayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
globalpaymentsinc	"gateway": "globalpaymentsinc" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
GMO Payment Gateway	"gateway": "gmopg" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
GoDaddy Payments	"gateway": "godaddypayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Good Idea Technologies	"gateway": "git" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
GoPay	"gateway": "gopay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
GP Webpay	"gateway": "gpwebpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation verfügbar
Gravity Payments	"gateway": "gravitypayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Gr4vy	"gateway": "gr4vy" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Halyk Bank	"gateway": "halykbank" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Helcim	"gateway": "helcim" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
HIPS	"gateway": "hips" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
HITRUST	"gateway": "hitrustpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
hutko	"gateway": "hutko" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Hyp	"gateway": "hyp" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
icard	"gateway": "icardwallet" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
iCount	"gateway": "iCount" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
IDid Tecnologia Ltda	"gateway": "idid" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
iKhokha	"gateway": "ikhokha" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
IMOJE	"gateway": "imoje" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Impaya	"gateway": "impayarus" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Inovio Payments	"gateway": "inoviopay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
InPlat	"gateway": "inplat" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
InstaMed	"gateway": "instamed" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
IntaSend Solutions Limited	"gateway": "intasend" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
IntellectMoney	"gateway": "intellectmoney" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Interaktive Transaktionslösungen	"gateway": "interactivets" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Interswitch Payment Gallery	"gateway": "interswitch" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Intervalle	"gateway": "intervale" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
ioka fintech	"gateway": "ioka" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
iPay88	"gateway": "ipay88" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
IPSI	"gateway": "ipsi" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
iQmetrix	"gateway": "iqmetrixpaymentservicesgateway" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
IXOPAY	"gateway": "ixopay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
JetPay	"gateway": "jetpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
JudoPay	"gateway": "judopay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation verfügbar
KapitalBank	"gateway": "eCommerceKapitalBank" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Kassa	"gateway": "kassacom" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
kassa24pay	"gateway": "kassa24pay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Kineox	"gateway": "kineox" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Klix by Citadele	"gateway": "klix" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Koin	"gateway": "koin" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
KPay Group	"gateway": "kpaygroup" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Lapsa Payments	"gateway": "lapsapayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
LHV Pank	"gateway": "lhvpank" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Liberty	"gateway": "liberty" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Life Pay	"gateway": "lifepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Limepay	"gateway": "limepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Linkly	"gateway": "linkly" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
LiqPay	"gateway": "liqpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
LITIQON OÜ	"gateway": "nuvex" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Littlepay	"gateway": "littlepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
LogPay	"gateway": "logpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Loyale	"gateway": "loyale" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
lynck	"gateway": "lynck" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Kassiopeia	"gateway": "lyra" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Magnetiq Bank	"gateway": "magnetiq" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
maib	"gateway": "maibecomm" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
MakeCommerce (Maksekeskus)	"gateway": "maksekeskus" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Maksu GMBH	"gateway": "maksupayeu" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Mandarin	"gateway": "mandarin" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Market Pay	"gateway": "marketpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Mastercard Payment Gateway Services	"gateway": "mpgs" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
MerchantE	"gateway": "merchante" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Midtrans	"gateway": "midtrans" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Merchant Warrior	"gateway": "merchantwarrior" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Minsait Payments Systems	"gateway": "minsaitpaymentsgateway" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
MITEC	"gateway": "mitecmx" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
MIXPLAT	"gateway": "mixplat" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
MOBI.Money	"gateway": "mobimoney" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Modulbank	"gateway": "modulbank" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Mollie	"gateway": "mollie" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Mondido	"gateway": "mondido" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Monei	"gateway": "monei" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
monek	"gateway": "monek" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Moneris	"gateway": "moneris" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Moneta	"gateway": "moneta" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation verfügbar
Monext	"gateway": "monext" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
MoneyHash	"gateway": "moneyhash" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Money.Mail.Ru	"gateway": "moneymailru" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
monripayments	"gateway": "monripayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Moov	"gateway": "moov" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
MPay	"gateway": "managepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
mstartipg	"gateway": "mstartipg" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Multicarta	"gateway": "mulitcarta" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
MultiSafepay	"gateway": "multisafepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Mundipagg	"gateway": "mundipagg" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
MyCheck	"gateway": "mycheck" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
MyChoice2Pay	"gateway": "mychoice2pay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
MyFatoorah	"gateway": "myfatoorah" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
MyPay	"gateway": "mypay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation verfügbar
myPOS	"gateway": "mypos" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
N&TS Group	"gateway": "netsgroup" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
NCCC	"gateway": "nccc" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Neolink	"gateway": "neolinkprocessing" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Neon Pay	"gateway": "neonpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Netopia	"gateway": "netopia" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Netvalve	"gateway": "netvalve" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Network International	"gateway": "networkintl" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Newebpay (früher STPath, Pay2Go)	"gateway": "newebpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Newtech	"gateway": "newtechmobile" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Nexi	"gateway": "nexi" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Nexi Easy	"gateway": "easy" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
NMI	"gateway": "gatewayservices" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
noon-Zahlungen	"gateway": "noonpayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Noqoody Pay	"gateway": "noqoodypay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Novalnet	"gateway": "novalnet" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Nexi Relay	"gateway": "nexirelay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
NTT DATA	"gateway": "nttdatahk" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Nuvei	"gateway": "nuvei" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Oceanpayment	"gateway": "oceanpayment" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Omise	"gateway": "omise" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Omno	"gateway": "omno" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
One Inc	"gateway": "oneinc" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Onelya	"gateway": "onelya" "gatewayMerchantId": "YOUR_GATWAY_MERCHANT_ID" Entwicklerdokumentation
Onerway	"gateway": "ronghan" "gatewayMerchantId": "YOUR_GATWAY_MERCHANT_ID" Entwicklerdokumentation
OneVision Limited	"gateway": "onevision" "gatewayMerchantId": "YOUR_GATWAY_MERCHANT_ID" Entwicklerdokumentation
OnPay	"gateway": "onpayio" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Opayo by Elavon	"gateway": "opayoelavon" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
OrkestaPay	"gateway": "orkestapay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Oschadbank	"gateway": "oschadbank" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
pagarme	"gateway": "pagarme" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PagBank	"gateway": "pagbank" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PagBrasil	"gateway": "pagbrasil" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PagSeguro	"gateway": "pagsegurointernational" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PAY2M	"gateway": "pay2m" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Payarc	"gateway": "payarc" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Pay.com	"gateway": "paycom" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PAYCOMET	"gateway": "paycomet" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Paycross Ltd	"gateway": "paycross" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Paydock	"gateway": "paydock" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayEase	"gateway": "payeasenet" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayEngine	"gateway": "payengine" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayerMax	"gateway": "payermax" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayFabric	"gateway": "payfabric" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayFacto	"gateway": "payfacto" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayFast	"gateway": "gopayfastuat" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
paygent	"gateway": "paygent" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Payhub	"gateway": "payhub" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayKKa	"gateway": "paykkaeu" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayLane	"gateway": "paylane" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Payler	"gateway": "payler" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayLink®	"gateway": "paylink" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Nutzlast	"gateway": "payload" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Paymark	"gateway": "paymark" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayMaster	"gateway": "paymaster" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Zahlungszusammenführung	"gateway": "paymentfusion" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Paymentvision	"gateway": "paymentvision" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Paymentwall	"gateway": "paymentwall" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Paymo	"gateway": "paymo" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Paymob	"gateway": "gpaymob" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayMongo	"gateway": "paymongo" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Paymtech	"gateway": "paymtech" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayNearMe	"gateway": "paynearme" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Payneteasy	"gateway": "payneteasy" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Pay.nl	"gateway": "paynl" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Paynopain	"gateway": "paynopain" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayOne	"gateway": "payone" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayOnline	"gateway": "payonline" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Payoo	"gateway": "payoo" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Theorie zur Vergütung	"gateway": "paytheory" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayPlus	"gateway": "payplus" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayPro Pvt Ltd	"gateway": "paypro" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation verfügbar
Payrails	"gateway": "payrails" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Payrexx	"gateway": "payrexx" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayRiff	"gateway": "payriff" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Payrix	"gateway": "payrix" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Paysafe	"gateway": "paysafe" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Payscout	"gateway": "payscout" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Paysend Business	"gateway": "paysend" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Paysoft	"gateway": "paysoft" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Pay360	"gateway": "pay360" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Paytech	"gateway": "paytechsolutions" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayTech Ukraine	"gateway": "paytech" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Payten Payment Gateway	"gateway": "paytentr" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Paythru	"gateway": "paythru" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Payture	"gateway": "payture" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayU	"gateway": "payu" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayU LATAM	"gateway": "payulatam" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PAYUNi	"gateway": "payuni" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayU Romania	"gateway": "payuro" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PayU Russland	"gateway": "payuru" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Payway	"gateway": "payway" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Paywiser	"gateway": "paywiser" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Payzone Ireland	"gateway": "payzoneireland" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PBT Gateway Services Ltd	"gateway": "pbtgateway" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Pelecard	"gateway": "pelecard" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Pensopay	"gateway": "pensopay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Pikassa	"gateway": "pikassa" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PingPong	"gateway": "pingpongx" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Zahlungen mit PIN	"gateway": "pinpayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Planet	"gateway": "cccpayment" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PlanetPay	"gateway": "itcardpaymentservice" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Plategka.com	"gateway": "plategkacom" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Platon	"gateway": "platon" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Pomelo	"gateway": "pomelopay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Portmone	"gateway": "portmonecom" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Preczn	"gateway": "preczn" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PrimePay	"gateway": "primepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Primer	"gateway": "primer" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Procard	"gateway": "procard" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
ProcessOut	"gateway": "processout" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Przelewy24	"gateway": "przelewy24" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PSCB	"gateway": "pscbru" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PSiGate Inc.	"gateway": "psigate" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
PXP Financial	"gateway": "pxpfinancial" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Qenta Payment CEE	"gateway": "qenta" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
QIWI	"gateway": "qiwi" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Qualpay	"gateway": "qualpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
QuickPay	"gateway": "quickpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Qvalent	"gateway": "qvalent" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Radial	"gateway": "radial" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Raiffeisen Processing Centre	"gateway": "raiffeisenprocessingcentre" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Rapyd	"gateway": "rapyd" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
RBK.money	"gateway": "rbkmoney" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Rebail Capital	"gateway": "rebailcapital" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Rebilly	"gateway": "Rebilly" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Recurly	"gateway": "recurly" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Reddot	"gateway": "reddotpayment" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Rede	"gateway": "rede" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Redsys	"gateway": "redsys" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Reepay	"gateway": "reepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
RocketGate	"gateway": "rocketgate" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Rootline	"gateway": "rootline" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Russian Standard Bank	"gateway": "rsb" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Ryft	"gateway": "ryft" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Safepay	"gateway": "safepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Saferpay	"gateway": "worldlinesaferpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Safexpay	"gateway": "safexpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Sberbank	"gateway": "sberbank" "gatewayMerchantId": "YOUR_ORGANIZATION_NAME" Entwicklerdokumentation
SEB Baltic	"gateway": "sebbaltic" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
SEBES Technology	"gateway": "sebes" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
SecurePay	"gateway": "securepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Sense Bank	"gateway": "sensebank" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
SensePass	"gateway": "sensepass" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Servicios Digitales Popular S.A.	"gateway": "pagosazul" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Shift4	"gateway": "shift4payments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Shiji Group	"gateway": "shijipaymentsolutions" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Sexuelle Belästigung ‒ Hoher Start	"gateway": "shstartpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
shvarenapay	"gateway": "shvarenapay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
simbasoft	"gateway": "simbasoft" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Sipay	"gateway": "sipay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
SmartPay	"gateway": "smartpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Softbank Payment Service	"gateway": "sbps" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Softtouch-Kassensysteme und Zahlungen	"gateway": "softtouch" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Durchgängig	"gateway": "solid" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Sony Payment Services	"gateway": "sonypaymentservices" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Splitit	"gateway": "splitit" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Spreedly	"gateway": "spreedly" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Quadrat	"gateway": "square" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
SredaPay	"gateway": "sredapay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
SSLCOMMERZ	"gateway": "sslcommerz" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Stancer	"gateway": "stancer" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Stripe	"gateway": "stripe" "stripe:version": "2018-10-31" "stripe:publishableKey": "YOUR_PUBLIC_STRIPE_KEY" Entwicklerdokumentation
SUMIT	"gateway": "sumit" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Suntech	"gateway": "esafe" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Surfboard-Zahlungen	"gateway": "surfboard" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Svea Bank	"gateway": "svea" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Swedbank Baltic	"gateway": "swedbankbaltic" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Swedbank Pay	"gateway": "payexswedbankpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
TabaPay	"gateway": "tabapay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
TapPay (Cherri Tech)	"gateway": "tappay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
TapPayments	"gateway": "tappayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
tarlanpayments	"gateway": "tarlanpayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
TAS-Link	"gateway": "taslink" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Tatra banka (CardPay)	"gateway": "tatrabanka" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation verfügbar
TEKO	"gateway": "teko" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
theMAP	"gateway": "themap" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Kassenzahlungen	"gateway": "tillpayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Time Project LLC	"gateway": "timeproject" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Tinkoff	"gateway": "tinkoff" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
TIPTOP PAY	"gateway": "tiptoppay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation verfügbar
TPay	"gateway": "tpaycom" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
TPay.com	"gateway": "tpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Transact Campus	"gateway": "transactcampus" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Transact Pro	"gateway": "transactpro" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Transaction Services Network	"gateway": "tns" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Transpayrent	"gateway": "transpayrent" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Tranzila	"gateway": "tranzila" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Tranzzo	"gateway": "tranzzo" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Zahlungen für Stammesmitglieder	"gateway": "tribepayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Truevo	"gateway": "truevo" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
TrustPay	"gateway": "trustpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Trust Payments	"gateway": "trustpayments" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Thunfisch	"gateway": "tuna" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
2can&ibox	"gateway": "twocan" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
UAPAY	"gateway": "uapay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
UBRR	"gateway": "ubrrpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Ukrcardpay	"gateway": "ukrcardpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
UkrGasBank Pay	"gateway": "ukrgasbankpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Unibank OJSC	"gateway": "unibankcheckout" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
unitedfinancialcorporation	"gateway": "unitedfinancialcorporation" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Uniteller	"gateway": "uniteller" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Unitpay	"gateway": "unitpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Unlimint	"gateway": "unlimint" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Unzer	"gateway": "unzer" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Unzer Austria	"gateway": "unzeraustria" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
UPC	"gateway": "upc" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Upgate	"gateway": "upgate" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
USAePay	"gateway": "usaepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
UseePay	"gateway": "useepay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
USIO, Inc.	"gateway": "usio" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Valitor	"gateway": "valitor" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
value.io	"gateway": "inspirecommerce" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Vanco	"gateway": "vanco" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Vantiv	"gateway": "vantiv" "vantiv:merchantPayPageId": "YOUR_PAY_PAGE_ID" "vantiv:merchantOrderId": "YOUR_ORDER_ID" "vantiv:merchantTransactionId": "YOUR_TRANSACTION_ID" "vantiv:merchantReportGroup": "*web" Entwicklerdokumentation
Vayapay	"gateway": "vayapay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation verfügbar
Vendo	"gateway": "vendoservices" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Verestro	"gateway": "verestro" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Sehr gute Sicherheit	"gateway": "verygoodsecurity" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Victoriabank	"gateway": "victoriabank" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Vindicia	"gateway": "vindicia" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Viva Wallet	"gateway": "vivawallet" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
VTEX	"gateway": "vtex" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Waffo	"gateway": "waffo" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Wallee	"gateway": "wallee" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Walletdoc	"gateway": "walletdoc" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Walletto	"gateway": "walletto" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
WayForPay	"gateway": "wayforpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
WEAT	"gateway": "weatpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
WhenThen	"gateway": "whenthen" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Windcave	"gateway": "windcave" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Wirebank	"gateway": "wirebank" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Wirecard	"gateway": "wirecard" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
WOOPPAY	"gateway": "wooppay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
WooshPay	"gateway": "swooshtransfer" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Worldline (GlobalCollect)	"gateway": "globalcollect" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Worldline – Ingenico (WL Online Checkout)	"gateway": "worldlineingenicoogone" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Worldline Nordics (Worldline Online Checkout)	"gateway": "worldlineonlinecheckout" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Worldline Sips	"gateway": "wlsips" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Worldnet	"gateway": "worldnet" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Worldpay	"gateway": "worldpay" "gatewayMerchantId": "YOUR_WORLDPAY_MERCHANT_ID" Entwicklerdokumentation
Wpay	"gateway": "wpayaus" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
WSPay	"gateway": "wspay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
xMoney	"gateway": "xmoneypay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
XPATE	"gateway": "xpate" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
xpay	"gateway": "xpaycomua" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
XPay von PostEx	"gateway": "xpaybypostex" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
YabandPay B.V.	"gateway": "yabandpay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
YIĞIM-Zahlungssystem	"gateway": "yigim" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Keine Entwicklerdokumentation verfügbar
ЮKassa (YooKassa)	"gateway": "yoomoney" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Yuno	"gateway": "yuno" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Z-Guthaben	"gateway": "zcredit" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Zalopay	"gateway": "zalopay" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
ZEN.com	"gateway": "zen" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Zest	"gateway": "zestpayment" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation
Zuora	"gateway": "zuora" "gatewayMerchantId": "YOUR_GATEWAY_MERCHANT_ID" Entwicklerdokumentation

Tipp: example ist ein gültiger Gateway-Name in der Testumgebung. Wenn Sie die API ausprobieren möchten, können Sie das obige Codebeispiel unverändert lassen. Wenn Sie das example-Gateway verwenden, erhält Ihre Website keine Kartendaten, die für eine Transaktion geeignet sind, aber der Nutzerfluss ist derselbe.

Der Tokenisierungstyp PAYMENT_GATEWAY ist die gängigste Händlerimplementierung der Kartenzahlungsmethode in der Google Pay API. Wenn Ihr Zahlungsanbieter nicht unterstützt wird, können Sie Google Pay möglicherweise über eine DIREKTE Integration akzeptieren. Weitere Informationen finden Sie in der Dokumentation zur direkten Tokenisierung.

Schritt 3: Unterstützte Zahlungskartennetzwerke definieren

Definieren Sie die Kartennetzwerke, die von Ihrer Website akzeptiert werden. Hier ein Codebeispiel:

const allowedCardNetworks = ["AMEX", "DISCOVER", "INTERAC", "JCB", "MASTERCARD", "VISA"];

Die Google Pay API kann Karten zurückgeben, die bei Google.com gespeichert sind (PAN_ONLY), oder ein Gerätetoken auf einem Android-Gerät, das mit einem 3‑D Secure-Kryptogramm authentifiziert wurde (CRYPTOGRAM_3DS). Sie können festlegen, ob beide Methoden oder nur eine davon zurückgegeben werden kann.

Bevor Sie allowedCardAuthMethods festlegen, müssen Sie bei Ihrem Zahlungsabwickler und Acquirer prüfen, ob Gerätetokens (CRYPTOGRAM_3DS) in Ihrer Region unterstützt werden.

Hier ein Codebeispiel:

const allowedCardAuthMethods = ["PAN_ONLY", "CRYPTOGRAM_3DS"];

Weitere Informationen finden Sie in unserer Objektreferenzdokumentation unter CardParameters. Erkundigen Sie sich außerdem bei Ihrem Gateway oder Zahlungsabwickler nach den unterstützten Kartennetzwerken und der Unterstützung von Android-Gerätetokens.

Wichtig:

• Achten Sie darauf, dass Sie Ihre bestehenden Risikoprüfungen und ‑kontrollen für Zahlungstransaktionen auch auf Google Pay-Transaktionen anwenden. Die Google Pay-Validierung und Betrugsprüfungen sollen Ihre Risikomanagementprozesse nicht ersetzen.
• Wenn Sie PAN_ONLY unterstützen, müssen Sie 3D Secure (Step-up-Authentifizierung) für Google Pay-PAN-Transaktionen mit PAN_ONLY auf dieselbe Weise auslösen wie für normale Kartentransaktionen.

Schritt 4: Zulässige Zahlungsmethoden beschreiben

So beschreiben Sie Ihre zulässigen Zahlungsmethoden:

1. Kombinieren Sie Ihre unterstützten Authentifizierungsmethoden und unterstützten Kartennetzwerke, um die Unterstützung der Zahlungsmethode CARD auf Ihrer Website zu beschreiben. Hier ein Codebeispiel:

   const baseCardPaymentMethod = {
     type: 'CARD',
     parameters: {
       allowedAuthMethods: allowedCardAuthMethods,
       allowedCardNetworks: allowedCardNetworks
     }
   };

2. Erweitern Sie das Zahlungsmethodenobjekt der Basiskarte, um Informationen zu beschreiben, die an Ihre Anwendung zurückgegeben werden sollen. Fügen Sie eine Beschreibung der tokenisierten Zahlungsdaten ein. Hier ein Codebeispiel:

   const cardPaymentMethod = Object.assign(
     {tokenizationSpecification: tokenizationSpecification},
     baseCardPaymentMethod
   );

Weitere Informationen zu unterstützten parameters finden Sie unter CardParameters.

Google Pay unterstützt derzeit nur den Zahlungsmethodentyp CARD.

Schritt 5: Google Pay API-JavaScript-Bibliothek laden

So laden Sie die Google Pay API-JavaScript-Bibliothek:

1. Fügen Sie das von Google gehostete JavaScript auf Ihrer Seite ein. Hier ein Codebeispiel:

   <script
     async
     src="https://pay.google.com/gp/p/js/pay.js"
     onload="console.log('TODO: add onload function')">
   </script>

2. Nachdem die Google Pay API-JavaScript-Bibliothek geladen wurde, initialisieren Sie ein PaymentsClient-Objekt. Bei der ersten Entwicklung wird eine TEST-Umgebung verwendet, die Dummy-Zahlungsmethoden zurückgibt, mit denen auf die Struktur einer Zahlungsantwort verwiesen werden kann. In dieser Umgebung ist mit der ausgewählten Zahlungsmethode keine Transaktion möglich. Hier ein Codebeispiel:
   Hinweis: Wir empfehlen, paymentsClient nur einmal zu initialisieren. Verwenden Sie dieselbe Instanz, wenn Sie alle anderen APIs aufrufen, z. B. CreateButton, IsReadyToPay, PrefetchPaymentData und LoadPaymentData.

   const paymentsClient =
       new google.payments.api.PaymentsClient({environment: 'TEST'});

   Weitere Informationen zu den Anforderungen an eine PRODUCTION-Umgebung, die gebührenpflichtige Zahlungsmethoden zurückgibt, finden Sie in der Integrations-Checkliste.

Schritt 6: Verfügbarkeit für die Zahlung mit der Google Pay API ermitteln

So ermitteln Sie, ob die Zahlung mit der Google Pay API möglich ist:

1. Fügen Sie Ihrem Basisanfrageobjekt die zulässigen Zahlungsmethoden hinzu. Hier ein Codebeispiel:

   const isReadyToPayRequest = Object.assign({}, baseRequest);
   isReadyToPayRequest.allowedPaymentMethods = [baseCardPaymentMethod];

2. Rufen Sie isReadyToPay() auf, um festzustellen, ob die Google Pay API vom aktuellen Gerät und Browser für die von Ihnen angegebenen Zahlungsmethoden unterstützt wird. Hier ein Codebeispiel:

   paymentsClient.isReadyToPay(isReadyToPayRequest)
       .then(function(response) {
         if (response.result) {
           // add a Google Pay payment button
         }
       })
       .catch(function(err) {
         // show error in developer console for debugging
         console.error(err);
       });

Schritt 7: Google Pay-Zahlungsbutton hinzufügen

Fügen Sie Ihrer Seite eine Google Pay-Zahlungsschaltfläche hinzu, um Käufer zu ermutigen, mit Zahlungsmethoden zu bezahlen, die von der Google Pay API und Ihrer Website unterstützt werden. Weitere Informationen zu den verfügbaren Schaltflächentypen, Farben und Anzeigeanforderungen finden Sie in den Markenrichtlinien.

Hier ein Beispiel für den Code für eine Zahlungsaufschaltfläche:

const button =
    paymentsClient.createButton({onClick: () => console.log('TODO: click handler'),
    allowedPaymentMethods: []}); // same payment methods as for the loadPaymentData() API call
document.getElementById('container').appendChild(button);

Hinweis: Informationen zum Anpassen der Google Pay-Zahlungsschaltfläche finden Sie unter Schaltfläche anpassen.

Schritt 8: PaymentDataRequest-Objekt erstellen

So erstellen Sie ein PaymentDataRequest-Objekt:

1. Erstellen Sie ein JavaScript-Objekt, das die Unterstützung der Google Pay API durch Ihre Website beschreibt. Eine vollständige Liste der unterstützten Eigenschaften finden Sie unter PaymentDataRequest. Hier ein Codebeispiel:

   const paymentDataRequest = Object.assign({}, baseRequest);

2. Fügen Sie die von Ihrer App unterstützten Zahlungsmethoden hinzu, z. B. Konfigurationen zusätzlicher Daten, die in der Antwort erwartet werden. Hier ein Codebeispiel:

   paymentDataRequest.allowedPaymentMethods = [cardPaymentMethod];

3. Definieren Sie einen Gesamtpreis und eine Währung, die ein Käufer autorisieren soll. Hier ein Codebeispiel:
   Wichtig: Händler, die Transaktionen im Europäischen Wirtschaftsraum (EWR) oder in anderen Ländern verarbeiten, die der starken Kundenauthentifizierung (SCA) unterliegen, müssen die Parameter countryCode, totalPrice und merchantName einfügen, um die SCA-Anforderungen zu erfüllen.

   paymentDataRequest.transactionInfo = {
     totalPriceStatus: 'FINAL',
     totalPrice: '123.45',
     currencyCode: 'USD',
     countryCode: 'US'
   };

4. Geben Sie einen für den Nutzer sichtbaren Händlernamen an und verwenden Sie den Wert TEST merchantId in TEST. Weitere Informationen und Informationen dazu, wann der TEST-Wert merchantId ersetzt werden sollte, finden Sie unter MerchantInfo. Hier ein Codebeispiel für einen für Nutzer sichtbaren Händlernamen:

   paymentDataRequest.merchantInfo = {
     merchantName: 'Example Merchant'
     merchantId: '12345678901234567890'
   };

   Hinweis: Der Wert TEST merchantId ist numerisch. Der spezifische merchantId-Wert kann numerisch oder alphanumerisch sein. Weitere Informationen zum Abrufen Ihrer spezifischen merchantId finden Sie unter MerchantInfo.

Schritt 9: Event-Handler für Nutzergesten registrieren

Führen Sie die folgenden Schritte aus, um einen Event-Handler für Nutzergesten zu registrieren:

1. Registrieren Sie einen Click-Event-Handler für die Schaltfläche „Kaufen“. Der Ereignishandler ruft loadPaymentData() unmittelbar nach der Interaktion mit der Google Pay-Zahlungsschaltfläche auf.
2. Nachdem ein Google-Nutzer Ihrer Website die Berechtigung erteilt hat, Informationen zur ausgewählten Zahlungsmethode und optionale Kontaktdaten des Nutzers zu erhalten, müssen Sie die Antwort der Google Pay API verarbeiten.
3. Extrahieren Sie das Zahlungstoken aus der paymentData-Antwort. Wenn Sie eine Gateway-Integration implementieren, übergeben Sie dieses Token ohne Änderungen an Ihr Gateway.
   Hinweis: In einer TEST-Umgebung enthält eine Zahlungsantwort zusammenfassende Daten zur ausgewählten Zahlungsmethode, die sich für die Anzeige auf einer Bestätigungsseite eignen. Die Zahlungsantwort enthält keine Zahlungsmethode, die für eine Transaktion geeignet ist.

   paymentsClient.loadPaymentData(paymentDataRequest).then(function(paymentData){
     // if using gateway tokenization, pass this token without modification
     paymentToken = paymentData.paymentMethodData.tokenizationData.token;
   }).catch(function(err){
     // show error in developer console for debugging
     console.error(err);
   });

Schritt 10 (optional): Zahlungen autorisieren einrichten

Mit „Authorize Payments“ wird der Zahlungsvorgang gestartet und der Autorisierungsstatus einer Zahlung bestätigt. So richten Sie die Autorisierung von Zahlungen ein:

1. Registrieren Sie einen onPaymentAuthorized()-Callback in PaymentOptions.
2. Rufen Sie die Funktion loadPaymentData() mit der Callback-Absicht PAYMENT_AUTHORIZATION auf.
3. Implementieren Sie onPaymentAuthorized().

Hinweis: Weitere Informationen finden Sie auf unserer Seite Live-Google Pay-Demos.

„onPaymentAuthorized“-Callbacks registrieren

Das folgende Codebeispiel zeigt, wie Sie onPaymentAuthorized-Callbacks registrieren:

{
  environment: "TEST",
  merchantInfo: {
    merchantName: "Example Merchant",
    merchantId: "12345678901234567890"
  },
  paymentDataCallbacks: {
    onPaymentAuthorized: onPaymentAuthorized
  }
}

Zahlungsdaten mit Callback-Intents laden

Das folgende Codebeispiel zeigt, wie das Zahlungsformular mit „Zahlungen autorisieren“ initialisiert wird:

const paymentDataRequest = Object.assign({}, baseRequest);
paymentDataRequest.allowedPaymentMethods = [cardPaymentMethod];
paymentDataRequest.transactionInfo = getGoogleTransactionInfo();
paymentDataRequest.merchantInfo = {
  merchantName: 'Example Merchant'
  merchantId: '12345678901234567890',
};

paymentDataRequest.callbackIntents = ["PAYMENT_AUTHORIZATION"];

„onPaymentAuthorized“-Callbacks verarbeiten

Der Callback onPaymentAuthorized() wird von Google mit einem PaymentData-Objekt aufgerufen, nachdem ein Zahlungspflichtiger die Zahlung durch eine Nutzeraktion genehmigt hat, z. B. durch Klicken auf Bezahlen.

Der Callback gibt einen Promise<PaymentAuthorizationResult>-Wert zurück. Das Objekt PaymentAuthorizationResult hat den Transaktionsstatus SUCCESS oder ERROR. Bei Erfolg wird das Zahlungsformular geschlossen. Wenn ein Fehler auftritt, werden im Zahlungsformular die Fehlerdetails gerendert, die nach der Zahlungsabwicklung zurückgegeben werden. Der Nutzer kann die Zahlungsdaten des Zahlungsblatts ändern und die Zahlung noch einmal autorisieren. Hier ein Codebeispiel:

Hinweis:Das vom onPaymentAuthorized-Callback zurückgegebene Promise muss innerhalb von 30 Sekunden aufgelöst werden. Wenn das Promise nicht innerhalb dieses Zeitrahmens aufgelöst wird, tritt für die Anfrage ein Zeitüberschreitungsfehler auf und dem Nutzer wird auf dem Google Pay-Tab der Fehler CALLBACK_TIMED_OUT angezeigt.

function onPaymentAuthorized(paymentData) {
  return new Promise(function(resolve, reject){
    // handle the response
    processPayment(paymentData)
    .then(function() {
      resolve({transactionState: 'SUCCESS'});
    })
    .catch(function() {
      resolve({
        transactionState: 'ERROR',
        error: {
          intent: 'PAYMENT_AUTHORIZATION',
          message: 'Insufficient funds',
          reason: 'PAYMENT_DATA_INVALID'
        }
      });
    });
  });
}

Schritt 11 (optional für Versand): Dynamische Preisaktualisierungen einrichten

Mit dynamischen Preisaktualisierungen können Händler Versandoptionen und Transaktionsinformationen basierend auf einer ausgewählten Versandadresse dynamisch aktualisieren. Außerdem können Sie Transaktionsinformationen basierend auf einer ausgewählten Versandoption dynamisch aktualisieren.

So richten Sie dynamische Preisaktualisierungen ein:

1. Registrieren Sie sowohl die Callbacks onPaymentAuthorized als auch onPaymentDataChanged in PaymentOptions.
2. Rufen Sie die Funktion loadPaymentData() mit Callback-Intents auf. Weitere Informationen finden Sie im entsprechenden Beispiel.
3. Implementieren Sie onPaymentAuthorized und onPaymentDataChanged.

Hinweis: Weitere Informationen finden Sie auf unserer Seite Live-Google Pay-Demos.

PaymentData-Callback registrieren

Das folgende Codebeispiel zeigt, dass für dynamische Preisaktualisierungen Callback-Funktionen im PaymentsClient-Objekt paymentOptions registriert werden müssen.

Hinweis: Für dynamische Preisaktualisierungen ist der Callback Authorize Payments erforderlich.

{
  environment: "TEST",
  merchantInfo: {
    merchantName: "Example Merchant",
    merchantId: "12345678901234567890"
  },
  paymentDataCallbacks: {
    onPaymentAuthorized: onPaymentAuthorized,
    onPaymentDataChanged: onPaymentDataChanged
  }
}

Zahlungsdaten mit Callback-Intents laden

Das folgende Codebeispiel zeigt, wie ein Zahlungsformular mit einer erforderlichen Konfiguration für Versandadresse und Versandoptionen initialisiert werden muss:

const paymentDataRequest = Object.assign({}, baseRequest);
paymentDataRequest.allowedPaymentMethods = [cardPaymentMethod];
paymentDataRequest.transactionInfo = getGoogleTransactionInfo();
paymentDataRequest.merchantInfo = {
  merchantId: '12345678901234567890',
  merchantName: 'Example Merchant'
};

paymentDataRequest.callbackIntents = ["SHIPPING_ADDRESS",  "SHIPPING_OPTION", "PAYMENT_AUTHORIZATION"];


paymentDataRequest.shippingAddressRequired = true;
paymentDataRequest.shippingAddressParameters = getGoogleShippingAddressParameters();
paymentDataRequest.shippingOptionRequired = true;

onPaymentDataChanged-Callback verarbeiten

Der onPaymentDataChanged-Callback wird mit einem IntermediatePaymentData-Objekt aufgerufen, das die im Zahlungsblatt ausgewählte Versandadresse und Versandoption enthält.

Der Callback gibt eine Promise<PaymentDataRequestUpdate> zurück. Das Objekt PaymentDataRequestUpdate enthält neue Transaktionsinformationen, Versandoptionen und einen Fehler bei den Zahlungsdaten. Diese Daten werden im Zahlungsblatt aktualisiert.

Behandeln Sie alle Ausnahmefälle, z. B. eine nicht zustellbare Lieferadresse oder eine ungültige Versandoption, direkt im Zahlungsblatt. Richten Sie ein PaymentDataError-Objekt ein, um den Grund für den Fehler mit einer Fehlermeldung für den Nutzer hervorzuheben. Achten Sie darauf, die zugehörige Intention in die Nachricht aufzunehmen. Details zum Einrichten des Objekts und der Nachricht finden Sie im folgenden Codebeispiel:

function onPaymentDataChanged(intermediatePaymentData) {
  return new Promise(function(resolve, reject) {

    let shippingAddress = intermediatePaymentData.shippingAddress;
    let shippingOptionData = intermediatePaymentData.shippingOptionData;
    let paymentDataRequestUpdate = {};

    if (intermediatePaymentData.callbackTrigger == "INITIALIZE" || intermediatePaymentData.callbackTrigger == "SHIPPING_ADDRESS") {
      if(shippingAddress.administrativeArea == "NJ")  {
        paymentDataRequestUpdate.error = getGoogleUnserviceableAddressError();
      }
      else {
        paymentDataRequestUpdate.newShippingOptionParameters = getGoogleDefaultShippingOptions();
        let selectedShippingOptionId = paymentDataRequestUpdate.newShippingOptionParameters.defaultSelectedOptionId;
        paymentDataRequestUpdate.newTransactionInfo = calculateNewTransactionInfo(selectedShippingOptionId);
      }
    }
    else if (intermediatePaymentData.callbackTrigger == "SHIPPING_OPTION") {
      paymentDataRequestUpdate.newTransactionInfo = calculateNewTransactionInfo(shippingOptionData.id);
    }

    resolve(paymentDataRequestUpdate);
  });
}

Schritt 12 (optional für Gutscheincodes): Gutscheincodes einrichten

Mit Gutscheincodes können Händler Versandoptionen und Transaktionsinformationen basierend auf einem angegebenen Gutscheincode dynamisch aktualisieren.

Hinweis: Bei Gutscheincodes wird die Haftungsverlagerung nicht unterstützt.

So richten Sie Gutscheincodes ein:

1. Registrieren Sie die onPaymentDataChanged-Callbacks in PaymentOptions.
2. Rufen Sie die Funktion loadPaymentData() mit Callback-Intents auf. Weitere Informationen finden Sie im entsprechenden Beispiel.
3. Implementieren Sie die onPaymentDataChanged callback function.

Callback für Angebot registrieren

Das folgende Codebeispiel zeigt, dass für Gutscheincodes Callback-Funktionen im PaymentsClient-Objekt paymentOptions registriert werden müssen.

Hinweis: Für Gutscheincodes ist der OFFER-Callback erforderlich.

{
  environment: "TEST",
  merchantInfo: {
    merchantName: "Example Merchant",
    merchantId: "12345678901234567890"
  },
  paymentDataCallbacks: {
    onPaymentDataChanged: onPaymentDataChanged
  }
}

Zahlungsdaten mit Callback-Intents laden

Das folgende Codebeispiel zeigt, wie ein Zahlungsformular mit einer OFFER-Callback-Intention initialisiert werden muss:

const paymentDataRequest = Object.assign({}, baseRequest);
paymentDataRequest.allowedPaymentMethods = [cardPaymentMethod];
paymentDataRequest.transactionInfo = getGoogleTransactionInfo();
paymentDataRequest.merchantInfo = {
  merchantId: '12345678901234567890',
  merchantName: 'Example Merchant'
};

paymentDataRequest.callbackIntents = ["OFFER"];

onPaymentDataChanged-Callback verarbeiten

Hinweis: Die gesamte Logik zur Berechnung von Zahlungsbeträgen oder zur Übergabe dieser Werte an den Prozessor sollte sicher auf Ihrem Server erfolgen und nicht clientseitig wie in diesem Beispiel.

Der onPaymentDataChanged-Callback wird mit einem IntermediatePaymentData-Objekt aufgerufen, das die im Zahlungsblatt ausgewählte Versandadresse und Versandoption enthält.

Der Callback muss ein Promise<PaymentDataRequestUpdate> zurückgeben. Das Objekt PaymentDataRequestUpdate enthält neue Transaktionsinformationen, Versandoptionen, Angebotsdaten und einen Fehler bei den Zahlungsdaten. Diese Daten werden im Zahlungsblatt aktualisiert.

Behandeln Sie alle Ausnahmefälle, z. B. einen ungültigen Gutscheincode, direkt im Zahlungsblatt. Richten Sie ein PaymentDataError-Objekt ein, um den Grund für den Fehler mit einer Fehlermeldung für den Nutzer hervorzuheben. Achten Sie darauf, die zugehörige Intention in die Nachricht aufzunehmen. Details zum Einrichten des Objekts und der Nachricht finden Sie im folgenden Codebeispiel, in dem auf ein Objekt (validPromoCodes) verwiesen wird, das die Gutscheincode-Werte enthält:

function onPaymentDataChanged(intermediatePaymentData) {
  return new Promise(function(resolve, reject) {

    let redemptionCodes = [];
    let shippingOptionData = intermediatePaymentData.shippingOptionData;
    let paymentDataRequestUpdate = {};
    paymentDataRequestUpdate.newTransactionInfo = getGoogleTransactionInfo();

    // ensure that promo codes set is unique
    if(typeof intermediatePaymentData.offerData != 'undefined') {
      // convert to set then back to array
      redemptionCodes = Array.from(
        new Set(intermediatePaymentData.offerData.redemptionCodes)
      );
    }

    // OPTIONAL: ensure that the newest promo code is the only one applied
    // redemptionCodes = new Array(redemptionCodes[redemptionCodes.length -1]);

    // validate promo codes and add descriptions to payment sheet
    if (intermediatePaymentData.callbackTrigger === 'OFFER') {
      paymentDataRequestUpdate.newOfferInfo = {};
      paymentDataRequestUpdate.newOfferInfo.offers = [];
      for (redemptionCode of redemptionCodes) {
        if (validPromoCodes[redemptionCode]) {
          paymentDataRequestUpdate = validPromoCodes[redemptionCode].function(
            validPromoCodes[redemptionCode],
            paymentDataRequestUpdate
          );
        } else {
          paymentDataRequestUpdate.error = getGoogleOfferInvalidError(redemptionCode);
        }
      }
    }

Zusammenfassung

Die Beispielcodeblöcke in diesem Abschnitt zeigen ein vollständiges End-to-End-Beispiel für die Google Pay API – JavaScript-Bibliothek, Autorisieren von Zahlungen, dynamische Preisaktualisierungen und Gutscheincodes.

Tutorial

<div id="container"></div>

<script>
/**
 * Define the version of the Google Pay API referenced when creating your
 * configuration
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataRequest|apiVersion in PaymentDataRequest}
 */
const baseRequest = {
  apiVersion: 2,
  apiVersionMinor: 0
};

/**
 * Card networks supported by your site and your gateway
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 * @todo confirm card networks supported by your site and gateway
 */
const allowedCardNetworks = ["AMEX", "DISCOVER", "INTERAC", "JCB", "MASTERCARD", "VISA"];

/**
 * Card authentication methods supported by your site and your gateway
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 * @todo confirm your processor supports Android device tokens for your
 * supported card networks
 */
const allowedCardAuthMethods = ["PAN_ONLY", "CRYPTOGRAM_3DS"];

/**
 * Identify your gateway and your site's gateway merchant identifier
 *
 * The Google Pay API response will return an encrypted payment method capable
 * of being charged by a supported gateway after payer authorization
 *
 * @todo check with your gateway on the parameters to pass
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#gateway|PaymentMethodTokenizationSpecification}
 */
const tokenizationSpecification = {
  type: 'PAYMENT_GATEWAY',
  parameters: {
    'gateway': 'example',
    'gatewayMerchantId': 'exampleGatewayMerchantId'
  }
};

/**
 * Describe your site's support for the CARD payment method and its required
 * fields
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 */
const baseCardPaymentMethod = {
  type: 'CARD',
  parameters: {
    allowedAuthMethods: allowedCardAuthMethods,
    allowedCardNetworks: allowedCardNetworks
  }
};

/**
 * Describe your site's support for the CARD payment method including optional
 * fields
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 */
const cardPaymentMethod = Object.assign(
  {},
  baseCardPaymentMethod,
  {
    tokenizationSpecification: tokenizationSpecification
  }
);

/**
 * An initialized google.payments.api.PaymentsClient object or null if not yet set
 *
 * @see {@link getGooglePaymentsClient}
 */
let paymentsClient = null;

/**
 * Configure your site's support for payment methods supported by the Google Pay
 * API.
 *
 * Each member of allowedPaymentMethods should contain only the required fields,
 * allowing reuse of this base request when determining a viewer's ability
 * to pay and later requesting a supported payment method
 *
 * @returns {object} Google Pay API version, payment methods supported by the site
 */
function getGoogleIsReadyToPayRequest() {
  return Object.assign(
      {},
      baseRequest,
      {
        allowedPaymentMethods: [baseCardPaymentMethod]
      }
  );
}

/**
 * Configure support for the Google Pay API
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataRequest|PaymentDataRequest}
 * @returns {object} PaymentDataRequest fields
 */
function getGooglePaymentDataRequest() {
  const paymentDataRequest = Object.assign({}, baseRequest);
  paymentDataRequest.allowedPaymentMethods = [cardPaymentMethod];
  paymentDataRequest.transactionInfo = getGoogleTransactionInfo();
  paymentDataRequest.merchantInfo = {
    // @todo a merchant ID is available for a production environment after approval by Google
    // See {@link https://developers.google.com/pay/api/web/guides/test-and-deploy/integration-checklist|Integration checklist}
    // merchantId: '12345678901234567890',
    merchantName: 'Example Merchant'
  };
  return paymentDataRequest;
}

/**
 * Return an active PaymentsClient or initialize
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/client#PaymentsClient|PaymentsClient constructor}
 * @returns {google.payments.api.PaymentsClient} Google Pay API client
 */
function getGooglePaymentsClient() {
  if ( paymentsClient === null ) {
    paymentsClient = new google.payments.api.PaymentsClient({environment: 'TEST'});
  }
  return paymentsClient;
}

/**
 * Initialize Google PaymentsClient after Google-hosted JavaScript has loaded
 *
 * Display a Google Pay payment button after confirmation of the viewer's
 * ability to pay.
 */
function onGooglePayLoaded() {
  const paymentsClient = getGooglePaymentsClient();
  paymentsClient.isReadyToPay(getGoogleIsReadyToPayRequest())
      .then(function(response) {
        if (response.result) {
          addGooglePayButton();
          // @todo prefetch payment data to improve performance after confirming site functionality
          // prefetchGooglePaymentData();
        }
      })
      .catch(function(err) {
        // show error in developer console for debugging
        console.error(err);
      });
}

/**
 * Add a Google Pay purchase button alongside an existing checkout button
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#ButtonOptions|Button options}
 * @see {@link https://developers.google.com/pay/api/web/guides/brand-guidelines|Google Pay brand guidelines}
 */
function addGooglePayButton() {
  const paymentsClient = getGooglePaymentsClient();
  const button =
      paymentsClient.createButton({
        onClick: onGooglePaymentButtonClicked,
        allowedPaymentMethods: [baseCardPaymentMethod]
      });
  document.getElementById('container').appendChild(button);
}

/**
 * Provide Google Pay API with a payment amount, currency, and amount status
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo|TransactionInfo}
 * @returns {object} transaction info, suitable for use as transactionInfo property of PaymentDataRequest
 */
function getGoogleTransactionInfo() {
  return {
    countryCode: 'US',
    currencyCode: 'USD',
    totalPriceStatus: 'FINAL',
    // set to cart total
    totalPrice: '1.00'
  };
}

/**
 * Prefetch payment data to improve performance
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/client#prefetchPaymentData|prefetchPaymentData()}
 */
function prefetchGooglePaymentData() {
  const paymentDataRequest = getGooglePaymentDataRequest();
  // transactionInfo must be set but does not affect cache
  paymentDataRequest.transactionInfo = {
    totalPriceStatus: 'NOT_CURRENTLY_KNOWN',
    currencyCode: 'USD'
  };
  const paymentsClient = getGooglePaymentsClient();
  paymentsClient.prefetchPaymentData(paymentDataRequest);
}

/**
 * Show Google Pay payment sheet when Google Pay payment button is clicked
 */
function onGooglePaymentButtonClicked() {
  const paymentDataRequest = getGooglePaymentDataRequest();
  paymentDataRequest.transactionInfo = getGoogleTransactionInfo();

  const paymentsClient = getGooglePaymentsClient();
  paymentsClient.loadPaymentData(paymentDataRequest)
      .then(function(paymentData) {
        // handle the response
        processPayment(paymentData);
      })
      .catch(function(err) {
        // show error in developer console for debugging
        console.error(err);
      });
}
/**
 * Process payment data returned by the Google Pay API
 *
 * @param {object} paymentData response from Google Pay API after user approves payment
 * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#PaymentData|PaymentData object reference}
 */
function processPayment(paymentData) {
  // show returned data in developer console for debugging
    console.log(paymentData);
  // @todo pass payment token to your gateway to process payment
  // @note DO NOT save the payment credentials for future transactions,
  // unless they're used for merchant-initiated transactions with user
  // consent in place.
  paymentToken = paymentData.paymentMethodData.tokenizationData.token;
}</script>
<script async
  src="https://pay.google.com/gp/p/js/pay.js"
  onload="onGooglePayLoaded()"></script>

Zahlungen autorisieren

<div id="container"></div>

<script>
/**
 * Define the version of the Google Pay API referenced when creating your
 * configuration
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataRequest|apiVersion in PaymentDataRequest}
 */
const baseRequest = {
  apiVersion: 2,
  apiVersionMinor: 0
};

/**
 * Card networks supported by your site and your gateway
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 * @todo confirm card networks supported by your site and gateway
 */
const allowedCardNetworks = ["AMEX", "DISCOVER", "INTERAC", "JCB", "MASTERCARD", "VISA"];

/**
 * Card authentication methods supported by your site and your gateway
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 * @todo confirm your processor supports Android device tokens for your
 * supported card networks
 */
const allowedCardAuthMethods = ["PAN_ONLY", "CRYPTOGRAM_3DS"];

/**
 * Identify your gateway and your site's gateway merchant identifier
 *
 * The Google Pay API response will return an encrypted payment method capable
 * of being charged by a supported gateway after payer authorization
 *
 * @todo check with your gateway on the parameters to pass
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#gateway|PaymentMethodTokenizationSpecification}
 */
const tokenizationSpecification = {
  type: 'PAYMENT_GATEWAY',
  parameters: {
    'gateway': 'example',
    'gatewayMerchantId': 'exampleGatewayMerchantId'
  }
};

/**
 * Describe your site's support for the CARD payment method and its required
 * fields
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 */
const baseCardPaymentMethod = {
  type: 'CARD',
  parameters: {
    allowedAuthMethods: allowedCardAuthMethods,
    allowedCardNetworks: allowedCardNetworks
  }
};

/**
 * Describe your site's support for the CARD payment method including optional
 * fields
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 */
const cardPaymentMethod = Object.assign(
  {},
  baseCardPaymentMethod,
  {
    tokenizationSpecification: tokenizationSpecification
  }
);

/**
 * An initialized google.payments.api.PaymentsClient object or null if not yet set
 *
 * @see {@link getGooglePaymentsClient}
 */
let paymentsClient = null;

/**
 * Configure your site's support for payment methods supported by the Google Pay
 * API.
 *
 * Each member of allowedPaymentMethods should contain only the required fields,
 * allowing reuse of this base request when determining a viewer's ability
 * to pay and later requesting a supported payment method
 *
 * @returns {object} Google Pay API version, payment methods supported by the site
 */
function getGoogleIsReadyToPayRequest() {
  return Object.assign(
      {},
      baseRequest,
      {
        allowedPaymentMethods: [baseCardPaymentMethod]
      }
  );
}

/**
 * Configure support for the Google Pay API
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataRequest|PaymentDataRequest}
 * @returns {object} PaymentDataRequest fields
 */
function getGooglePaymentDataRequest() {
  const paymentDataRequest = Object.assign({}, baseRequest);
  paymentDataRequest.allowedPaymentMethods = [cardPaymentMethod];
  paymentDataRequest.transactionInfo = getGoogleTransactionInfo();
  paymentDataRequest.merchantInfo = {
    // @todo a merchant ID is available for a production environment after approval by Google
    // See {@link https://developers.google.com/pay/api/web/guides/test-and-deploy/integration-checklist|Integration checklist}
    // merchantId: '12345678901234567890',
    merchantName: 'Example Merchant'
  };

  paymentDataRequest.callbackIntents = ["PAYMENT_AUTHORIZATION"];

  return paymentDataRequest;
}

/**
 * Return an active PaymentsClient or initialize
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/client#PaymentsClient|PaymentsClient constructor}
 * @returns {google.payments.api.PaymentsClient} Google Pay API client
 */
function getGooglePaymentsClient() {
  if ( paymentsClient === null ) {
    paymentsClient = new google.payments.api.PaymentsClient({
    	environment: 'TEST',
      paymentDataCallbacks: {
      	onPaymentAuthorized: onPaymentAuthorized
      }
    });
  }
  return paymentsClient;
}

/**
 * Handles authorize payments callback intents.
 *
 * @param {object} paymentData response from Google Pay API after a payer approves payment through user gesture.
 * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#PaymentData object reference}
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#PaymentAuthorizationResult}
 * @returns Promise<{object}> Promise of PaymentAuthorizationResult object to acknowledge the payment authorization status.
 */
function onPaymentAuthorized(paymentData) {
	return new Promise(function(resolve, reject){
    // handle the response
    processPayment(paymentData)
    .then(function() {
      resolve({transactionState: 'SUCCESS'});
    })
    .catch(function() {
      resolve({
        transactionState: 'ERROR',
        error: {
          intent: 'PAYMENT_AUTHORIZATION',
          message: 'Insufficient funds',
          reason: 'PAYMENT_DATA_INVALID'
        }
      });
  	});
  });
}

/**
 * Initialize Google PaymentsClient after Google-hosted JavaScript has loaded
 *
 * Display a Google Pay payment button after confirmation of the viewer's
 * ability to pay.
 */
function onGooglePayLoaded() {
  const paymentsClient = getGooglePaymentsClient();
  paymentsClient.isReadyToPay(getGoogleIsReadyToPayRequest())
      .then(function(response) {
        if (response.result) {
          addGooglePayButton();
        }
      })
      .catch(function(err) {
        // show error in developer console for debugging
        console.error(err);
      });
}

/**
 * Add a Google Pay purchase button alongside an existing checkout button
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#ButtonOptions|Button options}
 * @see {@link https://developers.google.com/pay/api/web/guides/brand-guidelines|Google Pay brand guidelines}
 */
function addGooglePayButton() {
  const paymentsClient = getGooglePaymentsClient();
  const button =
      paymentsClient.createButton({
        onClick: onGooglePaymentButtonClicked,
        allowedPaymentMethods: [baseCardPaymentMethod]
      });
  document.getElementById('container').appendChild(button);
}

/**
 * Provide Google Pay API with a payment amount, currency, and amount status
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo|TransactionInfo}
 * @returns {object} transaction info, suitable for use as transactionInfo property of PaymentDataRequest
 */
function getGoogleTransactionInfo() {
  return {
        displayItems: [
        {
          label: "Subtotal",
          type: "SUBTOTAL",
          price: "11.00",
        },
      {
          label: "Tax",
          type: "TAX",
          price: "1.00",
        }
    ],
    countryCode: 'US',
    currencyCode: "USD",
    totalPriceStatus: "FINAL",
    totalPrice: "12.00",
    totalPriceLabel: "Total"
  };
}

/**
 * Show Google Pay payment sheet when Google Pay payment button is clicked
 */
function onGooglePaymentButtonClicked() {
  const paymentDataRequest = getGooglePaymentDataRequest();
  paymentDataRequest.transactionInfo = getGoogleTransactionInfo();

  const paymentsClient = getGooglePaymentsClient();
  paymentsClient.loadPaymentData(paymentDataRequest);
}

/**
 * Process payment data returned by the Google Pay API
 *
 * @param {object} paymentData response from Google Pay API after user approves payment
 * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#PaymentData|PaymentData object reference}
 */
function processPayment(paymentData) {
	return new Promise(function(resolve, reject) {
  	setTimeout(function() {
  		// @todo pass payment token to your gateway to process payment
  		paymentToken = paymentData.paymentMethodData.tokenizationData.token;

    	resolve({});
    }, 3000);
  });
}</script>
<script async
  src="https://pay.google.com/gp/p/js/pay.js"
  onload="onGooglePayLoaded()"></script>

Dynamische Preisaktualisierungen

<div id="container"></div>

<script>
/**
 * Define the version of the Google Pay API referenced when creating your
 * configuration
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataRequest|apiVersion in PaymentDataRequest}
 */
const baseRequest = {
  apiVersion: 2,
  apiVersionMinor: 0
};

/**
 * Card networks supported by your site and your gateway
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 * @todo confirm card networks supported by your site and gateway
 */
const allowedCardNetworks = ["AMEX", "DISCOVER", "JCB", "MASTERCARD", "VISA"];

/**
 * Card authentication methods supported by your site and your gateway
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 * @todo confirm your processor supports Android device tokens for your
 * supported card networks
 */
const allowedCardAuthMethods = ["PAN_ONLY", "CRYPTOGRAM_3DS"];

/**
 * Identify your gateway and your site's gateway merchant identifier
 *
 * The Google Pay API response will return an encrypted payment method capable
 * of being charged by a supported gateway after payer authorization
 *
 * @todo check with your gateway on the parameters to pass
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#gateway|PaymentMethodTokenizationSpecification}
 */
const tokenizationSpecification = {
  type: 'PAYMENT_GATEWAY',
  parameters: {
    'gateway': 'example',
    'gatewayMerchantId': 'exampleGatewayMerchantId'
  }
};

/**
 * Describe your site's support for the CARD payment method and its required
 * fields
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 */
const baseCardPaymentMethod = {
  type: 'CARD',
  parameters: {
    allowedAuthMethods: allowedCardAuthMethods,
    allowedCardNetworks: allowedCardNetworks
  }
};

/**
 * Describe your site's support for the CARD payment method including optional
 * fields
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 */
const cardPaymentMethod = Object.assign(
  {},
  baseCardPaymentMethod,
  {
    tokenizationSpecification: tokenizationSpecification
  }
);

/**
 * An initialized google.payments.api.PaymentsClient object or null if not yet set
 *
 * @see {@link getGooglePaymentsClient}
 */
let paymentsClient = null;

/**
 * Configure your site's support for payment methods supported by the Google Pay
 * API.
 *
 * Each member of allowedPaymentMethods should contain only the required fields,
 * allowing reuse of this base request when determining a viewer's ability
 * to pay and later requesting a supported payment method
 *
 * @returns {object} Google Pay API version, payment methods supported by the site
 */
function getGoogleIsReadyToPayRequest() {
  return Object.assign(
      {},
      baseRequest,
      {
        allowedPaymentMethods: [baseCardPaymentMethod]
      }
  );
}

/**
 * Configure support for the Google Pay API
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataRequest|PaymentDataRequest}
 * @returns {object} PaymentDataRequest fields
 */
function getGooglePaymentDataRequest() {
  const paymentDataRequest = Object.assign({}, baseRequest);
  paymentDataRequest.allowedPaymentMethods = [cardPaymentMethod];
  paymentDataRequest.transactionInfo = getGoogleTransactionInfo();
  paymentDataRequest.merchantInfo = {
    // @todo a merchant ID is available for a production environment after approval by Google
    // See {@link https://developers.google.com/pay/api/web/guides/test-and-deploy/integration-checklist|Integration checklist}
    // merchantId: '12345678901234567890',
    merchantName: 'Example Merchant'
  };

  paymentDataRequest.callbackIntents = ["SHIPPING_ADDRESS",  "SHIPPING_OPTION", "PAYMENT_AUTHORIZATION"];
  paymentDataRequest.shippingAddressRequired = true;
  paymentDataRequest.shippingAddressParameters = getGoogleShippingAddressParameters();
  paymentDataRequest.shippingOptionRequired = true;

  return paymentDataRequest;
}

/**
 * Return an active PaymentsClient or initialize
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/client#PaymentsClient|PaymentsClient constructor}
 * @returns {google.payments.api.PaymentsClient} Google Pay API client
 */
function getGooglePaymentsClient() {
  if ( paymentsClient === null ) {
    paymentsClient = new google.payments.api.PaymentsClient({
      environment: "TEST",
      merchantInfo: {
        merchantName: "Example Merchant",
        merchantId: "01234567890123456789"
      },
      paymentDataCallbacks: {
      	onPaymentAuthorized: onPaymentAuthorized,
        onPaymentDataChanged: onPaymentDataChanged
      }
    });
  }
  return paymentsClient;
}


function onPaymentAuthorized(paymentData) {
	return new Promise(function(resolve, reject){

  // handle the response
  processPayment(paymentData)
    .then(function() {
      resolve({transactionState: 'SUCCESS'});
    })
    .catch(function() {
    	resolve({
        transactionState: 'ERROR',
        error: {
          intent: 'PAYMENT_AUTHORIZATION',
          message: 'Insufficient funds',
          reason: 'PAYMENT_DATA_INVALID'
        }
      });
    });

  });
}

/**
 * Handles dynamic buy flow shipping address and shipping options callback intents.
 *
 * @param {object} itermediatePaymentData response from Google Pay API a shipping address or shipping option is selected in the payment sheet.
 * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#IntermediatePaymentData|IntermediatePaymentData object reference}
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#PaymentDataRequestUpdate|PaymentDataRequestUpdate}
 * @returns Promise<{object}> Promise of PaymentDataRequestUpdate object to update the payment sheet.
 */
function onPaymentDataChanged(intermediatePaymentData) {
  return new Promise(function(resolve, reject) {

   	let shippingAddress = intermediatePaymentData.shippingAddress;
    let shippingOptionData = intermediatePaymentData.shippingOptionData;
    let paymentDataRequestUpdate = {};

    if (intermediatePaymentData.callbackTrigger == "INITIALIZE" || intermediatePaymentData.callbackTrigger == "SHIPPING_ADDRESS") {
      if(shippingAddress.administrativeArea == "NJ")  {
        paymentDataRequestUpdate.error = getGoogleUnserviceableAddressError();
      }
      else {
        paymentDataRequestUpdate.newShippingOptionParameters = getGoogleDefaultShippingOptions();
        let selectedShippingOptionId = paymentDataRequestUpdate.newShippingOptionParameters.defaultSelectedOptionId;
        paymentDataRequestUpdate.newTransactionInfo = calculateNewTransactionInfo(selectedShippingOptionId);
      }
    }
    else if (intermediatePaymentData.callbackTrigger == "SHIPPING_OPTION") {
      paymentDataRequestUpdate.newTransactionInfo = calculateNewTransactionInfo(shippingOptionData.id);
    }

    resolve(paymentDataRequestUpdate);
  });
}

/**
 * Helper function to create a new TransactionInfo object.

 * @param string shippingOptionId respresenting the selected shipping option in the payment sheet.
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo|TransactionInfo}
 * @returns {object} transaction info, suitable for use as transactionInfo property of PaymentDataRequest
 */
function calculateNewTransactionInfo(shippingOptionId) {
        let newTransactionInfo = getGoogleTransactionInfo();

  let shippingCost = getShippingCosts()[shippingOptionId];
  newTransactionInfo.displayItems.push({
    type: "LINE_ITEM",
    label: "Shipping cost",
    price: shippingCost,
    status: "FINAL"
  });

  let totalPrice = 0.00;
  newTransactionInfo.displayItems.forEach(displayItem => totalPrice += parseFloat(displayItem.price));
  newTransactionInfo.totalPrice = totalPrice.toString();

  return newTransactionInfo;
}

/**
 * Initialize Google PaymentsClient after Google-hosted JavaScript has loaded
 *
 * Display a Google Pay payment button after confirmation of the viewer's
 * ability to pay.
 */
function onGooglePayLoaded() {
  const paymentsClient = getGooglePaymentsClient();
  paymentsClient.isReadyToPay(getGoogleIsReadyToPayRequest())
      .then(function(response) {
        if (response.result) {
          addGooglePayButton();
          // @todo prefetch payment data to improve performance after confirming site functionality
          // prefetchGooglePaymentData();
        }
      })
      .catch(function(err) {
        // show error in developer console for debugging
        console.error(err);
      });
}

/**
 * Add a Google Pay purchase button alongside an existing checkout button
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#ButtonOptions|Button options}
 * @see {@link https://developers.google.com/pay/api/web/guides/brand-guidelines|Google Pay brand guidelines}
 */
function addGooglePayButton() {
  const paymentsClient = getGooglePaymentsClient();
  const button =
      paymentsClient.createButton({
        onClick: onGooglePaymentButtonClicked,
        allowedPaymentMethods: [baseCardPaymentMethod]
      });
  document.getElementById('container').appendChild(button);
}

/**
 * Provide Google Pay API with a payment amount, currency, and amount status
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo|TransactionInfo}
 * @returns {object} transaction info, suitable for use as transactionInfo property of PaymentDataRequest
 */
function getGoogleTransactionInfo() {
  return {
        displayItems: [
        {
          label: "Subtotal",
          type: "SUBTOTAL",
          price: "11.00",
        },
      {
          label: "Tax",
          type: "TAX",
          price: "1.00",
        }
    ],
    countryCode: 'US',
    currencyCode: "USD",
    totalPriceStatus: "FINAL",
    totalPrice: "12.00",
    totalPriceLabel: "Total"
  };
}

/**
 * Provide a key value store for shippping options.
 */
function getShippingCosts() {
        return {
    "shipping-001": "0.00",
    "shipping-002": "1.99",
    "shipping-003": "10.00"
  }
}

/**
 * Provide Google Pay API with shipping address parameters when using dynamic buy flow.
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#ShippingAddressParameters|ShippingAddressParameters}
 * @returns {object} shipping address details, suitable for use as shippingAddressParameters property of PaymentDataRequest
 */
function getGoogleShippingAddressParameters() {
        return  {
        allowedCountryCodes: ['US'],
    phoneNumberRequired: true
  };
}

/**
 * Provide Google Pay API with shipping options and a default selected shipping option.
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#ShippingOptionParameters|ShippingOptionParameters}
 * @returns {object} shipping option parameters, suitable for use as shippingOptionParameters property of PaymentDataRequest
 */
function getGoogleDefaultShippingOptions() {
        return {
      defaultSelectedOptionId: "shipping-001",
      shippingOptions: [
        {
          "id": "shipping-001",
          "label": "Free: Standard shipping",
          "description": "Free Shipping delivered in 5 business days."
        },
        {
          "id": "shipping-002",
          "label": "$1.99: Standard shipping",
          "description": "Standard shipping delivered in 3 business days."
        },
        {
          "id": "shipping-003",
          "label": "$10: Express shipping",
          "description": "Express shipping delivered in 1 business day."
        },
      ]
  };
}

/**
 * Provide Google Pay API with a payment data error.
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#PaymentDataError|PaymentDataError}
 * @returns {object} payment data error, suitable for use as error property of PaymentDataRequestUpdate
 */
function getGoogleUnserviceableAddressError() {
        return {
    reason: "SHIPPING_ADDRESS_UNSERVICEABLE",
    message: "Cannot ship to the selected address",
    intent: "SHIPPING_ADDRESS"
        };
}

/**
 * Prefetch payment data to improve performance
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/client#prefetchPaymentData|prefetchPaymentData()}
 */
function prefetchGooglePaymentData() {
  const paymentDataRequest = getGooglePaymentDataRequest();
  // transactionInfo must be set but does not affect cache
  paymentDataRequest.transactionInfo = {
    totalPriceStatus: 'NOT_CURRENTLY_KNOWN',
    currencyCode: 'USD'
  };
  const paymentsClient = getGooglePaymentsClient();
  paymentsClient.prefetchPaymentData(paymentDataRequest);
}


/**
 * Show Google Pay payment sheet when Google Pay payment button is clicked
 */
function onGooglePaymentButtonClicked() {
  const paymentDataRequest = getGooglePaymentDataRequest();
  paymentDataRequest.transactionInfo = getGoogleTransactionInfo();

  const paymentsClient = getGooglePaymentsClient();
  paymentsClient.loadPaymentData(paymentDataRequest);
}

/**
 * Process payment data returned by the Google Pay API
 *
 * @param {object} paymentData response from Google Pay API after user approves payment
 * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#PaymentData|PaymentData object reference}
 */
function processPayment(paymentData) {
	return new Promise(function(resolve, reject) {
  	setTimeout(function() {
    	// show returned data in developer console for debugging
   	 console.log(paymentData);
  		// @todo pass payment token to your gateway to process payment
  		paymentToken = paymentData.paymentMethodData.tokenizationData.token;

    	resolve({});
    }, 3000);
  });
}</script>
<script async
  src="https://pay.google.com/gp/p/js/pay.js"
  onload="onGooglePayLoaded()"></script>

Angebote

<div id="container"></div>

<script>
/**
 * Please note: The Promo Code callback is extremely flexible. This example
 * implementation is only one of many ways to interface with it.
 *
 * In production, your promo codes and payment logic should be securely
 * processed on your server, not client-side as in this example. Use AJAX to
 * pass this information to the payment sheet.
 */

/**
 * Define the version of the Google Pay API referenced when creating your
 * configuration
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataRequest|apiVersion in PaymentDataRequest}
 */
const baseRequest = {
  apiVersion: 2,
  apiVersionMinor: 0
};

/**
 * Define valid promo code strings
 *
 * This object paradigm is not necessary to implement Promo Codes, but provides
 * an example of how to implement promo code behavior in a modular way.
 *
 * In production, your promo codes should be securely processed on your server,
 * not client-side as in this example.
 *
 * code: the way the promo code itself is displayed in the payment sheet
 * description: the description provided to the user on the payment sheet
 * function: the function used to calculate the price change
 * value: the value passed into the above function. This value should be
 * negative for a discount.
 */

const validPromoCodes = {
  SOMEPROMOCODE: {
    code: 'SOMEPROMOCODE',
    description: '20% off all products!',
    function: percentageDiscount,
    value: -20 // value should be negative for a discount
  },
  ANOTHERPROMOCODE: {
    code: 'ANOTHERPROMOCODE',
    description: '$5 dollars off!',
    function: staticDiscount,
    value: -5.00 // value should be negative for a discount
  }
}

/**
 * Card networks supported by your site and your gateway
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 * @todo confirm card networks supported by your site and gateway
 */
const allowedCardNetworks = ['AMEX', 'DISCOVER', 'JCB', 'MASTERCARD', 'VISA'];

/**
 * Card authentication methods supported by your site and your gateway
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 * @todo confirm your processor supports Android device tokens for your
 * supported card networks
 */
const allowedCardAuthMethods = ['PAN_ONLY', 'CRYPTOGRAM_3DS'];

/**
 * Identify your gateway and your site's gateway merchant identifier
 *
 * The Google Pay API response will return an encrypted payment method capable
 * of being charged by a supported gateway after payer authorization
 *
 * @todo check with your gateway on the parameters to pass
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#gateway|PaymentMethodTokenizationSpecification}
 */
const tokenizationSpecification = {
  type: 'PAYMENT_GATEWAY',
  parameters: {
    gateway: 'example',
    gatewayMerchantId: 'exampleGatewayMerchantId'
  }
};

/**
 * Describe your site's support for the CARD payment method and its required
 * fields
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 */
const baseCardPaymentMethod = {
  type: 'CARD',
  parameters: {
    allowedAuthMethods: allowedCardAuthMethods,
    allowedCardNetworks: allowedCardNetworks
  }
};

/**
 * Describe your site's support for the CARD payment method including optional
 * fields
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#CardParameters|CardParameters}
 */
const cardPaymentMethod = Object.assign(
  {},
  baseCardPaymentMethod,
  {
    tokenizationSpecification: tokenizationSpecification
  }
);

/**
 * An initialized google.payments.api.PaymentsClient object or null if not yet set
 *
 * @see {@link getGooglePaymentsClient}
 */
let paymentsClient = null;

/**
 * Configure your site's support for payment methods supported by the Google Pay
 * API.
 *
 * Each member of allowedPaymentMethods should contain only the required fields,
 * allowing reuse of this base request when determining a viewer's ability
 * to pay and later requesting a supported payment method
 *
 * @returns {object} Google Pay API version, payment methods supported by the site
 */
function getGoogleIsReadyToPayRequest() {
  return Object.assign(
      {},
      baseRequest,
      {
        allowedPaymentMethods: [baseCardPaymentMethod]
      }
  );
}

/**
 * Configure support for the Google Pay API
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataRequest|PaymentDataRequest}
 * @returns {object} PaymentDataRequest fields
 */
function getGooglePaymentDataRequest() {
  const paymentDataRequest = Object.assign({}, baseRequest);
  paymentDataRequest.allowedPaymentMethods = [cardPaymentMethod];
  paymentDataRequest.transactionInfo = getGoogleTransactionInfo();
  paymentDataRequest.merchantInfo = {
    // @todo a merchant ID is available for a production environment after approval by Google
    // See {@link https://developers.google.com/pay/api/web/guides/test-and-deploy/integration-checklist|Integration checklist}
    // merchantId: '12345678901234567890',
    merchantName: 'Example Merchant'
  };

  paymentDataRequest.callbackIntents = ['OFFER'];
  paymentDataRequest.shippingAddressRequired = false;
  paymentDataRequest.shippingAddressParameters = getGoogleShippingAddressParameters();

  return paymentDataRequest;
}

/**
 * Return an active PaymentsClient or initialize
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/client#PaymentsClient|PaymentsClient constructor}
 * @returns {google.payments.api.PaymentsClient} Google Pay API client
 */
function getGooglePaymentsClient() {
  if ( paymentsClient === null ) {
    paymentsClient = new google.payments.api.PaymentsClient({
      environment: 'TEST',
      merchantInfo: {
        merchantName: 'Example Merchant',
        merchantId: '01234567890123456789'
      },
      paymentDataCallbacks: {
        onPaymentDataChanged: onPaymentDataChanged
      }
    });
  }
  return paymentsClient;
}

/**
 * These functions handle adding valid promo codes to the payment sheet
 * as well as adjusting the display items to match.
 *
 * To add a new promo code, create a new function per this template
 * and define it as valid in the onPaymentDataChanged function.
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#PaymentDataRequestUpdate|PaymentDataRequestUpdate}
 * @param {string} redemptionCode string representing the promo code to apply
 * @param {string} description string representing the description to show
 * @param {int} discountPercentage int representing the percentage to discount.
 * Please note the discount value should be negative. Ex: -20 = 20% discount.
 * @param {object} PaymentDataRequestUpdate object representing
 * the current state of the payment data request.
 * @returns {object} PaymentDataRequestUpdate object to update the
 * payment sheet with new transaction info and offer data.
 */

function percentageDiscount(promoParameters, paymentDataRequestUpdate) {
  // set variables
  let originalTransactionInfo = getGoogleTransactionInfo();
  /* because this promo code calculates a % of original prices,
   * we need to get the original transaction info */
  let newTransactionInfo = paymentDataRequestUpdate.newTransactionInfo;
  let discount = 0;

    // update promo code and description
  paymentDataRequestUpdate.newOfferInfo.offers.push({
    redemptionCode: promoParameters['code'],
    description: promoParameters['description']
  });

  // calculate discount (from original transaction items only)
  originalTransactionInfo.displayItems.forEach(function(displayItem) {
    discount += parseFloat(displayItem.price) * promoParameters['value'] * 0.01;
  });

  // add displayItem with new discount
  newTransactionInfo.displayItems.push({
      label: promoParameters['code'],
      price: discount.toFixed(2),
      type: 'LINE_ITEM'
  });

  return paymentDataRequestUpdate;
}

function staticDiscount(promoParameters, paymentDataRequestUpdate) {
  // set variables
  let newTransactionInfo = paymentDataRequestUpdate.newTransactionInfo;

    // update promo code and description
  paymentDataRequestUpdate.newOfferInfo.offers.push({
    redemptionCode: promoParameters['code'],
    description: promoParameters['description']
  });

  // add displayItem with new discount
  newTransactionInfo.displayItems.push({
      label: promoParameters['code'],
      price: promoParameters['value'].toFixed(2),
      type: 'LINE_ITEM'
  });

  return paymentDataRequestUpdate;
}

/**
 * Handles offer callback intents.
 *
 * @param {object} itermediatePaymentData response from Google Pay API when a promo code is entered in the google pay payment sheet.
 * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#IntermediatePaymentData|IntermediatePaymentData object reference}
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#PaymentDataRequestUpdate|PaymentDataRequestUpdate}
 * @returns Promise<{object}> Promise of PaymentDataRequestUpdate object to update the payment sheet with new transaction info and offer data.
 */
function onPaymentDataChanged(intermediatePaymentData) {
  return new Promise(function(resolve, reject) {

    let redemptionCodes = new Set();
    let shippingOptionData = intermediatePaymentData.shippingOptionData;
    let paymentDataRequestUpdate = {};
    paymentDataRequestUpdate.newTransactionInfo = getGoogleTransactionInfo();

    // ensure that promo codes set is unique
    if(typeof intermediatePaymentData.offerData != 'undefined') {
      redemptionCodes = new Set(intermediatePaymentData.offerData.redemptionCodes);
    }

    // validate promo codes and add descriptions to payment sheet
    if (intermediatePaymentData.callbackTrigger === 'OFFER') {
      paymentDataRequestUpdate.newOfferInfo = {};
      paymentDataRequestUpdate.newOfferInfo.offers = [];
      for (redemptionCode of redemptionCodes) {
        if (validPromoCodes[redemptionCode]) {
          paymentDataRequestUpdate = validPromoCodes[redemptionCode].function(
            validPromoCodes[redemptionCode],
            paymentDataRequestUpdate
          );
        } else {
          paymentDataRequestUpdate.error = getGoogleOfferInvalidError(redemptionCode);
        }
      }
    }
    /**
     * Update item costs and total.
     *
     * In production, this final calculation should always be calculated
     * server-side to ensure it matches the price that the merchant sends to the
     * processor.
     */
    paymentDataRequestUpdate.newTransactionInfo = calculateNewTransactionInfo(
      paymentDataRequestUpdate.newTransactionInfo
    )

    resolve(paymentDataRequestUpdate);
  });
}

/**
 * Helper function to update the TransactionInfo object.
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo|TransactionInfo}
 * @param {object} transactionInfo respresenting the selected shipping option in the payment sheet.
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo|TransactionInfo}
 * @returns {object} transaction info, suitable for use as transactionInfo property of PaymentDataRequest
 */
function calculateNewTransactionInfo(newTransactionInfo) {
  // calculate the new totalPrice from display items
  let totalPrice = 0.00;
  newTransactionInfo.displayItems.forEach(
    function(displayItem) {
      totalPrice += parseFloat(displayItem.price);
    }
  );
  // Note: newTransactionInfo.totalPrice must be a string
  newTransactionInfo.totalPrice = totalPrice.toFixed(2);

  return newTransactionInfo;
}

/**
 * Initialize Google PaymentsClient after Google-hosted JavaScript has loaded
 *
 * Display a Google Pay payment button after confirmation of the viewer's
 * ability to pay.
 */
function onGooglePayLoaded() {
  const paymentsClient = getGooglePaymentsClient();
  paymentsClient.isReadyToPay(getGoogleIsReadyToPayRequest())
      .then(function(response) {
        if (response.result) {
          addGooglePayButton();
          // @todo prefetch payment data to improve performance after confirming site functionality
          // prefetchGooglePaymentData();
        }
      })
      .catch(function(err) {
        // show error in developer console for debugging
        console.error(err);
      });
}

/**
 * Add a Google Pay purchase button alongside an existing checkout button
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#ButtonOptions|Button options}
 * @see {@link https://developers.google.com/pay/api/web/guides/brand-guidelines|Google Pay brand guidelines}
 */
function addGooglePayButton() {
  const paymentsClient = getGooglePaymentsClient();
  const button =
      paymentsClient.createButton({
        onClick: onGooglePaymentButtonClicked,
        allowedPaymentMethods: [baseCardPaymentMethod]
      });
  document.getElementById('container').appendChild(button);
}

/**
 * Provide Google Pay API with a payment amount, currency, and amount status
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo|TransactionInfo}
 * @returns {object} transaction info, suitable for use as transactionInfo property of PaymentDataRequest
 */
function getGoogleTransactionInfo() {
  return {
        displayItems: [
        {
          label: 'Subtotal',
          type: 'SUBTOTAL',
          price: '11.00',
          status: 'FINAL'
        },
        {
          label: 'Tax',
          type: 'TAX',
          price: '1.00'
        }
    ],
    currencyCode: 'USD',
    totalPriceStatus: 'FINAL',
    totalPrice: '12.00',
    totalPriceLabel: 'Total'
  };
}

/**
 * Provide Google Pay API with shipping address parameters.
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/request-objects#ShippingAddressParameters|ShippingAddressParameters}
 * @returns {object} shipping address details, suitable for use as shippingAddressParameters property of PaymentDataRequest
 */
function getGoogleShippingAddressParameters() {
        return  {
        allowedCountryCodes: ['US', 'UK', 'FR', 'CA', 'MX', 'GA'],
    phoneNumberRequired: false
  };
}

/**
 * Provide Google Pay API with an invalid offer error.
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#PaymentDataError|PaymentDataError}
 * @returns {object} payment data error, suitable for use as error property of PaymentDataRequestUpdate
 */
function getGoogleOfferInvalidError(redemptionCode) {
        return {
    reason: 'OFFER_INVALID',
    message: redemptionCode + ' is not a valid promo code.',
    intent: 'OFFER'
        };
}

/**
 * Prefetch payment data to improve performance
 *
 * @see {@link https://developers.google.com/pay/api/web/reference/client#prefetchPaymentData|prefetchPaymentData()}
 */
function prefetchGooglePaymentData() {
  const paymentDataRequest = getGooglePaymentDataRequest();
  // transactionInfo must be set but does not affect cache
  paymentDataRequest.transactionInfo = {
    totalPriceStatus: 'NOT_CURRENTLY_KNOWN',
    currencyCode: 'USD'
  };
  const paymentsClient = getGooglePaymentsClient();
  paymentsClient.prefetchPaymentData(paymentDataRequest);
}


/**
 * Show Google Pay payment sheet when Google Pay payment button is clicked
 */
function onGooglePaymentButtonClicked() {
  const paymentDataRequest = getGooglePaymentDataRequest();
  paymentDataRequest.transactionInfo = getGoogleTransactionInfo();

  const paymentsClient = getGooglePaymentsClient();
  paymentsClient.loadPaymentData(paymentDataRequest)
      .then(function(paymentData) {
        // handle the response
        processPayment(paymentData);
      })
      .catch(function(err) {
        // show error in developer console for debugging
        console.error(err);
      });
}

/**
 * Process payment data returned by the Google Pay API
 * In a production environment, this function should always be implemented
 * server-side.
 *
 * @param {object} paymentData response from Google Pay API after user approves payment
 * @see {@link https://developers.google.com/pay/api/web/reference/response-objects#PaymentData|PaymentData object reference}
 */
function processPayment(paymentData) {
  // show returned data in developer console for debugging
    console.log(paymentData);
  // @todo pass payment token to your gateway to process payment
  paymentToken = paymentData.paymentMethodData.tokenizationData.token;
}</script>
<script async
  src="https://pay.google.com/gp/p/js/pay.js"
  onload="onGooglePayLoaded()"></script>

Ziel: Gehen Sie zur Integrations-Checkliste, um Ihre Integration zu validieren und Produktionszugriff anzufordern.