Logg inn med Vipps og MobilePay

Skildring

Logg inn med Vipps og MobilePay tilbyr superenkel registrering og innlogging frå den leiande smartbetalingsappen i Noreg med meir enn 4,2 millionar brukarar. MobilePay blir brukt av meir enn 75 % av befolkninga i Danmark (4,4 millionar brukarar), og meir enn 36 % av befolkninga i Finland (2,6 millionar brukarar). Det finst ingen enklare innlogging. Slutt på brukarnamn og passord.

Brukarane treng berre å hugse telefonnummeret sitt. Dei kan òg oppgi informasjon som nettstader ofte krev, som e-post, telefonnummer og adresser, frå Vipps MobilePay-profilen sin utan tidkrevjande dataregistrering.

Utvidinga er enkel å tilpasse for dine eigne applikasjonar.

Denne løysinga er flott for alle nettstader som vil:

• Få fleire innlogga brukarar
• Alle Vipps- og MobilePay-brukarar kan opprette ein profil på nettstaden din med berre eitt klikk, og kan loggast inn direkte ved neste besøk
• Du kan endre innhald og meldingar, og hente lagra handlekorger for brukaren
• Kundane dine kan sjå ordrehistorikk og eventuelt registrere produktreturar
• Fleire innlogga brukarar gir deg betre oversikt og betre konverteringsrate

Kom i gang

• Dersom du brukar Vipps og MobilePay for E-Commerce, kan du leggje til Logg inn med Vipps og MobilePay på kontoen din på https://portal.vippsmobilepay.com og finne API-nøklane dine der – sjå «Installasjon» for fleire detaljar.
• Dersom du ikkje har ein konto hos Vipps Mobilepay, kan du bestille dette her: https://vippsmobilepay.com/no/priser/logg-inn . Når bestillinga er handsama, får du varsel, og du kan hente API-nøklane på https://portal.vippsmobilepay.com . Sjå deretter «Installasjon» for dei neste stega.

Krav

• WordPress-versjon 4.9 eller nyare
• PHP-versjon 7.0 eller nyare
• Nettstaden din må ha eit SSL-sertifikat og vere tilgjengeleg via HTTPS
• OpenSSL må vere konfigurert for PHP-installasjonen din
• For WooCommerce er versjonskravet 3.3.4 eller nyare
• Port 443 må vere open for utgåande trafikk i brannmuren på serveren din

Hovudfunksjonar

Fullt integrert med WooCommerce

Tillèt innlogging og registrering på kontosidene dine, handlekorga, kassa og via kortkodar. Adresser blir automatisk synkroniserte med Vipps MobilePay ved innlogging.

Brukaren kan registrere seg med eitt klikk

Logg inn med Vipps og MobilePay er den enklaste måten å opprette ein ny konto på. Brukaren kan enkelt dele data av høg kvalitet frå Vipps-profilen sin med nettstadseigaren. Tilgjengeleg informasjon omfattar namn, e-post, adresse, telefonnummer og fødselsdato. Identiteten til alle Vipps-brukarar er verifisert med BankID, Noregs leiande elektroniske ID, så du kan vere trygg på at dette er ekte personar med rett namn og rett informasjon. (Merk: Standard WordPress registrerer ikkje annan informasjon enn namn og e-post, så med unntak av WooCommerce må du skrive kode for å bruke denne informasjonen i den aktuelle løysinga di.)

Knytt til eksisterande konto

Allereie registrerte brukarar kan kople til dei noverande kontoane sine når dei loggar inn med Vipps eller frå kontosida si. Brukarar kan velja å oppdatera adresseinformasjonen sin frå Vipps MobilePay.

Kan tilpassast til applikasjonen din

Du kan bruke rammeverket i dette tillegget til å implementere andre løysingar som krev stadfesta brukarar, utan at innlogging faktisk er påkravd. Til dømes kan du lage eit system der brukarar signerer kommentarane sine med Vipps MobilePay for å unngå problem med spam.

Kortkodar

• [login-with-vipps application="wordpress"] – Dette vil skrive ut ein Logg inn med Vipps-knapp som loggar deg inn i den valde applikasjonen, som som standard kan vere anten WordPress eller WooCommerce. Brukar denne webkomponenten og støttar parameterane: https://developer.vippsmobilepay.com/docs/knowledge-base/buttons/.
• [continue-with-vipps application="wordpress"] – Dette er det same, bortsett frå eit anna standard tekstverb.

