Steg 3: Anpassa design

Grafiska element

• Logotyp – Visas överst i checkout (rekommenderas)
• Tackbild – Visas på tacksidan efter slutförd donation

Färgschema

• Primärfärg – Knappar, rubriker och accentfärg
• Sekundärfärg – Länkar, ikoner och andra element
• Textfärg (knappar) – Text på primära knappar
• Bakgrundsfärg – För själva checkout-formuläret
• Ramfärg – Färg på ramarna runt element
• Delarefärg – Färg på avdelare (gåvokort, fysiska produkter, F2F, lotteri)

Ramkonfiguration

• Ramtjocklek – Från ingen till extra tjock
• Knappens hörnradie – Från kantiga till helt runda knappar
• Hörnradie på inputfält och belopps-/periodicitetsknappar – välj mellan Ingen (0 px), Liten (2), Mellan (4), Stor (6), Standard (8), Extra stor (12) eller Helt rundad (pill). Gäller alla textfält (även fältpar som för-/efternamn och postnr/ort) och belopps-/periodicitetsvalen i den återkommande checkouten. Engångscheckoutens fyllda beloppsknappar följer knappens hörnradie. Infokort (transaktionskostnad, skattereduktion, sammanställning) har alltid 8 px. På Helt rundad ökas textindraget automatiskt så att värdet och etiketten går fri från kurvan.

Layout & specialanpassningar

• Stegbar i checkout – Välj mellan olika stegbar-stilar eller ingen alls. Vid alternativ 2 kan titlar för varje steg anpassas.
• Bredd på checkout (desktop) – Normal (420px) eller bred (600px). Bred kan inte kombineras med kampanjdelen.
• Swish & Brite loggor med mörk text – Aktivera för ljusa bakgrunder
• Visa betalmetodsloggor på första skärmen – Visar loggor för tillgängliga betalmetoder

Förtroendelogotyper

• 90-konto – Visa loggan för 90-konto i footern
• Tryggt Givande – Visa loggan för Tryggt Givande i footern

Huvudtexter

• Titel – Huvudrubrik i checkoutformuläret
• Titelfärg – Färg på titeln
• Text – Beskrivande text under rubriken
• Textfärg – Färg på brödtexten
• Text på checkout-knappen – Egen text på huvudknappen (max 35 tecken)
• Text på sticky-knappen – Text på popup-knappen (max 16 tecken)
• Text för Bli givare-knappen – Anpassa knapptext på första skärmen

Tackmeddelanden

• Tacktitel – Visas efter genomförd betalning
• Tacktext – Längre meddelande på tacksidan
• Tacktitel för engångsgåva – För engångsdonationer
• Tacktext för engångsgåva – Längre meddelande för engångsgåvor

Betalningsinformation

• Text som visas i Swish-appen – Meddelande som visas i Swish
• Text som visas i BankID-appen – Texten givaren godkänner när ett autogiromedgivande signeras. Kan innehålla {{ amount }} och {{ organisation_name }}; beloppet innehåller redan valutan.
• Text som visas i BankID-appen när endast betalsätt sätts upp – Används på API-kassor när en givare byter betalsätt utan att ange ett belopp. Eftersom det inte finns något belopp kan texten bara innehålla {{ organisation_name }}.

Fördefinerade belopp

• Fördefinerade belopp – Belopp som visas som knappar (t.ex. [100,300,500])
• Förifyllt belopp – Belopp som är förvalt när checkouten öppnas (rekommenderas)
• Markerat belopp – Bara för engångsgåvor: ett av de fördefinerade beloppen får en ram och etiketten "Populärast" eller ett pulserande hjärta (Markering). Skriv en egen etikett, till exempel "Favorit", i Text på markeringen. Kryssa ur Ram runt markerat belopp för att bara visa markeringen. Ett klick på beloppet går fortfarande direkt till betalningen
• Label text för Annat belopp – Anpassa texten för fältet "Annat belopp"
• Knapplayout – En, två eller tre kolumner (engångs- och gåvokortscheckout)
• Alternativ text på beloppsknapparna – Bara för engångsgåvor: ett textfält per beloppsknapp, och texten ersätter beloppet på knappen, till exempel "Ett myggnät – 100 kr". Skriv med beloppet i texten, annars ser givaren inte hur mycket den ger. Skriv texten per språk. En knapp med tomt fält visar sitt belopp, och en effektbeskrivning visas fortfarande under texten
• Visa en bock på det valda beloppet – En rund bock i primärfärgen på den valda beloppsknappen
• Visa en bock på den valda periodiciteten – Samma bock på den valda periodiciteten. Finns för alla checkouter utom engångsgåvor.
• Visa en bock på den valda givartypen – Samma bock på Privatperson eller Företag. Finns när checkouten vänder sig till både privatpersoner och företag.

