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
• Inputfältets hörnradie – Hörnradie på inputfält (engångsdonation)

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

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)
• 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)

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.

• Visa "Hämta adress"-knapp vid personnummer
  Givaren anger personnummer och klickar för att hämta namn och adress från SPAR. 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
• 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
• 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.

Bakgrund & media

• Favicon – Ikonen i webbläsarfliken
• Titel i webbläsarflik – Texten som visas i fliken
• Bakgrundsfärg – Färg på landningssidan
• Bakgrundsbild horisontell – Passar desktop (1920x1080px)
• Bakgrundsbild vertikal – Passar mobil (1080x1920px)
• Bakgrundsvideo horisontell – Passar desktop (1920x1080px)
• Bakgrundsvideo vertikal – Passar mobil (1080x1920px)

Logga & texter

• Logga – Visas på landningssidan
• Loggans storlek – Justerbar i pixels (40–150px)
• Titel – Rubrik på landningssidan
• Titelfärg och bakgrundsfärg för titel
• Text – Brödtext på landningssidan
• Textfärg och bakgrundsfärg för text

Typsnitt & anpassad CSS

• Typsnitt (normal) – Ladda upp eget typsnitt (.woff, .woff2, .ttf, .otf)
• Typsnitt (fetstil) – Ladda upp eget fetstilstypsnitt
• Anpassad CSS – Skriv valfri CSS för ytterligare anpassning

Footer

• Visa footer – Aktivera footer på landningssidan
• Bakgrundsfärg och textfärg för footer
• Vänster sektion – T.ex. kontaktinformation
• Mittensektion – T.ex. ytterligare information
• Höger sektion – Sociala länkar (Facebook, Instagram, LinkedIn)

Övrigt

• Transparent checkout – Gör bakgrundsfärgen på checkout lite mer transparent så man ser videon/bilden igenom (engångs-/gåvokortscheckout)