Leser w\u00e4hlen eine der oben genannten Optionen, aber wenn sie sich f\u00fcr PayPal entscheiden m\u00f6chten, lesen Sie weiter. In diesem Artikel zeige ich Ihnen, wie Sie Kreditkartenzahlungen mit PayPal Payments Pro akzeptieren.<\/p>\n
PayPal Payments Pro akzeptiert Zahlungen mit einer vollst\u00e4ndig anpassbaren L\u00f6sung. Das bedeutet, dass Sie Ihr eigenes Zahlungsformular erstellen und Ihren Kunden belasten k\u00f6nnen. Es leitet Sie nicht auf die PayPal-Website weiter, um die Transaktion abzuschlie\u00dfen.<\/p>\n
Wir werden auch ein eigenes Formular erstellen, in das ein Kunde seine Kartendaten eingibt und bezahlen kann, ohne die Website zu verlassen. Der Benutzer kann seine eigene Checkout-Seite gestalten und erm\u00f6glicht dem Benutzer die Eingabe der Kartendetails. Lassen Sie uns also ohne weitere Verz\u00f6gerung eintauchen.<\/p>\n
Einstieg<\/h3>\n
Bevor Sie Echtzeitzahlungen akzeptieren, wird immer empfohlen, diese zuerst im Sandbox-Modus zu testen. Wenn in der Sandbox alles wie erwartet funktioniert, sollten wir sie live schalten, um Probleme mit Kundenzahlungen zu vermeiden. Zum Testen von Zahlungen ben\u00f6tigen Sie ein PayPal-Sandbox-Konto. Erstellen Sie Ihr Konto bei PayPal Developer<\/a>. Nachdem Sie ein Konto erstellt haben, gehen Sie<\/strong> im linken Men\u00fc zu SANDBOX->Konten<\/strong> und erstellen Sie ein Gesch\u00e4ftskonto.<\/p>\n Zum Zeitpunkt der Erstellung dieses Artikels ist PayPal Payments Pro in den USA, Gro\u00dfbritannien und Kanada verf\u00fcgbar. Das bedeutet, dass Sie beim Erstellen eines Kontos eines dieser L\u00e4nder ausw\u00e4hlen m\u00fcssen.<\/p>\n Sobald Sie ein Gesch\u00e4ftskonto haben, m\u00fcssen Sie Ihren Kontotyp auf "Business-Pro" aktualisieren. Sie m\u00fcssen Ihren Kontotyp "Business-Pro" haben, um Kreditkartenzahlungen zu akzeptieren. Um ein Upgrade durchzuf\u00fchren, klicken Sie auf den Link \u201eUpgrade to Pro“ und PayPal wandelt Ihren Kontotyp in \u201eBusiness-Pro“ um.<\/p>\n Klicken Sie als N\u00e4chstes auf die Registerkarte \u201eAPI-Anmeldeinformationen“ und rufen Sie Ihre Anmeldeinformationen ab. Wir ben\u00f6tigen diese Anmeldeinformationen im n\u00e4chsten Teil dieses Tutorials.<\/p>\n Wie gesagt, mit PayPal Payments Pro k\u00f6nnen Sie Ihr eigenes Zahlungsformular gestalten. Lassen Sie uns ein sch\u00f6nes Checkout-Formular erstellen, in das der Kunde seine Zahlungsdaten eingibt. Ich werde f\u00fcr dieses Tutorial ein sch\u00f6n gestaltetes Formular f\u00fcr Codepen verwenden<\/a>.<\/p>\n Die endg\u00fcltige Ordnerstruktur sollte wie folgt aussehen:<\/p>\n Denken Sie nicht an Erstellen Sie eine Ebenso hat unsere Holen Sie sich eine Kopie von Erstellen Sie nun eine Gehen Sie zum Browser und f\u00fchren Sie die Sie sind jetzt mit Ihren PayPal-API-Anmeldeinformationen und dem HTML-Formular fertig. Es ist Zeit, die Dinge dynamisch zu machen. Die Integration eines Zahlungsgateways ist insgesamt keine leichte Aufgabe. Sie m\u00fcssen es recherchieren und die gesamte Dokumentation des Anbieters lesen. Manchmal wird es so verwirrend und trotz vieler Stunden haben Sie Ihr Ziel nicht erreicht. Ich war schon oft damit konfrontiert. Und wenn es um PayPal geht, wird die Situation aufgrund der umfangreichen PayPal-Dokumentation komplexer.<\/p>\n Dies ist nicht mehr der Fall. Omnipay erleichtert<\/a> unseren Entwicklern das Leben in Bezug auf die Integration von Zahlungsgateways. Wenn Sie diese Bibliothek verwenden, m\u00fcssen Sie die Dokumentation zum Zahlungsgateway nicht lesen. Rufen Sie einfach Ihre API-Anmeldeinformationen ab, befolgen Sie die Omnipay-Anweisungen und Sie sind fertig. Weitere Informationen finden Sie auf der GitHub-Seite<\/a>.<\/p>\n F\u00fchren Sie den folgenden Befehl aus, um Omnipay und die unterst\u00fctzte PayPal-Bibliothek zu installieren.<\/p>\n Nach der Installation der obigen Bibliotheken wird der folgende Code in Ihre Stellen Sie sicher, dass PAYPAL_API_USERNAME, PAYPAL_API_PASSWORD, PAYPAL_API_SIGNATURE des Platzhalters durch die tats\u00e4chlichen Werte ersetzt werden. Gehen Sie nun zu Ihrem Browser und versuchen Sie eine Zahlung mit Dummy-Kreditkartendaten durchzuf\u00fchren. Sie sollten eine Erfolgsmeldung zusammen mit Ihrer Transaktions-ID erhalten. Der Benutzer kann erhalten Test Kreditkarten<\/a> zur Verf\u00fcgung gestellt von PayPal.<\/p>\n Nachdem Sie die Sandbox-Tests abgeschlossen haben, \u00fcbergeben Sie die Live-Anmeldeinformationen f\u00fcr die in einem Code verwendeten Platzhalter. Sie m\u00fcssen auch den Wert ‚false‘ an die Es geht darum, Kreditkartenzahlungen mit PayPal Payments Pro in PHP zu akzeptieren. Ich hoffe, es wird Ihnen helfen, eine Zahlungsl\u00f6sung f\u00fcr Ihre Website zu integrieren. Probieren Sie dieses Tutorial aus und teilen Sie mir Ihre Gedanken und Vorschl\u00e4ge im Kommentarbereich unten mit.<\/p>\n![\"Akzeptieren](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20129-6081c034cf341.png\")
<\/a><\/p>\n![\"Akzeptieren](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20129-6081c0355f78e.png\")
<\/a><\/p>\nAnpassbares Zahlungsformular<\/h3>\n
<\/a><\/p>\nvendor<\/code>, charge.php<\/code>, composer.json<\/code>, composer.lock<\/code>f\u00fcr jetzt. Wir werden es im sp\u00e4teren Teil erstellen.<\/p>\ncss\/card.css<\/code>Datei und f\u00fcgen Sie den unten stehenden Code wie in codepen angegeben ein<\/a>.<\/p>\n@import url(https:\/\/fonts.googleapis.com\/css?family=Roboto:400,900,700,500);\n\u00a0\nbody {\n\u00a0\u00a0padding: 60px 0;\n\u00a0\u00a0background-color: rgba(178,209,229,0.7);\n\u00a0\u00a0margin: 0 auto;\n\u00a0\u00a0width: 600px;\n}\n.body-text {\n\u00a0\u00a0padding: 0 20px 30px 20px;\n\u00a0\u00a0font-family: \"Roboto\";\n\u00a0\u00a0font-size: 1em;\n\u00a0\u00a0color: #333;\n\u00a0\u00a0text-align: center;\n\u00a0\u00a0line-height: 1.2em;\n}\n.form-container {\n\u00a0\u00a0flex-direction: column;\n\u00a0\u00a0justify-content: center;\n\u00a0\u00a0align-items: center;\n}\n.card-wrapper {\n\u00a0\u00a0background-color: #6FB7E9;\n\u00a0\u00a0width: 100%;\n\u00a0\u00a0display: flex;\n\u00a0\n}\n.personal-information {\n\u00a0\u00a0background-color: #3C8DC5;\n\u00a0\u00a0color: #fff;\n\u00a0\u00a0padding: 1px 0;\n\u00a0\u00a0text-align: center;\n}\nh1 {\n\u00a0\u00a0font-size: 1.3em;\n\u00a0\u00a0font-family: \"Roboto\"\n}\ninput {\n\u00a0\u00a0margin: 1px 0;\n\u00a0\u00a0padding-left: 3%;\n\u00a0\u00a0font-size: 14px;\n}\ninput[type=\"text\"]{\n\u00a0\u00a0display: block;\n\u00a0\u00a0height: 50px;\n\u00a0\u00a0width: 97%;\n\u00a0\u00a0border: none;\n}\ninput[type=\"email\"]{\n\u00a0\u00a0display: block;\n\u00a0\u00a0height: 50px;\n\u00a0\u00a0width: 97%;\n\u00a0\u00a0border: none;\n}\ninput[type=\"submit\"]{\n\u00a0\u00a0display: block;\n\u00a0\u00a0height: 60px;\n\u00a0\u00a0width: 100%;\n\u00a0\u00a0border: none;\n\u00a0\u00a0background-color: #3C8DC5;\n\u00a0\u00a0color: #fff;\n\u00a0\u00a0margin-top: 2px;\n\u00a0\u00a0curson: pointer;\n\u00a0\u00a0font-size: 0.9em;\n\u00a0\u00a0text-transform: uppercase;\n\u00a0\u00a0font-weight: bold;\n\u00a0\u00a0cursor: pointer;\n}\ninput[type=\"submit\"]:hover{\n\u00a0\u00a0background-color: #6FB7E9;\n\u00a0\u00a0transition: 0.3s ease;\n}\n#column-left {\n\u00a0\u00a0width: 46.5%;\n\u00a0\u00a0float: left;\n\u00a0\u00a0margin-bottom: 2px;\n}\n#column-right {\n\u00a0\u00a0width: 46.5%;\n\u00a0\u00a0float: right;\n}\n\u00a0\n@media only screen and (max-width: 480px){\n\u00a0\u00a0body {\n\u00a0\u00a0\u00a0\u00a0width: 100%;\n\u00a0\u00a0\u00a0\u00a0margin: 0 auto;\n\u00a0\u00a0}\n\u00a0\u00a0.form-container {\n\u00a0\u00a0\u00a0\u00a0margin: 0 2%;\n\u00a0\u00a0}\n\u00a0\u00a0input {\n\u00a0\u00a0\u00a0\u00a0font-size: 1em;\n\u00a0\u00a0}\n\u00a0\u00a0#input-button {\n\u00a0\u00a0\u00a0\u00a0width: 100%;\n\u00a0\u00a0}\n\u00a0\u00a0#input-field {\n\u00a0\u00a0\u00a0\u00a0width: 96.5%;\n\u00a0\u00a0}\n\u00a0\u00a0h1 {\n\u00a0\u00a0\u00a0\u00a0font-size: 1.2em;\n\u00a0\u00a0}\n\u00a0\u00a0input {\n\u00a0\u00a0\u00a0\u00a0margin: 2px 0;\n\u00a0\u00a0}\n\u00a0\u00a0input[type=\"submit\"]{\n\u00a0\u00a0\u00a0\u00a0height: 50px;\n\u00a0\u00a0}\n\u00a0\u00a0#column-left {\n\u00a0\u00a0\u00a0\u00a0width: 96.5%;\n\u00a0\u00a0\u00a0\u00a0display: block;\n\u00a0\u00a0\u00a0\u00a0float: none;\n\u00a0\u00a0}\n\u00a0\u00a0#column-right {\n\u00a0\u00a0\u00a0\u00a0width: 96.5%;\n\u00a0\u00a0\u00a0\u00a0display: block;\n\u00a0\u00a0\u00a0\u00a0float: none;\n\u00a0\u00a0}\n}<\/code><\/pre>\njs\/card.js<\/code>Datei den folgenden Code.<\/p>\n\/* Card.js plugin by Jesse Pollak. https:\/\/github.com\/jessepollak\/card *\/\n\u00a0\n$('form').card({\n\u00a0\u00a0\u00a0\u00a0container: '.card-wrapper',\n\u00a0\u00a0\u00a0\u00a0width: 280,\n\u00a0\n\u00a0\u00a0\u00a0\u00a0formSelectors: {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0nameInput: 'input[name=\"first-name\"], input[name=\"last-name\"]'\n\u00a0\u00a0\u00a0\u00a0}\n});<\/code><\/pre>\njquery.card.js<\/code>aus diesem GitHub-Repository<\/a>. Speichern Sie diese Datei in Ihrem ‚js‘-Verzeichnis.<\/p>\nindex.html<\/code>Datei. In dieser Datei werden wir HTML-Markup hinzuf\u00fcgen, das unser Checkout-Formular anzeigt.<\/p>\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n\u00a0\u00a0\u00a0\u00a0<meta charset=\"UTF-8\">\n\u00a0\u00a0\u00a0\u00a0<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\u00a0\u00a0\u00a0\u00a0<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\n\u00a0\u00a0\u00a0\u00a0<title>Online Payments<\/title>\n\u00a0\u00a0\u00a0\u00a0<link rel=\"stylesheet\" href=\"css\/card.css\">\n<\/head>\n<body>\n\u00a0\u00a0\u00a0\u00a0<form method=\"POST\" action=\"charge.php\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div class=\"form-container\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div class=\"personal-information\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<h1>Payment Information<\/h1>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/div> <!-- end of personal-information -->\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input id=\"column-left\" type=\"text\" name=\"first-name\" placeholder=\"First Name\" required=\"required\" \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input id=\"column-right\" type=\"text\" name=\"last-name\" placeholder=\"Surname\" required=\"required\" \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input id=\"input-field\" type=\"text\" name=\"number\" placeholder=\"Card Number\" required=\"required\" \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input id=\"column-left\" type=\"text\" name=\"expiry\" placeholder=\"MM \/ YY\" required=\"required\" \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input id=\"column-right\" type=\"text\" name=\"cvc\" placeholder=\"CCV\" required=\"required\" \/>\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div class=\"card-wrapper\"><\/div>\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input id=\"input-field\" type=\"text\" name=\"streetaddress\" required=\"required\" autocomplete=\"on\" maxlength=\"45\" placeholder=\"Streed Address\"\/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input id=\"column-left\" type=\"text\" name=\"city\" required=\"required\" autocomplete=\"on\" maxlength=\"20\" placeholder=\"City\"\/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input id=\"column-right\" type=\"text\" name=\"zipcode\" required=\"required\" autocomplete=\"on\" pattern=\"[0-9]*\" maxlength=\"5\" placeholder=\"ZIP code\"\/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input id=\"input-field\" type=\"email\" name=\"email\" required=\"required\" autocomplete=\"on\" maxlength=\"40\" placeholder=\"Email\"\/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input id=\"input-field\" type=\"text\" name=\"amount\" required=\"required\" autocomplete=\"on\" maxlength=\"40\" placeholder=\"Amount\"\/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input id=\"input-button\" name=\"submit\" type=\"submit\" value=\"Submit\"\/>\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\u00a0\u00a0<\/form>\n\u00a0\u00a0\u00a0\u00a0<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"><\/script>\n\u00a0\u00a0\u00a0\u00a0<script src=\"js\/jquery.card.js\"><\/script>\n\u00a0\u00a0\u00a0\u00a0<script src=\"js\/card.js\"><\/script>\n<\/body>\n<\/html><\/code><\/pre>\nindex.html<\/code>Datei aus. Sie sollten nun ein gut aussehendes Checkout-Formular sehen.<\/p>\nAkzeptieren Sie Kreditkartenzahlungen mit PayPal Payments Pro<\/h3>\n
composer require league\/omnipay:^3 omnipay\/paypal<\/code><\/pre>\ncharge.php<\/code>Datei eingef\u00fcgt.<\/p>\n<?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\u00a0\nuse OmnipayOmnipay;\n\u00a0\u00a0\n$gateway = Omnipay::create('PayPal_Pro');\n$gateway->setUsername(PAYPAL_API_USERNAME);\n$gateway->setPassword(PAYPAL_API_PASSWORD);\n$gateway->setSignature(PAYPAL_API_SIGNATURE);\n$gateway->setTestMode(true); \/\/ here 'true' is for sandbox. Pass 'false' when go live\n\u00a0\u00a0\nif (isset($_POST['submit'])) {\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0$arr_expiry = explode(\"\/\", $_POST['expiry']);\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0$formData = array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'firstName' => $_POST['first-name'],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'lastName' => $_POST['last-name'],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'number' => $_POST['number'],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'expiryMonth' => trim($arr_expiry[0]),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'expiryYear' => trim($arr_expiry[1]),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'cvv' => $_POST['cvc']\n\u00a0\u00a0\u00a0\u00a0);\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0try {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Send purchase request\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$response = $gateway->purchase([\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'amount' => $_POST['amount'],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'currency' => 'USD',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'card' => $formData\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0])->send();\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Process response\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if ($response->isSuccessful()) {\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Payment was successful\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo \"Payment is successful. Your Transaction ID is: \". $response->getTransactionReference();\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Payment failed\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo \"Payment failed. \". $response->getMessage();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0} catch(Exception $e) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo $e->getMessage();\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\nAkzeptieren Sie Live-Zahlungen mit dem PayPal Pro Payment Gateway<\/h3>\n
setTestMode()<\/code>Methode \u00fcbergeben.<\/p>\n