Effektbeskrivningar

• Effektbeskrivning per belopp – Beskriv vad givaren kan åstadkomma med sitt belopp, t.ex. "300 kr ger två böcker till ett barn". Visas under beloppet.
• Visa/dölj per belopp – Styr vilka belopp som visar effektbeskrivning
• Visa effektbeskrivning under knappar – Visa beskrivning under knapparna istället för i dem

Periodicitet 2

Om checkouten har två återkommande periodiciteter kan belopp, förifyllt belopp och effektbeskrivningar konfigureras separat för varje periodicitet.

Transaktionskostnad

• Låt givare täcka transaktionskostnad (föribockad) Rekommenderas
  Checkbox som är föribockad. Givaren kan bocka ur den om de inte vill täcka kostnaden.
• Låt givare täcka transaktionskostnad (ej föribockad) – Samma funktion men checkboxen är inte förifylld.

F2F beloppsval

Face-to-face-checkouts har ett speciellt beloppsval med bilder:

• Beloppsalternativ med bild – Upp till fyra alternativ med belopp, titel, beskrivning och bild
• Dölj beloppsval med bilder – Visa vanliga beloppsknappar istället

Formulärfält

För varje fält kan ni välja att:

• Visa upp – Om fältet ska visas eller döljas
• Obligatorisk – Om fältet krävs för att slutföra betalningen

Tillgängliga fält:

• Namn (ett fält) eller Förnamn + Efternamn
• Föredraget språk (visas om checkouten har flera språk)
• Mobilnummer
• Visa landskod i mobilnummerfältet
• E-post
• Adress
• Personnummer

Adresshämtning från SPAR

Med dessa alternativ hämtas adressuppgifter automatiskt – du behöver då inte visa adressfälten.

• Hämta adressuppgifter automatiskt med personnummer
  Givaren ser en förvald checkbox under personnummerfältet. När personnumret är ifyllt hämtas namn och adress automatiskt från SPAR. Bockar givaren ur checkboxen visas adressfälten så att de kan fyllas i manuellt. Bäst för checkouts med flera betalmetoder.
• Berika automatiskt med SPAR-data Rekommenderas
  Personnummer hämtas via BankID och namn/adress fylls i automatiskt. Bäst för checkouts med enbart Autogiro.
• Begär bara personnummer om nödvändigt (F2F)
  Personnummer döljs på formulärskärmen. Vid manuell signering eller annan betalmetod visas fältet på betalsteget istället.

Betalningsalternativ

• Förvalt transaktionsdatum – När autogiro-dragningar ska ske
• Transaktionsdatum – På API-checkouts med återkommande gåvor. Gäller nya givare. Befintliga givare behåller sitt datum.
• Givare får ändra transaktionsdatum – Om givaren kan välja datum
• Tillåtna transaktionsdatum – Begränsa vilka datum som visas som alternativ
• Göm möjlighet till bonusgåva efter slutfört månadsgivande – Döljer bonusgåva på tacksidan
• Kräv att givaren anger bank vid manuellt autogiro – Givaren måste välja bank vid manuell autogiroanmälan

Extra formuläralternativ

• Meddelande från givare – Låter givare lägga till personligt meddelande
• Extra information – Visar valfri extra information till givaren
• Årlig indexhöjning – Checkbox för automatisk höjning av belopp
• Samtycke för marknadsföring – GDPR-kompatibel marknadsföringsruta
• Förifyll samtycke för marknadsföring – Checkboxen är föribockad
• Typ av samtycke – Välj "Implicit samtycke för marknadsföring för alla givare" om era villkor redan ger samtycke till marknadsföring. Då visas ingen kryssruta, och alla givare i checkouten registreras med samtycke till marknadsföring via e-post. Samtycke via telefon påverkas inte.
• Info om skattereduktion – Visar info om skattereduktion för gåvor
• Egen skattereduktionsinfo – Anpassad text istället för standardtexten
• URL för villkor – Länk till era användarvillkor
• Villkorstext – Anpassad text som visas vid villkorsrutan
• URL för pappersblankett – Länk till pappersblankett för Autogiro
• Kräv aktivt samtycke för villkor Tips
  Om du bockar ur detta visas istället en text: "Genom att gå vidare godkänner du villkoren" och givaren slipper klicka i en extra ruta.