Uvod
Integrirajte Viva.com Smart Checkout kako biste korisnicima omogućili sigurna plaćanja putem hostirane stranice za naplatu. Ovaj vas vodič vodi kroz korake za besprijekornu integraciju u vašu web stranicu ili aplikaciju.
➤ Nabavite svoj Viva.com račun, ako ga već nemate
Viva.com podržava dva različita okruženja, provjerite koristite li ispravno:
Okoliš | Opis | URL za registraciju | URL nadzorne ploče |
Proizvodnja | Za plaćanje u stvarnom svijetu | ||
Demonstracijski program | Za obavljanje testnih plaćanja i druge svrhe testiranja |
➤ Nabavite svoj izvor online plaćanja i zadržite svoj izvorni kod
Izvor plaćanja je konfiguracijski entitet koji trgovcima omogućuje postavljanje i upravljanje postavkama integracije plaćanja za njihove web stranice ili mobilne aplikacije.
Postavite domenu i URL-ove Viva.com na koje će Smart Checkout preusmjeravati korisnike nakon dovršetka plaćanja. Ti URL-ovi obično vode na stranice kao što su "Hvala vam na narudžbi" za uspješna plaćanja ili "Nešto nije po zlu s vašim plaćanjem" za neuspjele transakcije, omogućujući korisnicima da neprimjetno nastave svoje putovanje na vašoj web-lokaciji ili aplikaciji.
Stvorite izvor plaćanja za online plaćanja tako da odete na Prodaja > Online plaćanja > Web stranice/Aplikacije na nadzornoj ploči Viva.com.
Obavezno spremite 4-znamenkasti izvorni kod izvora plaćanja koji ste upravo izradili, jer će vam kasnije trebati za integraciju i konfiguraciju.
Primjer postavljanja izvora plaćanja s izvorišnim kodom 2593
Ovdje pogledajte detaljan vodič o tome kako stvoriti Izvor za online plaćanja
➤ Vodič za integraciju korak po korak
Ključni koraci za integraciju
Izrada naloga za plaćanje
Preusmjeravanje na Smart Checkout
Obrada povrata kupca i provjera ishoda plaćanja
➥ Korak 1: Izrada naloga za plaćanje |
Da biste zatražili plaćanje od jednog od svojih kupaca, morate izraditi nalog za plaćanje. Svakom nalogu za plaćanje dodjeljuje se jedinstveni 16-znamenkasti ID, poznat i kao orderCode.
Nalog za plaćanje možete generirati pomoću API-ja za izradu naloga za plaćanje na svom poslužitelju i proslijediti kôd narudžbe na svoju web stranicu ili aplikaciju.
Za više detalja o tome kako postaviti nalog za plaćanje pogledajte naš detaljni vodič na našem portalu za razvojne programere ovdje i ovdje.
➥ Korak 2: Preusmjerite kupca na pametnu naplatu |
Kada se preusmjeri, kupci će vidjeti obrazac Smart Checkout za unos podataka o plaćanju i dovršetak transakcije.
➤ Dodatne opcije za pametnu naplatu
Opcije izvora plaćanja
Prikažite logotip svoje marke
Možete uključiti logotip svoje robne marke koji će se prikazivati na Smart Checkoutu tako da ga konfigurirate u postavkama Izvora plaćanja. Detaljan vodič nalazi se na našem portalu za programere ovdje.
Dodavanje vašeg logotipa poboljšava korisničko iskustvo jačanjem identiteta vašeg brenda tijekom procesa plaćanja. Obavezno prenesite jasan logotip odgovarajuće veličine za optimalan prikaz.
➤ Prikaz gumba za otkazivanje
Pružanje gumba Odustani nudi fleksibilnost vašim klijentima i pomaže u poboljšanju cjelokupnog korisničkog iskustva.
Možete konfigurirati gumb Odustani na Smart Checkoutu kako biste kupcima pružili opciju otkazivanja narudžbi. Time se upravlja na razini izvora plaćanja (u odjeljku Napredna konfiguracija), što vam daje kontrolu nad time je li gumb Odustani dostupan za narudžbe povezane s određenim izvorom.
Podržane platforme: Gumb Odustani trenutno je podržan za izravne integracije Smart Checkouta i dodatke za Shopify i PrestaShop.
Podrška za web-dojavnike: web-dojavnike možete konfigurirati za primanje obavijesti o događajima otkazivanja narudžbi. Slijedite ovaj vodič za postavljanje webhooka za više informacija
➥ Korak 3: Obradite povrat kupca i potvrdite ishod plaćanja |
Rukovanje povratom kupca
Nakon uplate, kupci se preusmjeravaju na:
URL uspjeha za uspješna plaćanja.
URL za neuspjela plaćanja.
Te postavke možete konfigurirati putem nadzorne ploče računa Viva.com u odjeljku Prodaja > Online plaćanja > Web stranice/Aplikacije
Provjera ishoda plaćanja
Provjera osigurava da je transakcija uspješno dovršena. Da biste provjerili status transakcije u svom sustavu, unakrsno provjerite sljedeće parametre: Amount, transactionId, statusId Prikaz svih StatusId kodova
➤ Preporučeni načini provjere plaćanja:
Webhookovi:
Primajte ažuriranja u stvarnom vremenu za uspjeh ili neuspjeh plaćanja.
Pogledajte našu dokumentaciju o webhookovima Transaction Payment Created i Transaction Failed za više detalja o implementaciji, primjerima korisnih sadržaja i objašnjenju svih parametara.
Obuhvaća sinkrone i asinkrone načine plaćanja.
API za dohvaćanje transakcije:
Dodatne pojedinosti o pozivu API-ja i njegovim parametrima potražite u dokumentaciji Retrieve Transaction API na našem portalu za razvojne programere
➤ Dodatno postavljanje
Uz Viva.com Smart Checkout pripremili smo mnoge značajke i alate koje možete koristiti i svojim klijentima pružiti više mogućnosti za plaćanje.
Ponavljajuća plaćanja: Način plaćanja u kojem trgovac (vi) automatski pokreće terećenja prema unaprijed definiranom rasporedu bez uključivanja kupca nakon prvog plaćanja.
Predautorizacije: Način plaćanja koji se koristi za provjeru dostupnosti sredstava i rezerviranje iznosa, sa stvarnim prijenosom sredstava koji se započinje kasnije.
Detaljne vodiče možete pronaći na našem portalu za razvojne programere kako biste nastavili sa svim konfiguracijama koje možete napraviti putem svog računa za prihvaćanje online plaćanja, kao i istražiti sve alternative i usluge koje nudimo.