remotedots

<p>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.</p>
<h4>Features</h4>
<ul>
<li><strong>Native Gutenberg block</strong> – No shortcodes, works seamlessly with the block editor</li>
<li><strong>Live preview</strong> – QR code updates in real-time as you edit bank details</li>
<li><strong>Fully customizable</strong> – Edit recipient name, bank, IBAN, BIC, amount, and payment reference</li>
<li><strong>No external services</strong> – QR codes are generated locally, your bank details never leave your server</li>
<li><strong>Privacy-friendly</strong> – No tracking, no API calls, no external dependencies</li>
<li><strong>Customizable appearance</strong> – Change background color to match your theme</li>
<li><strong>Graceful fallback</strong> – Shows bank details even if QR generation is unavailable</li>
</ul>
<h4>What is an EPC QR Code?</h4>
<p>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.</p>
<p>Supported in 36 SEPA countries including: Germany, Austria, Belgium, Netherlands, France, Spain, Italy, and more.</p>
<h4>Use Cases</h4>
<ul>
<li>Non-profit organizations accepting donations</li>
<li>Churches and religious organizations</li>
<li>Sports clubs and associations</li>
<li>Crowdfunding campaigns</li>
<li>Event organizers collecting fees</li>
<li>Any organization accepting SEPA bank transfers</li>
</ul>
<h3>Source Code & Development</h3>
<p>The full source code for this plugin is available on GitHub:<br />
https://github.com/remotedots/donation-qr-block</p>
<p>The <code>/build</code> directory contains compiled JavaScript and CSS assets generated from source files in the <code>/src</code> directory using <code>@wordpress/scripts</code>.</p>
<h4>Building from Source</h4>
<ol>
<li>Clone the repository: <code>git clone https://github.com/remotedots/donation-qr-block.git</code></li>
<li>Install dependencies: <code>npm install</code></li>
<li>Build assets: <code>npm run build</code></li>
<li>Install PHP dependencies: <code>composer install --no-dev</code></li>
</ol>
<h4>Source Files</h4>
<ul>
<li><code>/src/index.js</code> – Block registration</li>
<li><code>/src/edit.js</code> – Editor component (React)</li>
<li><code>/src/editor.scss</code> – Editor styles</li>
<li><code>/src/style.scss</code> – Frontend styles</li>
<li><code>/src/block.json</code> – Block metadata</li>
</ul>
<h3>Privacy Policy</h3>
<p>This plugin does not collect, store, or transmit any personal data. All QR code generation happens locally on your server and in users’ browsers. No external API calls are made.</p>
<h3>Disclaimer</h3>
<p>This plugin is provided as-is without any warranty. The author is not responsible for any financial losses, incorrect transfers, or other damages resulting from the use of this plugin. Users are solely responsible for verifying that all bank details (IBAN, BIC, recipient name, amount) are correct before publishing. Always test QR codes with your banking app before making them publicly available.</p>


Donation QR Block

Display an EPC/GiroCode QR code for SEPA bank donations. Scannable by banking apps to pre-fill transfer details.

documentid

<p>This plugin displays GiroCodes for easy bank transfers. A GiroCode is a QR code with data for a transfer which can be scanned into a banking app.</p>
<p>GiroCode is a European standard for transfers in the SEPA (Single Euro Payments Area) currently covering 36 countries and territories.</p>
<p>Shortcode examples:</p>
<pre><code>[girocode beneficiary="Deutsches Rotes Kreuz e. V." iban="DE63370205000005023307" amount="10.00" purpose="Internationale Soforthilfe"]
[girocode beneficiary="Deutsches Rotes Kreuz e. V." iban="DE63370205000005023307" amount="10.00" purpose="Internationale Soforthilfe" type="CHAR"]
[girocode beneficiary="Deutsches Rotes Kreuz e. V." iban="DE63370205000005023307" amount="10.00" purpose="Internationale Soforthilfe" size="100"]
[girocode beneficiary="Deutsches Rotes Kreuz e. V." IBAN="DE63370205000005023307" amount="1.00" purpose="Internationale Soforthilfe" size="200"]
</code></pre>
<p>The amount is specified in Euro, standard size is 150.</p>
<p>For a charity donation, type “CHAR” should be specified, marking the transfer as a such in the banking data.</p>
<h3>Use of External Services</h3>
<p>This plugin uses the external service <a href="https://documentid.net/girocode" rel="nofollow ugc">documentid.net/girocode</a>.<br />
The <a href="https://documentid.net/terms-of-service/girocode" rel="nofollow ugc">Terms of Service</a> also include information on how your data is handled.</p>


GiroCode

This plugin displays GiroCodes for easy bank transfers. A GiroCode is a QR code with data for a transfer which can be scanned into a banking app.

Donation QR Block vs GiroCode