Tilpassing av utvidinga

For å bruke «Fortsett med Vipps/MobilePay» i applikasjonen din, finst det to nivå av tilpassing, i tillegg til ei mengd filter og hooks.

Legg til ein annan «applikasjon» å logge inn i

Innlogging i grunnleggjande WordPress og i ei løysing som WooCommerce er ulik i detaljane, særleg når det gjeld
* kva side ein skal omdirigera til (profilsida, kontosida di, eller kanskje kassesida),
* handsaming av brukaropplysningar (for WooCommerce vil du oppdatera adressa til brukarane)
* og feilhandsaming.

For din eigen applikasjon kan du godt ha andre handlingar du vil utføre etter registrering av ny brukar, innloggingar osb. Vi tek sikte på å støtte så mange applikasjonar som mogleg etter kvart, men for å opprette din eigen er dette hovudstega:

• Definer applikasjonen din med eit namn. Det bør vere ein enkel slug, som «wordpress» eller «woocommerce»
• Lag innloggingsknappen din, og få han til å kalle den medfølgjande Javascript-funksjonen «login_with_vipps» med applikasjonsnamnet ditt som argument.
• For å tilpasse kan du no endre fleire filter og hooks, dei viktigaste er:
• «continue_with_vipps_error_your application_login_redirect». Denne tek imot og returnerer ei omdirigering til ei feilside, feilstrengen og innloggingsøktdata som ei matrise. Her kan du returnere di eiga feilside.
• «continue_with_vipps_before_your application_login_redirect». Dette tek den innlogga brukaren din og ei økt (som kan kallast som ein tabell) og blir kalla rett før brukaren blir vidaresend. Dette kan til dømes vere ein god stad å leggje til eit filter for «login_redirect».
• Filteret «continue_with_vipps_your application_users_can_register». Tek imot ein sanningsverdi, ei matrise med brukarinformasjon frå Vipps MobilePay og ei økt, og skal berre returnere true dersom du tillèt brukaren å registrere seg.
• Filter «continue_with_vipps_your application_create_userdata». For nyleg registrerte brukarar tek dette inn ein matrise som skal sendast til wp_update_user, ei matrise med brukarinformasjon frå Vipps MobilePay og ei økt. Her kan du leggje til ekstra meta-felt
• Filteret «continue_with_vipps_your application_allow_login». Tek ein sanningsverdi, eit brukarobjekt, brukarinformasjon frå Vipps MobilePay og ei økt, og returnerer true berre dersom brukaren har lov til å logge inn.

Legg til ei anna «handling» i tillegg til innlogging

Du kan ønskje å gjere andre ting enn å logge inn med den stadfesta Vipps MobilePay-identiteten til brukarane, og dette tillegget gjev deg absolutt høve til det. Dette kan vere innsending av kommentarar, omtalar og liknande utan krav om innlogging, eller berre som ein praktisk måte å la brukarar oppgi adressa si på.

Dette er hovudstega:

• Definer di eiga handling, til dømes «submitaddress».
• Opprett knappen din. Handteraren bør kalle den statiske metoden ContinueWithVipps::getAuthRedirect($action) (du kan òg oppgje ei matrise med sessiondata som blir tilgjengeleg i handterarane dine, og avgrense omfanget av data som skal hentast frå Vipps MobilePay. Returverdien er ein URL som du bør vidaresende brukaren din til.
• Opprett feilhandteraren din. Denne bør koplast til «continue_with_vipps_error_handlinga di«. Han får ein feilstreng, ei skildring av feilen, nokre gonger eit feiltips og innhaldet i økta di (som ikkje lenger vil vere aktiv). Du må vidaresende til feilsida di her og vise brukaren feilen. Vidaresendinga er viktig; du bør ikkje skrive ut innhald i denne handlinga.
• Lag suksesshandteraren din. Denne skal hookast til «continue_with_vipps_your action«. Han vil få ein array med brukarinformasjon frå Vipps MobilePay og ei aktiv økt. Denne handteraren skal òg avsluttast med ei omdirigering til suksessida di.

Resten er ei enkel sak med programmering.