Donation QR Block

Donation QR Block adds a Gutenberg block that displays an EPC/GiroCode QR code for accepting SEPA bank donations. When scanned with a banking app, the QR code pre-fills all transfer details (recipient, IBAN, BIC, reference) – making it easy for supporters to donate.

Features

• Native Gutenberg block – No shortcodes, works seamlessly with the block editor
• Live preview – QR code updates in real-time as you edit bank details
• Fully customizable – Edit recipient name, bank, IBAN, BIC, amount, and payment reference
• No external services – QR codes are generated locally, your bank details never leave your server
• Privacy-friendly – No tracking, no API calls, no external dependencies
• Customizable appearance – Change background color to match your theme
• Graceful fallback – Shows bank details even if QR generation is unavailable

What is an EPC QR Code?

The EPC QR code (European Payments Council Quick Response Code) is a standard for encoding SEPA credit transfer data. In Germany, it’s known as “GiroCode”. When scanned with a compatible banking app, it automatically fills in all payment details, reducing errors and making donations effortless.

Supported in 36 SEPA countries including: Germany, Austria, Belgium, Netherlands, France, Spain, Italy, and more.

Use Cases

• Non-profit organizations accepting donations
• Churches and religious organizations
• Sports clubs and associations
• Crowdfunding campaigns
• Event organizers collecting fees
• Any organization accepting SEPA bank transfers

Source Code & Development

The full source code for this plugin is available on GitHub: https://github.com/remotedots/donation-qr-block

The /build directory contains compiled JavaScript and CSS assets generated from source files in the /src directory using @wordpress/scripts .

Building from Source

1. 01Clone the repository: git clone https://github.com/remotedots/donation-qr-block.git