F2F Checkout

F2F-checkouten är specialbyggd för värvning ansikte mot ansikte. Den körs på värvarens surfplatta eller telefon och vägleder givaren genom val av belopp, personuppgifter, betalmetod och signering.

Checkoutens steg

F2F Checkout — Belopp
F2F Checkout — Personuppgifter
F2F Checkout — Betalmetod
F2F Checkout — Signering

Givaren väljer belopp via beloppskort eller eget belopp.

Personuppgifter fylls i — SPAR hämtar automatiskt från personnummer.

Välj betalmetod. Här kan givaren även få länk på SMS eller scanna QR-kod och slutföra på egen enhet.

Autogiro med touch-signering. Givaren kan även signera med BankID istället.

Beloppskort

Istället för ett vanligt beloppsfält kan ni konfigurera upp till fyra beloppskort som visar konkret vad givaren bidrar till. Varje kort kan ha:

Belopp

Månadsbelopp i kronor, t.ex. 150 kr/månad.

Rubrik

Kort beskrivning, t.ex. "Rent dricksvatten".

Beskrivning

Längre förklaring av vad beloppet gör.

Bild

En bild som illustrerar effekten. Visas ovanför texten på kortet.

Beloppskorten visas i en 2-kolumnsgrid. Det valda kortet markeras med en ram i er primärfärg och en checkbox. Givaren kan fortfarande ange ett eget belopp via ett fritext-fält.

Man kan även välja att dölja den första skärmen med beloppskort. När detta alternativ är aktiverat ersätts beloppsbilderna av vanliga beloppsknappar som visas tillsammans med personuppgifterna på samma steg. Checkouten går då från fyra steg ner till tre.

Inställningen finns under Branding → Belopp i checkoutens konfiguration.

När första skärmen med beloppskort visas kan man även välja att byta plats på beloppsskärmen och personuppgiftsskärmen. Det innebär att givaren först fyller i sina personuppgifter och sedan väljer belopp. Det kan vara användbart när värvaren vill börja samtalet med att samla in givarens uppgifter innan beloppsvalen presenteras.

Inställningen finns under Branding → F2F i checkoutens konfiguration. Observera att detta alternativ bara är tillgängligt när den första beloppsskärmen visas (dvs. inte är dold).

F2F Checkout — Första skärm med belopp och bilder
F2F Checkout — Utan första skärmen

Första skärm med belopp och bilder

Utan första skärmen

Manuell signering

Vid Autogiro-betalningar kan givaren signera med fingret direkt på skärmen istället för att använda BankID. Detta är särskilt användbart vid värvning ute på fält.

Så fungerar det

  1. 1. Givaren väljer Autogiro som betalmetod
  2. 2. En signeringsruta visas på skärmen
  3. 3. Givaren signerar med fingret
  4. 4. Signaturen sparas som en bild kopplad till mandatet

Manuell signering kan aktiveras/inaktiveras under Branding → F2F i er checkout-konfiguration.

Kontroll av kontonummer

Med Varna vid osannolikt kontonummer (autogiro) under Branding → Formulärfält kontrollerar Repejo clearing- och kontonumret före signeringen. Givaren får en varning när clearingnumret hör till en känd bank men kontonumret har fel kontrollsiffra eller längd. Ett okänt clearingnummer ger aldrig någon varning.

När givaren klickar på "Jag är säker, fortsätt"

  • • Som standard fortsätter signeringen direkt på det sätt givaren valde: BankID, eller signeringsrutan vid manuell signering.
  • • Med Låt givaren välja signeringssätt efter bekräftat kontonummer under Branding → F2F stängs varningen och givaren stannar kvar på formuläret. Givaren väljer sedan Slutför med BankID eller Signera manuellt utan att fylla i bankuppgifterna igen.
  • • Om givaren sedan ändrar clearing- eller kontonumret kontrollerar Repejo det nya numret igen.

Varningen stoppar aldrig givaren. Den ber bara givaren att kontrollera numret en gång till.

SMS-länk för att återuppta

Givaren kan avsluta signeringen på sin egen telefon genom att värvaren skickar en SMS-länk. Givaren får då ett SMS med en unik länk som öppnar checkouten i det läge den pausades.

Användningsfall

  • • Givaren vill signera med BankID på sin mobil
  • • Givaren vill slutföra sin betalning privat

