Innlogging med Vipps og MobilePay

Beskrivelse

Innlogging med Vipps og MobilePay tilbyr superenkel registrering og innlogging fra den ledende smartbetalings-appen i Norge, med over 4,2 millioner brukere. MobilePay blir brukt av mer enn 75% av Danmarks befolkning (.4 millioner brukere) og mer enn 36 % av Finlands befolkning (2,6 millioner brukere). Det finnes ikke enklere innlogging. Aldri mer brukernavn eller passord.

Brukerne trenger bare å huske telefonnummeret. De kan også dele informasjon som nettsteder ofte spør etter, som navn, e-post, telefonnummer og adresse, fra Vipps MobilePay-profilen og slippe tasting.

Utvidelsen er enkel å endre på for dine egne applikasjoner.

Løsningen passer alle nettsteder som ønsker:

• Få flere innloggede brukere
• All Vipps and MobilePay-users can create a profile on your website with just one click, and can be logged in directly on the next visit
• Du kan tilpasse innhold, budskap og hente frem handlekurv fra tidligere.
• Kundene dine kan se ordreoversikt og eventuelt registrere retur av vare
• Flere innloggede brukere gir mer innsikt og økt konvertering.

Slik kommer du i gang

• If you are a user of Vipps and MobilePay for E-Commerce, you can add Login with Vipps and MobilePay to your account on https://portal.vippsmobilepay.com and find your API-keys there – see «Installation» for more details.
• If you do not have an account with Vipps Mobilepay, you can order this here: https://vippsmobilepay.com/no/priser/logg-inn . When the order has been processed, you will be notified and you will be able to retrieve the API-keys on https://portal.vippsmobilepay.com . Then see «Installation» for the next steps.

Krav

• WordPress versjon 4.9 eller nyere
• PHP versjon 7.0 eller nyere
• Ditt nettsted må ha et SSL-sertifikat og være tilgjengelig over HTTPS
• OpenSSL må være konfigurert for PHP-installasjonen
• For WooCommerce er versjonskravet 3.3.4 eller høyere
• Porten 443 må være åpen for utgående trafikk på serverens brannmur

Funksjonshøydepunkt

Fullt integrert med WooCommerce

Allows login and registration on your account pages, cart, checkout and via shortcodes. Addresses automatically synchronized with Vipps MobilePay on login.

Brukere kan registrere seg med ett klikk

Login with Vipps and MobilePay is the easiest way to create a new account. The user can easily share high-quality data from the user’s Vipps profile with the site owner. Available information includes name, email, address, phone number, and birth date. The identity of all Vipps users is verified using BankID, Norway’s leading electronic ID, so rest assured that these are real people with correct name and information. (Please note: Standard WordPress does not register information other than name and email, so apart from WooCommerce, you will need to write code to use this information for your particular application.)

Tilpassbar for din applikasjon

Already registered users can link their current accounts when signing in with Vipps or from their account page. Users can choose to update their address information from Vipps MobilePay.

Tilpassbar for din applikasjon

Du kan bruke rammeverket for denne utvidelsen til å integrere andre løsninger som krever verifiserte brukere, uten at brukeren må logge inn på selve nettstedet. Eksempel på bruk av dette er at man kan kreve at man signerer en kommentar i et kommentarfelt med Vipps MobilePay, slik at man unngår spam og trakassering.

Kortkoder

• [login-with-vipps text="Log in with Vipps (or MobilePay)" application="wordpress"] – This will print out a Login with Vipps button that will log you into the given application, which by default can be either WordPress or WooCommerce.
• [continue-with-vipps text="Continue with Vipps" application="wordpress"] – Dette er det samme, bortsett fra en annen standardtekst

Tilpass utvidelsen

To use ‘Continue with Vipps/MobilePay’ in your application, there are two levels of customizations available, except for a mass of filters and hooks.

Legge til en annen ‘applikasjon’ å logge på med

Logg inn funksjonaliteten i grunnleggende WordPress og WooCommerce har ulike detaljer i oppsettet, spesielt med hensyn til

a. hvilken side du skal omdirigere til (profilsiden eller kontosiden din, eller kanskje kassen)
b. håndtering av brukerdata (for WooCommerce du vil oppdatere brukernes adresse)
c. feilhåndtering.

For din applikasjon kan du definere egne handlinger etter registrering av ny bruker, pålogging osv. Vi tar sikte på å støtte så mange applikasjoner som, men for å lage dine egne er dette hovedtrinnene:

• Definer applikasjonen din med et navn. Det skal være en enkel slug, som ‘wordpress’ eller ‘woocommerce’
• Opprett en knapp for «logg inn», og få den til å kalle den medfølgende Javascript-funksjonen “login_with_vipps” med applikasjonsnavnet ditt som argument.
• For å tilpasse, kan du nå endre flere filtre og hooks, hvorav de viktigste vil være:
• ‘continue_with_vipps_error_din applikasjon_login_redirect’. Dette returnerer en omdirigering av en feilside, feilstrengen og påloggingsøktsdataene som en matrise. Du kan her returnere din egen feilside.
• ‘continue_with_vipps_before_din applikasjon_login_redirect’. Dette tar den påloggede brukeren og en økt (som kan brukes som en array) og kalles rett før brukeren blir omdirigert. Dette vil for eksempel være et godt sted å legge til et filter i ‘login_redirect’.
• Filter ‘continue_with_vipps_your application_users_can_register’. Takes a truth value, an array of userinfo from Vipps MobilePay and a session, and should return true only if you allow the user to register
• Filter ‘continue_with_vipps_your application_create_userdata’. For newly registered users, takes an array to be passed to wp_update_user, an array of userinfo from Vipps MobilePay, and a session. You can here add your extra meta fields
• Filter ‘continue_with_vipps_your application_allow_login’. Takes a truth value, a user object, userinfo from Vipps MobilePay and a session, and returns true only if the user is allowed to log in

Legge til en annen ‘handling’ utover å logge på

You may want to do other things than logging in with the users’ confirmed Vipps MobilePay identity, and this plugin absolutely allows this. This might be submisssions of comments, reviews and so forth without requiring logins, or even just as a convenient way of letting users input their address.

Dette er hovedstegene:

• Definer din egen handling, for eksempel ‘send inn adresse’.
• Lag din knapp. Behandleren bør kalle den statiske metoden ContinueWithVipps::getAuthRedirect($action) (du kan også oppgi en array med sesjonsdata som vil være tilgjengelig i håndtererne dine, og begrense omfanget av dataene som skal hentes fra Vipps MobilePay. Returverdien er en URL som du skal omdirigere brukeren din til – denne vil åpne Vipps-appen.
• Opprett feilbehandler. Dette skal være koblet til ‘fortsett_med_vipps_feil_din handling‘. Den vil motta en feilstreng, en beskrivelse av feilen, noen ganger et feilhint og innholdet i økten din (som ikke lenger vil være aktiv). Du må omdirigere til feilsiden din her og vise brukeren feilen. Viderekoblingen er viktig, du bør ikke sende innhold i denne handlingen.
• Lag din suksesshåndterer. Dette bør være hektet på ‘continue_with_vipps_handlingen din‘. Den vil motta en rekke med brukerinformasjon fra Vipps MobilePay, og en aktiv sesjon. Også denne håndtereren skal ende med en omdirigering til suksessiden din.

Det gjenstående er et enkelt spørsmål om programmering.