Cara membuat website donasi yang siap menerima pembayaran di Indonesia punya alur jelas. Tentukan model program, pasang WordPress dengan halaman transparansi, lalu hubungkan formulir ke WooCommerce, extension donasi, dan gateway lokal (Xendit atau Midtrans).
Jangan berhenti di tombol “Donasi” tanpa callback dan pencatatan order. Namun, banyak yayasan, komunitas, dan pengelola program sosial stuck di landing page cantik. Status transaksi, email konfirmasi, dan pencairan dana jarang mereka uji.
Donor Indonesia cenderung mengecek identitas pengelola, tujuan dana, dan bukti laporan sebelum transfer. Jadi, WordPress tetap cocok sebagai mesin konten dan campaign. Stack pembayaran, webhook gateway, dan kebijakan legal di situs yang menentukan apakah uang masuk tercatat rapi.
Highlight
Cara Membuat Website Donasi dengan WordPress: Tutorial Lengkap dari Desain hingga Payment Gateway
- Untuk gateway Indonesia di situs sendiri, jalur WooCommerce + extension donasi + Xendit/Midtrans punya dokumentasi plugin resmi yang mudah diverifikasi.
- Order WooCommerce “selesai” belum sama dengan dana sudah cair ke rekening—reconcile status gateway, fee, dan settlement.
- Halaman Privacy, Terms, kebijakan penggunaan dana, dan kontak seharusnya sudah live sebelum merchant gateway di-review.
- GiveWP atau Charitable cocok bila fundraising native; cek integrasi lokal terpisah bila QRIS/VA jadi prioritas.
- Saweria, Trakteer, atau SociaBuzz Tribe bisa menampung transaksi sementara WordPress fokus SEO dan storytelling.
Langkah 1: Pilih Model dan Arsitektur Website Donasi
Apabila Anda baru mulai, tentukan dulu apakah situs Anda satu campaign tetap, multi-program, crowdfunding berbatas waktu, donasi berulang, atau halaman dukungan kreator. Setiap model mempengaruhi plugin, laporan, dan copy homepage.
Apabila Anda butuh payment gateway Indonesia langsung di WordPress, setiap transfer sebaiknya tercatat sebagai order (pending, paid, atau failed). Stack yang mudah Anda buktikan lewat dokumentasi resmi: WordPress → WooCommerce → extension donasi → Xendit atau Midtrans.
GiveWP (100.000+ instal aktif di WordPress.org per September 2026) dan Charitable Lite unggul untuk donor database tanpa keranjang belanja. Tetapi, integrasi Xendit/Midtrans harus Anda cek sendiri—jangan anggap plug-and-play.
Sedangkan Donorbox embed mengalihkan pemrosesan ke SaaS. Saweria, Trakteer, atau SociaBuzz Tribe cocok bila transaksi boleh terjadi di platform pihak ketiga sementara WordPress menjadi landing SEO.
| Model | Kontrol situs | Payment lokal | Setup | Cocok untuk |
|---|---|---|---|---|
| WooCommerce + extension + Xendit/Midtrans | Tinggi | Kuat (akun merchant) | Sedang | Organisasi Indonesia |
| GiveWP / Charitable | Tinggi | Cek integrasi | Sedang | Fundraising native WP |
| Donorbox embed | Sedang | Bergantung SaaS | Mudah | Form cepat tanpa Woo |
| Saweria / Trakteer / Tribe | Rendah di checkout | Lokal di platform | Sangat mudah | Kreator & komunitas |
Persiapan Domain, Hosting, SSL, dan WordPress untuk Website Donasi
Berikut checklist singkat: domain aktif, hosting dengan PHP yang kompatibel WordPress terbaru, database MySQL/MariaDB, sertifikat HTTPS, email transaksional (SMTP/API), dan backup otomatis. Staging memungkinkan uji plugin donasi tanpa mengganggu donor nyata.
Meski tutorial hosting bisa panjang, fokus pada kesiapan merchant. Situs harus bisa diakses publik. Identitas organisasi harus terbaca. Halaman legal jangan placeholder kosong saat Anda mendaftar gateway.
Struktur Halaman Website Donasi: Block Editor dan Theme
Lantaran fokus tutorial bukan perbandingan theme, andalkan Block Editor / Site Editor plus theme ringan. Astra, Kadence, atau GeneratePress versi gratis sudah cukup. Target Anda: layout responsif, tombol CTA konsisten, dan kompatibilitas WooCommerce.
Minimal buat Home, Tentang Program, daftar Campaign, detail campaign, halaman Donasi/checkout, Laporan/Transparansi, FAQ, Kontak, Privacy Policy, Terms, kebijakan penggunaan dana, disclaimer, dan thank-you page setelah pembayaran.
Pola arsitektur halaman organisasi nirlaba—navigasi program, laporan, dan profil pengelola—selaras dengan panduan fitur website organisasi. Sesuaikan dengan cakupan campaign Anda.
Ternyata hero homepage paling kuat bila headline spesifik (siapa dibantu, hasil konkret), CTA “Donasi Sekarang”, CTA sekunder “Lihat Program”, visual asli bila ada. Hindari progress bar atau jumlah donor jika datanya tidak live dari database.
Selanjutnya, section masalah/latar sebut lokasi program, penerima manfaat, dan data pendukung—bukan slogan generik. Card campaign aktif menampilkan tujuan, target opsional, dana terkumpul live, dan CTA ke checkout. Blok “Cara Donasi” cukup empat langkah: pilih campaign, nominal, metode bayar, konfirmasi email. Metode pembayaran di homepage hanya logo yang sudah aktif di merchant.
Plugin Donasi WordPress Native: GiveWP, Charitable, dan Donorbox
GiveWP (update September 2026 di WordPress.org) fokus form donasi, donor management, reporting, dan campaign. Stripe/PayPal ada di core gratis. Gateway Indonesia? Verifikasi add-on resmi—bukan asumsi.
Charitable Lite cocok bila Anda ingin form builder visual tanpa WooCommerce. Fitur crowdfunding/recurring lebih luas di Pro. Donorbox WordPress plugin hanya embed: form dan settlement berjalan di dashboard Donorbox, praktis untuk tim kecil yang tidak ingin maintain checkout sendiri.
Kapan melewati WooCommerce? Bila gateway internasional sudah cukup, donor database GiveWP/Charitable lebih ramping, atau Anda hanya butuh link pembayaran eksternal. Walau demikian, QRIS/VA lokal, order log, dan plugin Xendit/Midtrans resmi kerap mendorong Anda tetap di WooCommerce—sesuai jalur tutorial utama blueprint ini.
Membuat Campaign Donasi di WooCommerce dan Extension
Setelah WooCommerce terinstal, set mata uang IDR, alamat organisasi, email order, permalink produk/campaign. Nonaktifkan fitur ecommerce yang tidak dipakai (pengiriman fisik, kupon rumit) supaya checkout donasi tetap ringkas.
Tambahkan extension donasi dari marketplace WooCommerce—contoh Donation for WooCommerce (WPExperts) atau Donations & Fundraising for WooCommerce (WPKoders). Keduanya berbayar. Donasi berulang kerap membutuhkan WooCommerce Subscriptions terpisah.
Konfigurasi: nama campaign, nominal suggested, custom amount, target opsional, progress bar hanya jika data real-time, catatan donor, opsi anonim bila plugin mendukung. Isi campaign dengan tujuan, penerima manfaat, area, periode, foto, estimasi alokasi dana, dan link update.
Satu halaman detail campaign sering jadi landing SEO untuk long-tail “donasi [program]”. Kemudian, bila layout butuh grid banyak campaign card, tim desain WordPress bisa merapikan template. Opsi pembuatan tema WordPress kustom relevan bila Block Editor default terasa sempit untuk storytelling program.
Integrasi Payment Gateway Website Donasi (Xendit dan Midtrans)
Xendit (contoh utama): urutan praktis yang kami sarankan:
- Buat akun Xendit dan selesaikan onboarding/KYC.
- Tetap di Test/Sandbox sampai satu transaksi donasi sukses end-to-end.
- Instal plugin resmi WooCommerce-Xendit (dokumentasi Xendit WooCommerce).
- Hubungkan kredensial API; jangan commit secret ke repositori publik.
- Aktifkan hanya metode payment yang sudah di-enable di dashboard merchant (QRIS, virtual account, e-wallet).
- Buat produk/campaign donasi uji dengan nominal kecil.
- Checkout sebagai donor; catat perubahan status order setelah callback/webhook.
- Verifikasi email donor dan notifikasi admin WooCommerce.
- Switch ke live/production; ulangi tes dengan nominal minimal sebelum promosi.
Namun di homepage, jangan tampilkan logo metode yang belum live—donor yang gagal bayar sering tidak kembali.
Catatan September 2026: dokumentasi Xendit menyebut pembaruan plugin WooCommerce. Versi lama di bawah ambang tertentu dapat berhenti didukung—cek changelog resmi sebelum go-live.
Terms Indonesia Xendit diperbarui Juni–September 2026. Baca ringkas eligibility, settlement, refund/dispute, dan perlindungan data di halaman legal regional Xendit. Jangan copy-paste seluruh dokumen ke situs Anda.
Midtrans (alternatif): daftar merchant, lengkapi dokumen individu/badan usaha sesuai Midtrans Passport. Pastikan situs memenuhi kriteria registrasi (aktif, kategori jelas, harga IDR).
Instal plugin resmi Midtrans WooCommerce, gunakan Sandbox, uji Snap/checkout, verifikasi callback, baru aktifkan Production. TriPay juga menyediakan plugin WooCommerce—uji kompatibilitas versi WP/Woo Anda sebelum menjadikannya cadangan.
Thank-you page: konfirmasi sukses, nomor referensi order, arahan cek email, link kembali ke campaign dan laporan—tanpa mengekspos data pribadi donor di URL.
Email transaksional donor dan admin
Sementara WooCommerce mengirim email order default, pastikan template sukses/gagal/pending terbaca di mobile. Bila hosting shared sering memblokir mail(), gunakan SMTP atau API transactional (SendGrid, Brevo, dll.) dengan domain terautentikasi SPF/DKIM.
Uji inbox Gmail dan provider lokal sebelum kampanye publik. Donor yang tidak menerima bukti sering menganggap pembayaran hilang.
SEO On-Page Website Donasi dan Halaman Campaign
Bila Anda optimasi halaman campaign, pakai satu H1 per halaman. Judul SEO dan meta description menjelaskan program plus ajakan donasi tanpa keyword stuffing. Cantumkan entitas nyata (nama program, lokasi, pengelola) di title, intro, dan alt gambar.
Internal link antar campaign, laporan transparansi, dan FAQ memperkuat crawl path. Plugin SEO seperti Yoast memudahkan metadata—bukan jaminan ranking. Periksa mobile usability dan kecepatan. Namun hindari cache penuh pada halaman checkout.
Referensi plugin GiveWP: GiveWP di WordPress.org bila Anda membandingkan stack native vs WooCommerce.
Biaya: Gratis versus Komponen Berbayar Website Donasi
WordPress core, WooCommerce, Block Editor, theme ringan free, GiveWP core, dan Charitable Lite bisa jadi titik start tanpa lisensi theme premium.
Biaya nyata muncul di extension donasi WooCommerce berbayar, WooCommerce Subscriptions untuk recurring, fee transaksi gateway, fee SaaS (Saweria/Trakteer/Tribe), hosting, domain, SSL, backup managed, dan email API. Klaim “website donasi gratis” menyesatkan bila fee payment tetap ada.
Kepatuhan Pengumpulan Dana dan Transparansi
Bila situs mengumpulkan uang atau barang dari masyarakat untuk tujuan sosial, pemilik program wajib menilai ruang lingkup perizinan pengumpulan uang/bar (PUB) dan pelaporan menurut Permensos yang berlaku.
Permensos No. 8 Tahun 2021 kini digantikan oleh Permensos No. 8 Tahun 2024 (berlaku sejak 30 Desember 2024). Rujukan teks: JDIH BPK Permensos 8/2024. Artikel ini bukan nasihat hukum; konsultasikan pihak yang paham regulasi sebelum kampanye publik skala besar.
Transparansi di situs: siapa penerima uang, pengelola, alokasi dana (termasuk biaya operasional jika ada), kebijakan refund, bukti laporan berkala, tanggal pembaruan. Jangan memakai countdown, testimonial, atau progress palsu—dark pattern merusak kepercayaan donor.
Lantaran data donor sensitif, kumpulkan nama, email, telepon, dan pesan seminimal mungkin. Jelaskan tujuan pemrosesan di Privacy Policy. Gateway seperti Xendit menegaskan kewajiban kepatuhan UU PDP Indonesia—Anda tetap bertanggung jawab atas data yang Anda simpan di WordPress.
Keamanan Website Donasi: Backup, Testing, dan Maintenance
HTTPS wajib. Update core, theme, dan plugin rutin. Akun admin dengan role minimal; 2FA bila tersedia; backup off-site dan uji restore. Jangan simpan API secret di frontend; validasi webhook di server. Sedangkan gateway memproses payment card data—bukan database WordPress Anda.
Checklist testing sebelum launch
Functional: nominal custom dan preset, alur sukses/pending/gagal/batal, callback gateway, email donor dan admin, checkout di perangkat mobile, thank-you page tanpa kebocoran data.
Content: nama program, kontak, Terms, Privacy, tujuan dana, target bila dipakai. Security: HTTPS, tidak ada key terpapar di view-source, role user review, proteksi brute-force login, restore backup pernah dicoba.
Manajemen donor dan rekonsiliasi settlement
Admin harus membedakan tiga lapisan: order WooCommerce (intent donasi), status payment gateway (paid/expired/failed), dan settlement ke rekening (net setelah fee, tanggal cair).
Laporan campaign untuk publik seharusnya sinkron dengan data internal. Jangan publish angka terkumpul manual jika dashboard plugin sudah punya sumber lebih akurat. Refund dan dispute mengikuti kebijakan gateway; cantumkan prosedur singkat di FAQ.
Sebelum promosi massal, reconcile satu minggu transaksi uji. Bandingkan jumlah order, dashboard Xendit/Midtrans, dan mutasi rekening.
Setelah online, pantau transaksi gagal, email bounce, notifikasi gateway, dan plugin usang. Akhirnya, pelajari vektor serangan umum lewat artikel bagaimana website bisa diretas supaya dashboard donasi tidak jadi target injeksi atau redirect.
Hindari tumpukan page builder berat, slider autoplay, dan cache agresif di halaman checkout. Dokumentasi Site Editor WordPress cukup andal menjaga performa tanpa plugin visual berlebihan.
Menurut kami, maintenance situs donasi setara dengan toko online kecil. Plugin payment dan WooCommerce masuk jadwal update bulanan, bukan “setelah ada laporan donor”. Tim CodeF kerap diajak merapikan stack WordPress organisasi sosial sejak fase brief—dari struktur halaman sampai checklist go-live gateway.
Alternatif SaaS Tanpa Kelola Gateway Sendiri
Apabila Anda memilih SaaS, pattern-nya sederhana: WordPress untuk SEO dan narasi program. Tombol “Dukung Kami” mengarah ke Saweria (GoPay, OVO, DANA, LinkAja, QRIS—cek biaya dan Terms di situs resmi), Trakteer, atau SociaBuzz Tribe.
Platform menampung transaksi. Anda baca Terms (dukungan sukarela, non-refundable, tanggung jawab legal pengguna) sebelum embed link. Biaya platform (sering sekitar 5–6% plus ketentuan pencairan) tetap ada meski WordPress gratis—jangan janjikan “donasi tanpa biaya” tanpa klarifikasi.
FAQ Website Donasi WordPress
Apakah WordPress cocok untuk website donasi?
Ya, WordPress cocok untuk landing campaign, form, laporan, dan integrasi plugin—asal alur pembayaran dan legalitas program jelas.
Apakah harus menggunakan WooCommerce?
Tidak. WooCommerce relevan bila Anda butuh order log dan gateway lokal dengan plugin resmi. GiveWP/Charitable atau link SaaS cukup untuk use case lain.
Apakah bisa menerima QRIS?
Bisa jika akun merchant gateway Anda mengaktifkan QRIS. Ketersediaan mengikuti onboarding merchant, bukan cuma instal plugin.
Plugin donasi WordPress yang masih aktif?
GiveWP, Charitable, Donorbox embed, plus extension donasi WooCommerce di marketplace. Setelah itu, verifikasi versi dan update di WordPress.org/WooCommerce.com sebelum produksi.
Disclaimer
Fee gateway, Terms merchant, versi plugin, dan regulasi PUB dapat berubah. Data riset blueprint: 27 September 2026—cek ulang sumber resmi saat publish atau refresh artikel.