Mallvariabler i SMS

  • • payer_name — givarens fullständiga namn
  • • payer_first_name — givarens förnamn
  • • resume_url — länken till checkouten

SMS-mallen konfigureras under Kommunikation i checkoutens inställningar.

I betalmetodsteget finns knappen Skicka till givare. När värvaren klickar på den skickas ett SMS med en unik länk till givarens telefon så att de kan slutföra betalningen själva.

QR-kod för att återuppta

Som alternativ till SMS kan givaren scanna en QR-kod direkt på värvarens skärm för att fortsätta checkouten på sin egen telefon. QR-koden länkar till samma unika URL som skulle skickas via SMS.

I betalmetodsteget finns en QR-kod-knapp bredvid SMS-knappen. När värvaren trycker på den glider en modal upp med en skanningsbar QR-kod och texten "Scanna QR-koden och fortsätt på din enhet".

QR-kod-knappen är aktiverad som standard och kan stängas av under Branding → F2F → Skicka till givare.

F2F Checkout — QR-kod-modal

Hur länge länken gäller

Länken i SMS:et och QR-koden går till den publika checkouten. Om organisationen har en egen verifierad domän används den.

Länken slutar gälla när givaren har slutfört registreringen, eller när tiden i F2F-inställningar → Checkout → Så länge gäller länken till givarens egen enhet (timmar) har gått sedan sessionen startade. Standard är 48 timmar. Då avslutas också sessionen, så en givare som redan har checkouten öppen i mobilen kan inte heller slutföra den.

Den som öppnar en länk som inte längre gäller ser en sida med en text och en knapp. Texten ovanför och under knappen, knapptexten, knappens länk och en bild anger du under Branding → F2F → Utgången länk. Bilden placerar du antingen högst upp eller längst ned på sidan. Sidan visar också samma footer som F2F-checkouten: er egen footertext, eller loggorna för 90-konto och Giva Sverige om ni har valt att visa dem. Om ingen länk för knappen är angiven visas ingen knapp, utan sidan säger att länken inte längre är giltig.

Texterna kan visa värvaren som registrerade givaren: {{recruiter_first_name}} visar förnamnet, {{recruiter_external_id}} värvarens externa ID och {{recruiter_name}} för- och efternamnet. Till exempel blir "Ange gärna {{recruiter_first_name}}{{recruiter_external_id}} som meddelande" till "Ange gärna Viktor1234 som meddelande".

Text på givarens enhet

När givaren fortsätter på sin egen enhet via SMS-länken eller QR-koden kan ni visa en egen text ovanför beloppet, till exempel "Tack för att du vill bli månadsgivare!". Texten syns bara på givarens enhet, inte på värvarens skärm. Ni skriver den under Branding → F2F → Skicka till givare → Text på givarens enhet.

F2F-branding

F2F-checkouten har egna brandinginställningar utöver den vanliga checkoutens branding:

Sidhuvud

Anpassad logga, bakgrundsfärg och textfärg för checkoutens header.

Edge-to-edge

Tar bort sidmarginaler för fullbreddslayout på surfplatta och mobil.

Förtroendeloggor

Visa 90-kontomärket och/eller Tryggt Givande-loggan i sidfoten.

Stegnamn

Anpassa titeln på det sista steget (standard: "Klar").

Skicka till givare

Aktivera/inaktivera SMS-knappen och QR-kod-knappen i betalmetodsteget, och skriv en text som bara visas när givaren fortsätter på sin egen enhet.

Utgången länk

Text ovanför och under knappen, knapptext, knappens länk och en bild (högst upp eller längst ned) på sidan som visas när SMS- eller QR-länken inte längre gäller.

Manuell signering

Låt givaren signera med fingret på skärmen istället för BankID vid Autogiro-betalningar.

Välj signeringssätt efter bekräftat kontonummer

Efter "Jag är säker, fortsätt" i varningen för kontonumret väljer givaren BankID eller manuell signering, i stället för att signeringen startar direkt.

Stegordning

Byt plats på beloppsskärmen och personuppgiftsskärmen så att personuppgifter visas först.

Automatisk adresshämtning

När givaren anger sitt personnummer hämtas namn och adress automatiskt från SPAR. Detta snabbar upp registreringen och minskar felaktiga uppgifter.