Johdanto
Integroi Viva.com Smart Checkout, jotta asiakkaat voivat suorittaa turvallisia maksuja isännöidyn kassasivun kautta. Tämä opas opastaa sinut vaiheiden läpi, jotta voit integroida saumattomasti verkkosivustoosi tai sovellukseesi.
➤ Hanki Viva.com-tili, jos sinulla ei vielä ole sellaista
Viva.com tukee kahta eri ympäristöä, varmista, että käytät oikeaa:
Ympäristö | Kuvaus | Rekisteröinnin URL-osoite | Kojelaudan URL-osoite |
Tuotanto | Maksujen suorittamiseen todellisessa maailmassa | ||
Demo | Testimaksujen suorittamiseen ja muihin testaustarkoituksiin |
➤ Hanki verkkomaksulähde ja säilytä lähdekoodisi
Maksulähde on määritysyksikkö, jonka avulla kauppiaat voivat määrittää ja hallita maksujen integrointiasetuksia verkkosivustoilleen tai mobiilisovelluksilleen.
Määritä verkkotunnuksesi ja URL-osoitteet, joihin Viva.com Smart Checkout ohjaa asiakkaat maksun suorittamisen jälkeen. Nämä URL-osoitteet johtavat yleensä sivuille, kuten "Kiitos tilauksestasi" onnistuneista maksuista tai "Maksussasi meni jotain pieleen" epäonnistuneille tapahtumille, jolloin asiakkaat voivat jatkaa matkaansa saumattomasti verkkosivustollasi tai sovelluksessasi.
Luo verkkomaksujen maksulähde siirtymällä Viva.com koontinäytössä kohtaan Myynnit > Verkkomaksut > Nettisivut/Sovellukset.
Muista tallentaa juuri luomasi maksulähteen 4-numeroinen lähdekoodi, koska tarvitset sitä myöhemmin integrointia ja konfigurointia varten.
Esimerkki maksulähteen määrityksestä lähdekoodilla 8125
Katso täältä yksityiskohtainen opas verkkomaksujen lähteen luomiseen
➤ Vaiheittainen integrointiopas
Integroinnin tärkeimmät vaiheet
Luo maksumääräys
Uudelleenohjaus Smart Checkoutiin
Käsittele asiakaspalautus ja tarkista maksun tulos
➥ Vaihe 1: Luo maksumääräys |
Jos haluat pyytää maksua joltakin asiakkaaltasi, sinun on luotava maksumääräys. Kullekin maksutoimeksiannolle määritetään yksilöllinen 16-numeroinen tunnus, joka tunnetaan myös nimellä orderCode.
Voit luoda maksumääräyksen käyttämällä palvelimesi Create Payment Order -ohjelmointirajapintaa ja välittää orderCode-koodin verkkosivustollesi tai sovellukseesi.
Lisätietoja maksumääräyksen määrittämisestä on yksityiskohtaisessa oppaassamme kehittäjäportaalissamme täällä ja täällä.
➥ Vaihe 2: Ohjaa asiakas Smart Checkoutiin |
Kun asiakkaat ohjataan uudelleen, he näkevät Smart Checkout -lomakkeen, jossa he voivat syöttää maksutietonsa ja suorittaa tapahtuman loppuun.
➤ Älykkään kassan lisävaihtoehdot
Maksulähteen vaihtoehdot
Näytä brändisi logo
Voit sisällyttää brändisi logon näytettäväksi Smart Checkoutissa määrittämällä sen Maksulähde-asetuksissa. Kehittäjäportaalissamme on yksityiskohtainen opas täällä.
Logon lisääminen parantaa asiakaskokemusta vahvistamalla brändi-identiteettiäsi maksuprosessin aikana. Varmista, että lataat selkeän ja sopivan kokoisen logon optimaalisen näytön saavuttamiseksi.
➤ Peruuta-painikkeen näyttäminen
Peruuta-painikkeen tarjoaminen tarjoaa asiakkaillesi joustavuutta ja auttaa parantamaan yleistä käyttökokemusta.
Voit määrittää Smart Checkoutin Peruuta-painikkeen, jotta asiakkaat voivat peruuttaa tilauksensa. Tätä hallitaan maksulähdetasolla (Lisämääritykset-kohdassa), jolloin voit hallita, onko Peruuta-painike käytettävissä tiettyyn lähteeseen liittyvissä tilauksissa.
Tuetut alustat: Peruuta-painiketta tuetaan tällä hetkellä suorissa Smart Checkout -integraatioissa ja Shopifyn ja PrestaShopin laajennuksissa.
Webhook-tuki: Voit määrittää webhookit vastaanottamaan ilmoituksia tilausten peruutustapahtumista. Seuraa tätä webhookin asennusopas saadaksesi lisätietoja
➥ Vaihe 3: Käsittele asiakaspalautus ja tarkista maksun tulos |
Käsittele asiakaspalautus
Maksun jälkeen asiakkaat ohjataan osoitteeseen:
Onnistuneiden maksujen onnistumis-URL-osoite.
Epäonnistuneiden maksujen epäonnistunut URL-osoite.
Voit määrittää nämä asetukset Viva.com tilin hallintapaneelin kautta kohdassa Myynnit > Verkkomaksut > Nettisivut/Sovellukset
Tarkista maksun tulos
Vahvistus varmistaa, että tapahtuma on suoritettu onnistuneesti. Jos haluat vahvistaa tapahtuman tilan järjestelmässäsi, tarkista seuraavat parametrit: Amount, transactionId, statusId Näytä kaikki StatusId-koodit
➤ Suositellut maksun vahvistustavat:
Webhookit:
Vastaanota reaaliaikaisia päivityksiä maksun onnistumisesta tai epäonnistumisesta.
Katso Tapahtumamaksu luotu- ja Tapahtuma epäonnistui -webhookien dokumentaatiosta lisätietoja toteutuksesta, esimerkkihyötykuormista ja selityksiä kaikista parametreista.
Kattaa sekä synkroniset että asynkroniset maksutavat.
Hae tapahtuma-API:
Lisätietoja API-kutsusta ja sen parametreista on kehittäjäportaalin Retrieve Transaction API -dokumentaatiossa
➤ Lisäasetukset
Viva.com Smart Checkoutin avulla olemme valmistelleet monia ominaisuuksia ja työkaluja, joita voit käyttää ja antaa asiakkaillesi enemmän vaihtoehtoja maksamiseen.
Toistuvat maksut: Maksutapa, jossa kauppias (sinä) käynnistää veloitukset automaattisesti ennalta määritellyn aikataulun mukaisesti ilman, että asiakasta otetaan mukaan ensimmäisen maksun jälkeen.
Ennakkovaltuutukset: Maksutapa, jota käytetään varojen saatavuuden tarkistamiseen ja summan varaamiseen, ja varsinainen varojen siirto aloitetaan myöhemmin.
Löydät yksityiskohtaiset oppaat kehittäjäportaalistamme, jotta voit jatkaa kaikkia määrityksiä, joita voit tehdä tilisi kautta verkkomaksujen hyväksymiseksi, sekä tutustua kaikkiin tarjoamiimme vaihtoehtoihin ja palveluihin.