Díjmentes weboldal online adományozással
A Mohamanó ÉlményMűhely Közhasznú Alapítvány 2022 óta segíti a hátrányos helyzetű gyerekeket: gyermekotthonokat, iskolákat, óvodákat és családokat adományokkal, élményprogramokkal és tanulmányi támogatással. Nem állami pénzből működnek, hanem magánszemélyek és cégek adományaiból. Az új alapítványi weboldalukat támogatásként, díjmentesen terveztük és fejlesztettük, a látványtervtől az élesítésig.
Egy alapítványi oldalon nem a dizájn a nehéz rész. Az a nehéz, hogy aki segíteni akar, az pár perc alatt és bizalommal megtehesse, akár egyszer, akár havonta, akár pénz nélkül. Ez az oldal arról szól, hogyan oldottuk meg.
Az alapítvány 2026. szeptember 25-én keresett meg minket. A régi WordPress oldaluk félkészen maradt, az előző kivitelező elérhetetlenné vált. A lábléc menüpontjai és az Adományozás gomb egy tesztdomainre vittek, a SimplePay-es fizetés pedig sosem élesedett, csak a tesztkörnyezet volt beállítva. Egy adományokból működő szervezetnél ez azt jelentette, hogy online adományozás gyakorlatilag nem létezett.
A fő igény ezért egyértelmű volt: működő bankkártyás adományozás egyszeri és havi rendszeres formában, és egy saját admin felület, amiben az alapítvány fejlesztő nélkül frissítheti a tartalmat. Az oldal 2026. október 15-én élesedett, három héttel a megkeresés után, és egy hónappal korábban, mint ahogy az alapítvány a karácsonyi gyűjtési időszak miatt eredetileg tervezte.
Az adományozó doboz az Adományozás oldalon kívül a főoldalon, a Segíts! oldalon és minden kampány saját oldalán is ott van. Kampányoldalon az adomány ahhoz a gyűjtéshez kötődik, így az alapítvány látja, melyik kampányra mennyi érkezett. Fizetni bankkártyával lehet, SimplePay-en keresztül.
Négy előre beállított összeg közül lehet választani, mindegyik mellett egy mondattal arról, mire elég: 2.000 forint egy gyerek karácsonyi cipősdobozához, 5.000 forint egy iskolakezdő tanszercsomaghoz, 10.000 forint egy élménynaphoz, 25.000 forint egy tehetséges diák nyári táborához. Saját összeg is beírható, 500 forinttól. Az összegeket és a mondatokat az alapítvány az adminban maga állítja.
A számlázási címet a bank kéri a kártyás fizetés biztonsági ellenőrzéséhez, ezért az oldal elkéri és továbbadja, így a SimplePay felületén már nem kell újra megadni. Bejelentkezett adományozónál a mentett cím előre kitöltődik. Egyszeri adományhoz nem kell regisztrálni. Havi adománynál igen, mert a SimplePay csak regisztrált felhasználóhoz enged kártyát menteni. Ezt nem külön regisztrációs lépéssel oldottuk meg: a havi adomány választásakor ugyanabban a dobozban megjelenik egy jelszómező, és a fiók az első fizetéssel együtt jön létre.
A havi adomány SimplePay ismétlődő fizetéssel működik. Az első fizetéskor a kártya egy tokennel regisztrálódik további 23 terhelésre, legfeljebb két évre, alkalmanként legfeljebb a választott összegre. Ezt a doboz a fizetés előtt egy bekezdésben pontosan kimondja, dátummal együtt, és az ismétlődő fizetés nyilatkozatát külön jelölőnégyzettel kell elfogadni. Utána a terhelés minden hónapban magától fut, egy napi ütemezett folyamatból.
Három részlet, ami ezt használhatóvá teszi:
A támogató a Profilom, Adományaim oldalon látja a havi adományát: összeg, állapot, a kártya utolsó négy számjegye és lejárata, a következő terhelés napja. Itt cserélhet kártyát vagy összeget, és itt mondhatja le megerősítés után, egy kattintással. A lemondás a kártyaregisztrációt a SimplePay-nél is törli. Ugyanitt látszanak a korábbi befizetései is.
Cégként is lehet adni, a cég nevével és adószámával. Mivel az oldal nem állít ki automatikusan számlát vagy igazolást, a doboz ezt ki is mondja: ha adóalap-csökkentéshez kell igazolás, az alapítvány előre támogatási szerződést köt, és az igazolás ennek a melléklete. Aki inkább utalna, ugyanitt megkapja a bankszámlaszámot, az IBAN-t és a SWIFT kódot, másológombokkal.
A pénzadomány mellett minden más segítési mód saját, végigvezető aloldalt kapott, és a menüben egy helyen, ugyanazon menüpont alatt érhető el.
Az Adó 1% oldal lépésről lépésre leírja a felajánlást az eSZJA-ban és papíron, egy gombnyomással másolható adószámmal és egy hétkérdéses GYIK-kel. Az adószám az oldal fejlécében is ott van, és minden oldal megosztási képén is szerepel, így egy Facebookon továbbküldött link is magával viszi.
A REpont oldal a MOHU palack-visszaváltó automatáihoz ad letölthető QR-kódot. Ha a látogató a visszaváltás előtt beolvassa, a visszaváltási díj nem utalványként jön ki, hanem az alapítvány bankszámlájára megy. Az oldal azt is elmagyarázza, miért nem ugyanaz ez, mint az automata saját jótékonysági gombja, mert ezt a kettőt sokan összekeverik.
Önkéntesnek, diákként 50 órás közösségi szolgálatra, jótékonysági nagykövetnek és céges együttműködésre saját jelentkezési űrlapon lehet jelentkezni, a tárgyi adomány oldal pedig leírja, mit fogadnak szívesen. A jelentkezések és a kapcsolati üzenetek az adminban egy helyen, az Üzenetek között jelennek meg. Róluk az alapítvány értesítést kap, a jelentkező pedig visszaigazolást.
Az alapítványt sok cég támogatja, ezért a cégek külön oldalt kaptak a CSR-együttműködésről: intézményfelújítások, jótékonysági workshopok, érzékenyítő csapatépítők. Az oldalon egy kalkulátor megmutatja, hogy egy adott összegű támogatás mennyit jelenthet adóalap-csökkentésben és társasági adó megtakarításban, egyszeri és tartós (négyéves) szerződés esetén. A kalkulátor alatt ott a feltétel is, hogy a kedvezmény legfeljebb az adózás előtti eredmény összegéig érvényesíthető, és hogy a pontos hatásról a könyvelővel érdemes egyeztetni. Egy pénzügyi döntést hozó cégvezetőnek ez a szám többet mond egy általános felhívásnál.
Egy közhasznú alapítványnak közzé kell tennie a pénzügyi beszámolóit, ezért a Dokumentumok oldalon évenként letölthetők a beszámolók, a fejlécben pedig közvetlen link vezet ide. Az ÁSZF, az adatvédelmi tájékoztató, a süti-tájékoztató és az impresszum az alapítvány saját dokumentumaiból készült, a SimplePay által előírt adattovábbítási és ismétlődő fizetési nyilatkozattal együtt.
A Google Analytics csak akkor töltődik be, ha a látogató ehhez hozzájárult. A süti-sáv nem takarja ki az oldalt, az Elfogadom és az Elutasítom gomb egyforma súlyú, a döntés naplózódik, és az oldal alján bármikor módosítható.
Az alapítvány minden tartalmat maga frissít, fejlesztő nélkül. A programok, a kampányok, a galéria albumai, a rajzpályázatok, a támogatók, a kuratórium és a nagykövetek, a letölthető dokumentumok és a sajtómegjelenések ugyanabban a listás felületben kezelhetők: kereséssel, szűréssel, húzással rendezhető sorrenddel és ki-be kapcsolással. Az oldalak blokkokból épülnek, és egy vizuális szerkesztőben közvetlenül az oldalon is átírhatók, élő előnézettel, piszkozattal és élesítéssel.
Az adományok saját felületen látszanak, külön fülön a befizetések, a havi adományok és a beállítások. Kereső és összesítő számok segítik az áttekintést (beérkezett összeg, aktív havi támogatók, várható havi bevétel), a könyvelőnek pedig egy kattintással letölthető, Excelben megnyitható export készül. A vezérlőpulton grafikon mutatja az utolsó 12 hónap adományait egyszeri és havi bontásban, és azt is, melyik gyűjtésre mennyi érkezett. A felhasználók listájában szűrni lehet a havi támogatókra és azokra, akik regisztráltak, de még nem adományoztak.
Az adományozáshoz kapcsolódó tíz levél szövege (köszönőlevél, a havi adomány indulása, terhelés előtti értesítő, sikeres és sikertelen terhelés, lemondás, lejárat) az adminban szerkeszthető, a kimenő levelek a naplóból újraküldhetők. Minden képernyő fejlécében egy súgógomb nyitja a hozzá tartozó leírást egy 53 cikkes, kereshető felhasználói útmutatóból. Ha az alapítvány AI asszisztenssel szeretne tartalmat írni, az is beköthető, de az AI módosításai csak piszkozatba kerülnek, és élesre csak emberi jóváhagyás után mennek ki.
A régi oldal tartalmát átköltöztettük, köztük egy 155 képes fotóalbumot. A régi címekről 301-es átirányítás visz az újakra, a megszűnt fájlokról pedig a szerver 410-es kóddal jelzi, hogy végleg eltűntek. Így a korábban megosztott linkek nem hibaoldalra visznek, és a kereső is tudja, mit kell lecserélnie. Az átirányítások az adminban kezelhetők.
Minden oldal saját megosztási képet kap, rajta az adószámmal. Az oldal strukturált adatban nonprofit szervezetként írja le magát, az adószámmal, a nyilvántartási számmal és az adományozás lehetőségével, a GYIK-blokkokból kérdés-válasz jelölés, a hírekből cikkjelölés lesz. A sitemap élő adatból generálódik, tehát egy új hír vagy kampány kézi karbantartás nélkül bekerül.
Az oldal Laravel 12 alapon, a saját, moduláris alaprendszerünkre épült, az admin összetettebb részei Vue 3-ban készültek. A fizetés SimplePay v2 API-n megy, egyszeri és tokenes ismétlődő fizetéssel. Az oldal mögött több mint 500 automatikus teszt fut, köztük a teljes adományozási folyamaté, így egy későbbi módosítás nem tudja észrevétlenül elrontani a fizetést. Ugyanezen az alapon építünk akkor is, ha egyszerűbb weboldal készítésről van szó.
Ha adományokból működő szervezetnek tervez weboldalt, három dolgot érdemes ebből a projektből elvinni. Az első, hogy az adományozás az első kattintásra működjön, minden fontos oldalon ott legyen, és ne kérjen regisztrációt, amikor nem muszáj. A második a havi adomány: előre kimondott összeg és időtartam, értesítés minden terhelés előtt, lemondás egy kattintással. Ez nem kényelmi funkció, hanem ettől mer valaki rendszeres támogató lenni. A harmadik, hogy a szervezet maga tudja frissíteni az oldalt. Egy civil szervezetnek ritkán van fejlesztőre kerete, és egy régi kampányt mutató, hírek nélküli oldal a bizalmat is rontja.
Nézze meg a többi referencia munkánkat is, vagy olvassa el a blogunkon, miért vállaltuk díjmentesen a Mohamanó oldalát. Ha alapítványnak vagy egyesületnek tervez weboldalt, vegye fel velünk a kapcsolatot.
Amit egy adományokból működő szervezet oldalánál érdemes előre tudni.
A Mohamanó Alapítvány oldala három hét alatt készült el a megkereséstől az élesítésig, de ez a gyorsabb eset volt, mert a látványtervet az alapítvány érdemi változtatás nélkül elfogadta. A leghosszabb átfutású rész általában nem a fejlesztés, hanem a fizetési szolgáltató: a szerződés, az elfogadási teszt és az ismétlődő fizetés engedélyezése. Ezt érdemes a projekt legelején elindítani.
SimplePay ismétlődő fizetéssel: az adományozó az első fizetéskor hozzájárul, hogy a kártyáját később is megterhelhessék, a rendszer pedig havonta magától vonja le az összeget. A funkciót a kereskedői fiókon külön kell kérni. A kártyaregisztráció legfeljebb két évig él, ezért a lejárat előtti figyelmeztetésről és a megújításról is gondoskodni kell, különben a havi támogatások csendben elfogynak.
Egyszeri adományhoz nem. Havi adományhoz igen, mert a SimplePay csak regisztrált felhasználónál enged kártyát menteni, és mert az adományozónak kell egy hely, ahol bármikor lemondhatja. A Mohamanó oldalán ezért a fiók ugyanabban az adományozó dobozban, egy jelszómezővel jön létre az első fizetéssel, külön regisztrációs lépés nélkül.
Listáár nincs, mert a különbség a funkciókban van: egy bemutatkozó oldal más munka, mint egy egyszeri és havi adományozással, kampányoldalakkal és saját admin felülettel működő rendszer. A Mohamanó Alapítvány oldalát támogatásként, díjmentesen készítettük. Más szervezetnél végignézzük az igényeket, és tételes ajánlatot adunk, amiben látszik, melyik rész mennyi.
Igen. A hírek, programok, kampányok, albumok, támogatók és dokumentumok listás felületen kezelhetők, az oldalak blokkjai pedig közvetlenül az oldalon is átírhatók, élő előnézettel. Minden képernyőhöz tartozik egy súgó, ami a felületen látható gombnevekkel magyarázza el a teendőket, így egy új munkatárs is fejlesztő nélkül beletanul.
Igen. A Mohamanónál a régi WordPress oldal szövegeit és képeit átköltöztettük, a régi címekről 301-es átirányítás visz az újakra, így a korábban megosztott linkek és a keresőben lévő találatok nem vesznek el. Ehhez a domainhez és a tárhelyhez kell hozzáférés, a régi fejlesztőre nem. Ha ilyen helyzetben van, ebben a cikkünkben leírtuk az első lépéseket.
Ha a szervezete adományokból működik, az oldalnak elsősorban azt kell tudnia, hogy aki segíteni akar, pár perc alatt megtehesse. Nézzük meg együtt, mi kell ehhez Önöknél: egyszeri vagy havi adomány, kampányoldalak, 1%, és egy admin, amit a csapat maga tud kezelni. Az első egyeztetés ingyenes.
Nézze meg a weboldal készítés szolgáltatásunkat, vagy hívjon minket a +36 70 430 8133 számon.
Készítsünk együtt egy hasonlóan sikeres projektet a Te vállalkozásodnak is!
