Apple Pay i Google Pay integracija: gde se uklapaju u checkout
Blog • Web razvoj • • 9 min čitanja

Apple Pay i Google Pay integracija: gde se uklapaju u checkout

Autor Autorski tim · DA. Diџital agencija
Ažurirano 29.09.2026
Vreme čitanja 9 min
Sadržaj Pregledajte teme u tekstu

Apple Pay i Google Pay najčešće se uklapaju kao ubrzana opcija plaćanja unutar postojećeg checkouta, a ne kao zamena za payment gateway, procesora ili standardnog plaćanja karticom. Wallet korisniku prikazuje sačuvanu karticu i relevantne podatke, a vaš sajt ili aplikacija zatim prosleđuje tokenizovane podatke payment provideru koji izvršava autorizaciju.

Praktično, to znači da wallet dugme treba posmatrati kao dodatnu putanju kroz checkout: korisnik može da plati bez ručnog unosa broja kartice, dok postojeći checkout i dalje mora da podrži korisnike kojima Apple Pay ili Google Pay nisu dostupni. Google Pay API, na primer, vraća payment token vašem sajtu, koji ga zatim šalje backendu i payment service provideru na obradu. Apple Pay na webu zahteva zasebno podešavanje merchant identiteta, sertifikata i verifikacije domena. ([developers.google.com](https://developers.google.com/pay/api/web/overview?utm_source=openai))

Zato se odluka ne svodi na pitanje „da li dodati dugme“, već na to gde se wallet pojavljuje, koje podatke mora da preuzme checkout, kako se obrađuju greške i kako se tok uklapa u postojeću integraciju platnih kartica. Ako tek birate arhitekturu, korisno je da pogledate širi okvir za integraciju platnih kartica, dok je ovaj tekst fokusiran samo na wallet pod-intent i njegovu ulogu u checkoutu.

Šta Apple Pay i Google Pay zapravo dodaju checkoutu

Klasičan kartični checkout od korisnika često traži broj kartice, datum isteka, sigurnosni kod, ime, adresu i dodatnu potvrdu. Wallet menja taj deo iskustva tako što korisnik bira već sačuvanu karticu u sistemskom ili browser payment sheetu. Sajt ne treba da rekreira taj interfejs niti da sam prikuplja podatke koje wallet treba da zaštiti.

Uloga walleta je najčešće trostruka:

  • ubrzava unos podataka jer korisnik potvrđuje već pripremljen payment method;
  • vraća tokenizovane podatke koje backend prosleđuje gatewayu ili procesoru;
  • otvara alternativni tok plaćanja za određene uređaje, browsere, kartice, zemlje i korisničke naloge.

Wallet ne rešava automatski pitanja kao što su valuta transakcije, refund, pretplata, status porudžbine, fraud kontrole ili usklađenost sa pravilima payment providera. Ta pitanja ostaju deo checkout i payment arhitekture.

Gde postaviti wallet dugmad u checkoutu

1. Na vrhu checkout stranice kao express opciju

Najčešći obrazac je da se Apple Pay i Google Pay prikažu iznad standardne kartične forme, uz jasnu oznaku da predstavljaju brži način plaćanja. Ovaj položaj ima smisla kada korisnik već zna šta kupuje i ne mora da menja količinu, adresu ili način isporuke pre potvrde.

Primer toka:

  1. korisnik dolazi na checkout sa već formiranom korpom;
  2. wallet preuzima dostupne podatke i prikazuje payment sheet;
  3. korisnik potvrđuje karticu, adresu ili način isporuke ako su deo zahteva;
  4. backend kreira ili potvrđuje payment intent;
  5. porudžbina se označava kao plaćena tek nakon pouzdane potvrde payment providera.

Ovaj obrazac je dobar za proizvode sa jednostavnom isporukom, unapred poznatom cenom i malim brojem obaveznih polja.

2. Na stranici proizvoda ili u mini-korpi

Wallet dugme može da se pojavi i pre punog checkouta, na primer na stranici proizvoda ili u mini-korpi. Tada se koristi kao „buy now“ ili ubrzana kupovina. To nije univerzalno dobar izbor: ako kupac mora da izabere veličinu, personalizaciju, dodatnu uslugu ili termin isporuke, prerano prikazano dugme može da preskoči važne korake.

Pre ovakve implementacije treba definisati da li wallet tok podržava sve potrebne atribute porudžbine. Ako ne podržava, dugme treba prikazati tek kada su varijanta, količina, dostava i cena validirani.

3. U okviru standardnog payment koraka

Treća opcija je da se wallet prikaže uz karticu, bank transfer ili druge metode plaćanja kao ravnopravna opcija. Ovo često daje najjasniji model za korisnika: checkout prvo prikazuje rezime porudžbine, zatim izbor načina plaćanja, pa tek onda detalje specifične za izabranu metodu.

Prednost je što se lakše kontrolišu uslovi pre plaćanja. Nedostatak je što korisnik mora da prođe kroz više koraka pre nego što vidi wallet dugme. Ovaj model je prikladniji kada cena zavisi od dostave, poreza, adrese ili drugih podataka.

Apple Pay i Google Pay nisu isto što i gateway

Jedna od najčešćih arhitektonskih grešaka jeste tretiranje walleta kao samostalnog payment sistema. U praksi, wallet i payment provider imaju različite uloge.

SlojŠta radiTipična odgovornost
CheckoutPrikazuje korpu, cenu, dostavu i metode plaćanjaFrontend i backend sajta
Apple Pay ili Google PayPrikazuje wallet sheet i vraća payment podatke ili tokenWallet platforma i browser/uređaj
Payment gateway ili procesorAutorizuje, hvata ili odbija transakcijuPayment provider
Order sistemČuva status porudžbine, refund i isporukuBackend, ERP ili e-commerce platforma

Google Pay dokumentacija opisuje tok u kome sajt dobija payment token, šalje ga svom backendu, a backend ga prosleđuje payment service provideru. Kod Apple Pay web integracije, pored payment podataka, postoji i merchant validation korak koji se obavlja sa servera, uz merchant identity sertifikat. ([developers.google.com](https://developers.google.com/pay/api/web/overview?utm_source=openai))

Zbog toga wallet integracija obično zavisi od toga da li izabrani gateway podržava Apple Pay i Google Pay u konkretnoj zemlji, valuti, modelu naplate i poslovnom scenariju. Provider dokumentacija treba da bude osnova za implementaciju, a ne samo primer JavaScript dugmeta.

Šta treba proveriti pre implementacije

Podrška payment providera

Prvo proverite da li provider podržava oba walleta ili samo jedan, da li koristi hosted checkout, embedded formu ili direktnu API integraciju i koje payment metode postoje u produkcionom okruženju. Google navodi da se za integraciju bira podržani processor ili gateway, dok je direktna integracija namenjena specifičnim slučajevima i zahteva PCI DSS usklađenost koju potvrđuje Qualified Security Assessor. ([developers.google.com](https://developers.google.com/pay/api/web/overview?utm_source=openai))

Za organizaciju checkout sloja i izbor između hosted i embedded pristupa pogledajte i tekst Hosted checkout ili embedded payment forma: prednosti i kompromisi. Wallet dugme može izgledati jednostavno na frontendu, ali način na koji je payment stranica hostovana utiče na odgovornosti, kontrolu interfejsa i testiranje.

Podrška domena, uređaja i browsera

Apple Pay na webu zahteva registraciju merchant ID-ja, kreiranje sertifikata i verifikaciju domena. Google Pay zahteva HTTPS stranicu, odgovarajuću konfiguraciju okruženja i podržan browser ili uređaj. Prikaz dugmeta zato ne treba hardkodovati bez provere dostupnosti walleta.

U praksi se wallet dugme prikazuje samo kada je metoda dostupna, dok se standardna kartična forma prikazuje kao pouzdan fallback. Google Pay API za to ima mehanizam provere spremnosti za plaćanje, ali dokumentacija upozorava da pojedina svojstva dostupnosti ne treba koristiti kao jedini razlog za prikaz ili skrivanje dugmeta. ([developers.google.com](https://developers.google.com/pay-wallet/products/api/web/reference/object-reference/request-objects?utm_source=openai))

Podaci potrebni za cenu i isporuku

Ako se cena menja na osnovu adrese, dostave, poreza ili kupona, wallet tok mora da podrži odgovarajuće dinamičke izmene ili da ih obradi pre otvaranja payment sheeta. Nije dovoljno poslati samo početni total i očekivati da će checkout sam rešiti razliku.

Posebno proverite:

  • da li se shipping adresa prikuplja u walletu ili pre njega;
  • da li se način dostave može promeniti unutar payment sheeta;
  • kada se zaključava konačna cena;
  • šta se dešava ako se korpa promeni tokom autorizacije;
  • da li provider podržava valutu i zemlje koje su vam potrebne.

Ako prodajete u više valuta ili koristite različite settlement račune, wallet treba posmatrati u širem kontekstu payment toka. Za to je relevantan vodič Multi-currency payments: valute, konverzija i settlement.

Kako izgleda dobar fallback

Wallet nikada ne bi trebalo da bude jedina opcija bez jasne alternative. Korisnik može imati nepodržan uređaj, karticu koja nije podobna za tokenizaciju, browser bez potrebne podrške ili problem sa merchant konfiguracijom. Ako se dugme prikaže, a tok zatim ne može da se završi, korisnik mora da dobije razumljivu poruku i jednostavan prelaz na kartično plaćanje.

Dobar fallback obuhvata:

  • standardnu kartičnu formu ili drugi potvrđeni payment method;
  • očuvanu korpu i cenu nakon neuspeha wallet autorizacije;
  • poruku koja ne otkriva nepotrebne tehničke detalje;
  • razlikovanje otkazivanja od stvarne greške;
  • sprečavanje duplog pokušaja naplate kada je prvi zahtev možda već prosleđen provideru.

Checkout ne sme da označi porudžbinu kao plaćenu samo zato što je korisnik zatvorio wallet sheet ili zato što je frontend dobio pozitivan signal. Konačan status treba potvrditi kroz backend i payment provider, uz idempotency zaštitu gde je podržana.

Bezbednost, PCI DSS i granice odgovornosti

Wallet može da smanji potrebu da vaš sajt direktno obrađuje broj kartice, ali ne znači da je ceo checkout izvan bezbednosnog i compliance konteksta. PCI Security Standards Council razlikuje potpuno hostovane payment stranice, iframe pristupe i forme čiji elementi potiču sa merchant sajta. Kada merchant sajt isporučuje ili kontroliše payment elemente, odgovornosti mogu biti šire nego kod potpuno hostovanog rešenja. ([pcisecuritystandards.org](https://www.pcisecuritystandards.org/faqs/1292/?utm_source=openai))

Zato pre puštanja treba dokumentovati:

  • koji sistem prikuplja i prosleđuje payment podatke;
  • da li se wallet token obrađuje samo preko podržanog providera;
  • koji delovi checkout stranice učitavaju payment skripte;
  • kako se štiti merchant konfiguracija, domen i server-side validacija;
  • koji PCI DSS upitnik ili procena odgovara izabranoj arhitekturi.

Ne treba unapred tvrditi da određena implementacija automatski pripada konkretnoj SAQ kategoriji. To zavisi od celog payment okruženja, načina učitavanja elemenata i procene acquirera, providera ili kvalifikovanog savetnika.

Testiranje pre produkcije

Testiranje treba da obuhvati više od uspešne transakcije. Google Pay testno okruženje omogućava proveru toka bez stvarnih naplativih podataka, dok zvanična integraciona lista preporučuje testiranje na različitim browserima, operativnim sistemima i uređajima. ([developers.google.com](https://developers.google.com/pay/api/web/guides/test-and-deploy/integration-checklist?utm_source=openai))

Minimalni scenario set obuhvata:

  1. uspešno Apple Pay plaćanje;
  2. uspešno Google Pay plaćanje;
  3. otkazivanje payment sheeta;
  4. nepodržan wallet ili uređaj;
  5. odbijena autorizacija;
  6. istekao ili nevažeći payment session;
  7. promenu dostave ili cene pre autorizacije;
  8. refresh stranice tokom obrade;
  9. dupli klik ili ponovljeni callback;
  10. refund i partial refund nakon uspešne naplate.

Refund ne treba posmatrati kao naknadni administrativni detalj. Payment metoda, order status i refund status moraju ostati usklađeni u backendu. Ako vaš model prodaje uključuje delimične povraćaje, pročitajte i Refund i partial refund: kako modelovati povraćaj sredstava.

Kada wallet integracija ima smisla

Apple Pay i Google Pay imaju najviše smisla kada je checkout već stabilan, cena je pouzdano izračunata i postoji payment provider koji podržava potrebne wallet tokove. Tada wallet može da bude dodatna, jasno ograničena putanja za korisnike koji žele brzo plaćanje.

Integraciju treba pažljivije planirati kada:

  • checkout zavisi od kompleksne konfiguracije proizvoda;
  • shipping i porez nisu poznati do kasne faze;
  • pretplata ili odložena naplata imaju posebna pravila;
  • provider ne podržava sve potrebne valute, zemlje ili tipove transakcija;
  • postojeći payment tok nema pouzdanu server-side potvrdu;
  • web sajt nema adekvatno rešene fallback i refund scenarije.

Kod pretplata, wallet može biti deo inicijalnog plaćanja, ali treba posebno proveriti kako provider podržava recurring naplatu, mandate, retry i otkazivanje. Wallet dugme samo po sebi ne modeluje dunning logiku niti rešava neuspele buduće naplate. Za taj deo arhitekture relevantan je članak Failed payments i dunning: kako vratiti pretplatnika bez ručnog rada.

Praktičan redosled odluka

Najbezbedniji redosled nije „prvo ubaciti dugme, pa zatim rešavati ostatak“. Bolje je proći kroz sledeće korake:

  1. Mapirajte postojeći checkout: korpa, dostava, valuta, porez, kuponi i status porudžbine.
  2. Proverite providera: Apple Pay, Google Pay, tokenizacija, refund, recurring i produkciona dostupnost.
  3. Izaberite poziciju dugmeta: proizvod, korpa, vrh checkouta ili payment korak.
  4. Definišite fallback: šta korisnik vidi kada wallet nije dostupan ili transakcija ne uspe.
  5. Uskladite server-side tok: potvrda, idempotency, webhookovi i status porudžbine.
  6. Testirajte edge case scenarije: otkazivanje, promena cene, odbijanje, timeout i refund.
  7. Tek onda pustite produkciju: uz praćenje grešaka i jasnu proceduru za rollback.

Ako je potrebno prvo urediti sam checkout, strukturu stranica i korisnički tok, izrada sajta može biti relevantna šira tema. Međutim, wallet integraciju treba planirati kao deo payment arhitekture, a ne kao izolovanu vizuelnu komponentu.

Zaključak: wallet kao dodatna putanja, ne zamena za checkout

Apple Pay i Google Pay najbolje funkcionišu kada su uklopljeni u već definisan checkout: sa jasnom cenom, pouzdanim backendom, podržanim payment providerom i vidljivim fallbackom. Njihova vrednost nije u tome da zamene celu kartičnu integraciju, već da korisniku ponude kraći i kontrolisaniji put do potvrde plaćanja.

Sledeći korak je da se za konkretan projekat napravi matrica podrške: provider, zemlje, valute, uređaji, browseri, shipping, refund i recurring scenariji. Tek nakon te provere može se odlučiti da li wallet dugme treba da bude na stranici proizvoda, u korpi ili unutar payment koraka checkouta.

Podelite tekst
LinkedIn X Facebook
DA.
Autor i urednik sadržaja

DA. Editorial Team

SEO, PPC, web razvoj i dizajn tim DA. Tekstove zasnivamo na iskustvu iz aktivnih projekata, Search Console podacima, platformskim promenama i praktičnim testovima.

Google Preferred Sources

Pratite DA. kao izvor koji želite da viđate češće.

Dodajte da.org.rs u svoje Preferred Sources i olakšajte Google-u da vam češće prikaže DA. sadržaj kada je relevantan za vaše pretrage.

Dodaj DA. kao izvor
DA. Web razvoj

Treba vam sajt koji je brz, jasan i spreman za rast?

Od prezentacionih sajtova do custom CMS i web rešenja, gradimo tehničku osnovu za SEO, kampanje i konverzije.

DA. DIGITALNI SAVETNIK

Pitajte DA.

Recite mi cilj, problem ili sledeći potez. Usmeriću vas na relevantan DA vodič ili uslugu.