Hur du skapar den perfekta donationsknappen – Placering, text och färg för maximala donationer

Om du driver en förening, kyrka eller välgörenhetsorganisation och vill öka antalet donationer, är design och placering av din donationsknapp avgörande. En välgjord knapp kan dramatiskt öka konverteringarna – medan en dåligt placerad eller svårtydd knapp kan göra att potentiella givare avstår.

I denna artikel går vi igenom bästa strategierna för att placera och formulera din donationsknapp samt vad forskning säger om användarbeteenden kring välgörenhetsdonationer.

Var ska donationsknappen placeras?

Placeringen av donationsknappen kan ha en enorm påverkan på hur många som faktiskt donerar. Studier inom UX-design och konverteringsoptimering visar att:

✅ Above the fold (högt upp på sidan) – Donationsknappen ska synas utan att besökaren behöver scrolla. Forskning från Nielsen Norman Group visar att 80 % av användarnas uppmärksamhet ligger på innehåll ”above the fold” (Nielsen Norman Group, 2018).

✅ I en sticky header eller sidopanel – Om knappen är synlig hela tiden, även när besökaren scrollar, ökar sannolikheten att den klickas på.

✅ I slutet av engagerande innehåll – Efter en inspirerande berättelse eller en beskrivning av hur donationen hjälper, är besökaren mer benägen att klicka.

✅ Nära naturliga läsflöden – I västerländska språk läser vi från vänster till höger. En knapp i högerkolumnen eller längst ner till höger i en sektion fångar ofta blicken.

Vad ska det stå på knappen?

Texten på knappen är avgörande. En studie av Cialdini (2001) om övertalning och social påverkan visar att handlingar som framstår som konkreta och personliga har större chans att ge resultat.

Bäst presterande texter enligt konverteringsstudier:
🔹 ”Stöd vår mission” – Appellerar till emotionella drivkrafter.
🔹 ”Ge en gåva” – Upplevs som mindre kravfyllt än ”donera pengar”.
🔹 ”Jag vill hjälpa” – Gör donationen personlig och engagerande.
🔹 ”Skänk 100 kr nu” – Specifika belopp minskar beslutsångest.
🔹 ”Bli månadsgivare” – Uppmuntrar långsiktigt stöd.

Undvik generiska ord som ”Klicka här” eller ”Donera” utan sammanhang – de saknar emotionell koppling och uppmaning.

Färgens betydelse – Vilken färg får flest klick?

Färgen på knappen påverkar också konverteringen:

🔴 Röd – Skapar en känsla av brådska, används ofta i kampanjer.
🟠 Orange – Positiv och energigivande, ofta bra för call-to-action.
💙 Blå – Skapar förtroende och lugn, passar för trovärdiga organisationer.
💚 Grön – Associeras med välgörenhet och positiva förändringar.

En studie från HubSpot (2013) visade att röda knappar ökade klickfrekvensen med 21 % jämfört med gröna knappar i en testmiljö. Dock kan färgpreferenser variera beroende på målgrupp.

Sammanfattning – så optimerar du din donationsknapp

✅ Placera knappen högt upp på sidan och/eller i en fast meny
✅ Använd en tydlig, emotionell och handlingsinriktad text
✅ Testa olika färger, men rött, orange eller blått fungerar ofta bäst
✅ Kombinera med inspirerande innehåll för att förstärka engagemanget

Med Arise Donation Widget för Swish kan du anpassa både text och placering för att få maximalt antal donationer. Knappens färg går utmärkt att ändra med css. Testa och optimera för bästa resultat!

🔹 Redo att få fler donationer? Skaffa Arise Donation Widget för Swish idag!
📌 Läs mer och köp här