Lukijat valitsevat mink\u00e4 tahansa yll\u00e4 olevista vaihtoehdoista, mutta jos he haluavat menn\u00e4 PayPaliin, jatka lukemista. T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4n sinulle, kuinka hyv\u00e4ksy\u00e4 luottokorttimaksut PayPal Payments Prolla.<\/p>\n
PayPal Payments Pro hyv\u00e4ksyy maksut t\u00e4ysin muokattavalla ratkaisulla. Se tarkoittaa, ett\u00e4 voit luoda oman maksulomakkeen ja laskuttaa asiakasta. Se ei ohjaa sinua PayPalin verkkosivustolle tapahtuman suorittamiseksi.<\/p>\n
Aiomme my\u00f6s luoda oman lomakkeen, jossa asiakas antaa korttinsa tiedot ja voi maksaa poistumatta verkkosivustolta. K\u00e4ytt\u00e4j\u00e4 voi suunnitella oman kassasivunsa ja antaa k\u00e4ytt\u00e4j\u00e4n antaa kortin tiedot. Joten sukeltaa sis\u00e4\u00e4n ilman viivytyksi\u00e4.<\/p>\n
P\u00e4\u00e4st\u00e4 alkuun<\/h3>\n
Ennen reaaliaikaisten maksujen hyv\u00e4ksymist\u00e4 on aina suositeltavaa testata se ensin hiekkalaatikkotilassa. Jos kaikki toimii odotetusti hiekkalaatikossa, meid\u00e4n pit\u00e4isi tehd\u00e4 se el\u00e4\u00e4, jotta v\u00e4ltet\u00e4\u00e4n asiakkaan maksuihin liittyv\u00e4t ongelmat. Maksujen testaamiseksi sinulla on oltava PayPal-hiekkalaatikkotili. Luo tili PayPal Developer<\/a> -sovelluksessa. Kun olet luonut tilin, siirry vasemman reunan<\/strong> valikosta kohtaan SANDBOX-> Tilit<\/strong> ja luo yritystili.<\/p>\n T\u00e4m\u00e4n artikkelin kirjoittamisen ajankohtana PayPal Payments Pro on saatavana Yhdysvalloissa, Isossa-Britanniassa ja Kanadassa. Se tarkoittaa, ett\u00e4 kun luot tilin, sinun on valittava jompikumpi n\u00e4ist\u00e4 maista.<\/p>\n Kun sinulla on yritystili, sinun on p\u00e4ivitett\u00e4v\u00e4 tilisi tyyppi Business-Pro: ksi. Luottokorttimaksujen hyv\u00e4ksyminen edellytt\u00e4\u00e4, ett\u00e4 tilisi tyyppi on Business-Pro. P\u00e4ivit\u00e4 se napsauttamalla P\u00e4ivit\u00e4 Pro -linkki\u00e4 ja PayPal muuntaa tilisi tyypin Business-Pro-muotoon.<\/p>\n Napsauta sitten ’API Credentials’ -v\u00e4lilehte\u00e4 ja napauta tunnistetietosi. Tarvitsemme n\u00e4m\u00e4 tunnistetiedot t\u00e4m\u00e4n opetusohjelman seuraavassa osassa.<\/p>\n Kuten sanoin, PayPal Payments Prolla voit suunnitella oman maksulomakkeesi. Luodaan mukava kassalomake, jossa asiakas antaa maksutietonsa. K\u00e4yt\u00e4n t\u00e4ss\u00e4 opetusohjelmassa hienosti muotoilulomaketta codepeniss\u00e4<\/a>.<\/p>\n Lopullisen kansiorakenteen tulee olla seuraava:<\/p>\n \u00c4l\u00e4 ajattele Luo Vastaavasti Hanki kopio Luo nyt Siirry selaimeen ja suorita Olet nyt valmis PayPal-sovellusliittym\u00e4n kirjautumistiedoilla ja HTML-lomakkeella. On aika tehd\u00e4 asioista dynaamisia. Maksuyhdysk\u00e4yt\u00e4v\u00e4n integrointi ei ole helppoa. Sinun t\u00e4ytyy tutkia sit\u00e4 ja lukea koko toimittajan toimittama dokumentaatio. Joskus siit\u00e4 tulee niin h\u00e4mment\u00e4v\u00e4\u00e4 ja siit\u00e4 huolimatta, ett\u00e4 viet\u00e4t pitki\u00e4 tunteja, ep\u00e4onnistut tavoitteesi saavuttamisessa. Olin kohdannut sen monta kertaa. PayPalin osalta tilanne muuttuu monimutkaisemmaksi suuren PayPal-dokumentaation takia.<\/p>\n N\u00e4in ei ole en\u00e4\u00e4. Omnipay<\/a> tekee kehitt\u00e4j\u00e4mme el\u00e4m\u00e4st\u00e4 helppoa maksuyhdysk\u00e4yt\u00e4v\u00e4n integroinnin kannalta. T\u00e4t\u00e4 kirjastoa k\u00e4ytett\u00e4ess\u00e4 sinun ei tarvitse lukea maksuyhdysk\u00e4yt\u00e4v\u00e4n dokumentaatiota. Hanki vain API-tunnuksesi, seuraa Omnipay-ohjeita ja olet valmis. Katso heid\u00e4n GitHub-sivulta<\/a> lis\u00e4tietoja.<\/p>\n Asenna Omnipay ja tuettu PayPal-kirjasto suorittamalla seuraava komento.<\/p>\n Kun olet asentanut yll\u00e4 olevat kirjastot, alla oleva koodi menee Muista korvata paikkamerkin PAYPAL_API_USERNAME, PAYPAL_API_PASSWORD, PAYPAL_API_SIGNATURE todellisilla arvoilla. Siirry nyt selaimeesi ja yrit\u00e4 suorittaa maksu n\u00e4enn\u00e4isill\u00e4 luottokorttitiedoilla. Sinun pit\u00e4isi saada menestysviesti yhdess\u00e4 tapahtumasi tunnuksen kanssa. K\u00e4ytt\u00e4j\u00e4 voi saada PayPalin<\/a> tarjoamat testiluottokortit.<\/p>\n Kun olet suorittanut hiekkalaatikkotestin, v\u00e4lit\u00e4 koodissa k\u00e4ytettyjen paikkamerkkien live-tunnistetiedot. Sinun on my\u00f6s v\u00e4litett\u00e4v\u00e4 ’v\u00e4\u00e4r\u00e4’ arvo Kyse on luottokorttimaksujen hyv\u00e4ksymisest\u00e4 PayPal Payments Prolla PHP: ss\u00e4. Toivon, ett\u00e4 se auttaa sinua integroimaan maksuratkaisun verkkosivustollesi. Kokeile t\u00e4t\u00e4 opetusohjelmaa ja kerro minulle ajatuksesi ja ehdotuksesi alla olevassa kommenttiosassa.<\/p>\n![\"Hyv\u00e4ksy](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20129-6081c034cf341.png\")
<\/a><\/p>\n![\"Hyv\u00e4ksy](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20129-6081c0355f78e.png\")
<\/a><\/p>\nMukautettava maksulomake<\/h3>\n
<\/a><\/p>\nvendor<\/code>, charge.php<\/code>, composer.json<\/code>, composer.lock<\/code>nyt. Luomme sen my\u00f6hemm\u00e4ss\u00e4 osassa.<\/p>\ncss\/card.css<\/code>tiedosto ja lis\u00e4\u00e4 siihen alla oleva koodi koodikyn\u00e4n ohjeiden mukaan<\/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>tiedostollamme on seuraava koodi.<\/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>t\u00e4st\u00e4 GitHub-arkistosta<\/a>. Tallenna t\u00e4m\u00e4 tiedosto hakemistoon ’js’.<\/p>\nindex.html<\/code>tiedosto. T\u00e4h\u00e4n tiedostoon lis\u00e4t\u00e4\u00e4n HTML-merkint\u00e4, joka n\u00e4ytt\u00e4\u00e4 kassalomakkeen.<\/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>tiedosto. Sinun pit\u00e4isi nyt n\u00e4hd\u00e4 kauniisti n\u00e4ytt\u00e4v\u00e4 kassalomake.<\/p>\nHyv\u00e4ksy luottokorttimaksut PayPal Payments Prolla<\/h3>\n
composer require league\/omnipay:^3 omnipay\/paypal<\/code><\/pre>\ncharge.php<\/code>tiedostosi sis\u00e4\u00e4n.<\/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>\nHyv\u00e4ksy reaaliaikainen maksu PayPal Pro Payment Gateway -sovelluksella<\/h3>\n
setTestMode()<\/code>menetelm\u00e4lle.<\/p>\n