Oppsett av Vipps med Gravity Forms

Som Norges mest brukte løsning for mobilbetaling, er betaling med Vipps noe kunder nærmest forventer å finne på nett. Ingen lange kortnummer og BankID-bekreftelser å styre med, kun mobilnummer og et kjapt trykk på mobilvarslingen som kommer opp. WordPress-tillegget Vipps MobilePay for Gravity Forms legger til støtte for dette i Gravity Forms og åpner opp for en hel del ulike bruksområder for lavterskel-betaling. Donasjoner, annonseplassering og enkle nettbutikker er bare et par eksempler hvor Gravity Forms kan kombineres med Vipps for å øke konverteringen.

Start med å laste ned Vipps MobilePay for Gravity Forms og legge pluginen til på din WordPress-side.

Hent API-nøklene fra Vipps

Ta først turen innom VippsPortalen og logg deg inn. Dersom du ikke har en avtale med Vipps allerede, legg inn en bestilling for “Vipps på nett”.

Velg “Utvikler” i sidemenyen og klikk deretter på “Show keys” knappen i “API-keys” kolonna. Et par ulike nøkler vil da vises, og kopier “Merchant serial number”, “Client ID”, “Client Secret” og “Subscription Key” inn i Vipps-innstillingene i Gravity Forms.

For å kunne motta oppdateringer må lisensnøkkelen du mottok på e-post fylles inn i feltet helt nederst i Vipps MobilePay-innstillingene.

Sett opp Vipps med skjemaet ditt

Dersom du ikke har vært borti betaling med Gravity Forms før, så er det er par ting å huske på. De spesielle feltene vi skal benytte oss av kommer innebygd i Gravity Forms og ligger under “prisfelt” i “Add fields” fanen.

Produktfelter

Et produktfelt som setter prisen på produktet må legges inn. Disse kan en ha flere av eller kombinere med betinget logikk for å få til mer avanserte skjemaer.

Totalsum

Et felt for totalsum kan legges inn dersom du har flere produkter, og dette legges gjerne helt til sist i skjemaet for å gi brukeren et siste overblikk over hvor mye de må betale før de klikker seg videre. Summen i dette feltet blir automatisk generert basert på produktfeltene vi nettopp la inn.

Aktiver Vipps på skjemaet

Når alle feltene er satt opp, ta turen inn i skjemainnstillingene og velg “Vipps MobilePay”. Her oppretter vi en “strøm” som informasjonen sendt inn i skjemaet blir kjørt gjennom. Dersom du tidligere har benyttet deg av Stripe eller PayPal med Gravity Forms bør dette steget være ganske gjenkjennelig.

Velg et navn for strømmen og fyll inn feltene nedover.

• Betalingsbeløpet kan enten settes til summen av alle produktfeltene i skjemaet (det vanligste) eller være verdien av kun ett spesifikt produkt.
• Kundens telefonnummer brukes til automatisk forhåndsinnfylling av telefonnummeret slik at kunden ikke trenger å skrive inn nummeret to ganger. Dersom du ikke samler inn telefonnummer i skjemaet ditt kan du la dette feltet være blankt.
• Betalingsmåte definerer om strømmen du oppretter skal benyttes til mobil- eller kortbetaling. Vipps MobilePay integrasjonen lar deg opprette to betalingsstrømmer og sammen med betinget logikk definere hvilken strøm som skal benyttes for transaksjonen.
• Avbryt URL er adressen kunden sendes til dersom de avbryter.
• Handlinger etter gjennomført betaling vil vises dersom du har installert en støttet integrasjon som eksempelvis Zapier.
• Betinget logikk brukes dersom du vil f.eks. ha en nedtrekksmeny med ulike betalingsmåter, og gjør det mulig å støtte både kortbetaling og mobilbetaling på ett og samme skjema. Dersom du ikke aktiverer dette blir Vipps benyttet på alle innsendinger.

Eksempel på oppsett av strøm for kortbetaling

Bekreftelser

Sider og videresending

Merk at på grunn av måten Vipps sender brukeren til en ny side for å håndtere betalingen, så må bekreftelsene på skjemaet enten være satt til “side” eller “videresending”. Opprett en dedikert side for vellykkede betalinger som gjør det klart for brukeren at betalingen er gått gjennom, og hva som skjer videre.

E-postmeldinger

Gravity Forms setter som standard e-postmeldinger til å bli utsendt rett etter innsending av skjemaet, men på grunn av at Vipps krever at brukeren utfører flere steg i appen, må e-postmeldingene settes til å bli sendt ved “Payment Completed” eller “Payment Failed”.

Og Vipps, så var det satt opp. Vi håper du får god nytte av Vipps-integrasjonen vår og setter stor pris på tilbakemeldinger dersom det skulle være noe eller om du har spørsmål.