Införandet
Integrera Viva.com Smart Checkout för att låta kunder göra säkra betalningar via en värdbaserad kassasida. Den här guiden guidar dig genom stegen för sömlös integration på din webbplats eller app.
➤ Skaffa ett Viva.com-konto om du inte redan har ett
Viva.com stöder två olika miljöer kontrollerar du att du använder rätt:
Miljö | Beskrivning | URL för registrering | URL för instrumentpanel |
Produktion | För att göra betalningar i den verkliga världen | ||
Demo | För att utföra testbetalningar och andra teständamål |
➤ Skaffa din onlinebetalningskälla och behåll din källkod
En betalningskälla är en konfigurationsenhet som gör det möjligt för handlare att ställa in och hantera inställningar för betalningsintegration för sina webbplatser eller mobilappar.
Konfigurera din domän och webbadresserna dit Viva.com Smart Checkout omdirigerar kunder efter att betalningen är klar. Dessa webbadresser leder vanligtvis till sidor som "Tack för din beställning" för lyckade betalningar eller "Något gick fel med din betalning" för misslyckade transaktioner, så att kunderna kan fortsätta sin resa sömlöst på din webbplats eller i din app.
Skapa en betalningskälla för onlinebetalningar genom att navigera till Försäljning > Onlinebetalningar > Webbsidor/Appar i den Viva.com instrumentpanelen.
Se till att spara den 4-siffriga källkoden för den betalningskälla du just skapade, eftersom du kommer att behöva den senare för integration och konfiguration.
Exempel på inställning av betalningskälla med källkod 7471
Kolla här för en detaljerad guide om hur du skapar en Källa för onlinebetalningar
➤ Steg-för-steg-guide för integration
Viktiga steg för att integrera
Skapa betalningsordern
Omdirigera till Smart Checkout
Hantera kundretur och verifiera betalningsresultat
➥ Steg 1: Skapa betalningsordern |
Om du vill begära en betalning från en av dina kunder måste du skapa en betalningsorder. Varje betalningsorder tilldelas ett unikt 16-siffrigt ID, även känt som orderCode.
Du kan generera betalningsordern med hjälp av API:et Skapa betalningsorder på din server och skicka orderCode till din webbplats eller app.
För mer information om hur du ställer in en betalningsorder, kolla in vår detaljerade guide på vår utvecklarportal här och här.
➥ Steg 2: Omdirigera kunden till Smart Checkout |
När de omdirigeras kommer kunderna att se Smart Checkout-formuläret för att ange sina betalningsuppgifter och slutföra transaktionen.
➤ Ytterligare alternativ för Smart Checkout
Alternativ för betalningskälla
Visa din varumärkeslogotyp
Du kan inkludera din varumärkeslogotyp så att den visas i Smart Checkout genom att konfigurera den i inställningarna för betalningskälla. Det finns en detaljerad guide på vår utvecklarportal här.
Att lägga till din logotyp förbättrar kundupplevelsen genom att förstärka din varumärkesidentitet under betalningsprocessen. Se till att ladda upp en tydlig logotyp i lämplig storlek för optimal visning.
➤ Visa en avbryt-knapp
Att tillhandahålla en Avbryt-knapp ger flexibilitet för dina kunder och hjälper till att förbättra den övergripande användarupplevelsen.
Du kan konfigurera en Avbryt-knapp i Smart Checkout för att ge kunderna möjlighet att avbryta sina beställningar. Detta hanteras på betalningskällsnivå (under Avancerad konfiguration), vilket ger dig kontroll över om knappen Avbryt är tillgänglig för ordrar som är kopplade till en viss källa.
Plattformar som stöds: Avbryt-knappen stöds för närvarande för direkta Smart Checkout-integrationer och plugins för Shopify och PrestaShop.
Webhook-support: Du kan konfigurera webhooks för att ta emot meddelanden om orderannulleringshändelser. Följ den här webhook-installationsguiden för mer information
➥ Steg 3: Hantera kundretur och verifiera betalningsresultat |
Hantera kundretur
Efter betalning omdirigeras kunderna till:
Framgångs-URL för lyckade betalningar.
Misslyckad URL för misslyckade betalningar.
Du kan konfigurera dessa inställningar via din Viva.com kontoinstrumentpanel under Försäljning > Onlinebetalningar > Webbsidor/Appar
Verifiera betalningsresultat
Verifiering säkerställer att transaktionen slutförs framgångsrikt. För att validera statusen för en transaktion i ditt system, dubbelkolla följande parametrar: Amount, transactionId, statusId (Visa alla StatusId-koder)
➤ Rekommenderade betalningsmetoder:
Webhooks:
Få uppdateringar i realtid om en lyckad eller misslyckad betalning lyckas.
Se vår webhooks-dokumentation för Transaktionsbetalning skapad och Transaktion misslyckad för mer information om implementering, exempelnyttolaster och förklaring av alla parametrar.
Omfattar både synkrona och asynkrona betalningsmetoder.
Hämta transaktions-API:
Mer information om API-anropet och dess parametrar finns i dokumentationen Hämta transaktions-API på vår utvecklarportal
➤ Ytterligare inställningar
Med Viva.com Smart Checkout har vi förberett många funktioner och verktyg som du kan använda och ge dina kunder fler alternativ för sina betalningar.
Återkommande betalningar: En betalningsmetod där handlaren (du) initierar avgifter automatiskt enligt ett fördefinierat schema utan att involvera kunden efter den första betalningen.
Förauktoriseringar: En betalningsmetod som används för att verifiera tillgängligheten av medel och reservera beloppet, med den faktiska överföringen av medel som initieras senare.
Du kan hitta detaljerade guider på vår utvecklarportal för att fortsätta med alla konfigurationer du kan göra via ditt konto för att acceptera onlinebetalningar, samt utforska alla alternativ och tjänster vi erbjuder.