Title: Donation QR Block
Author: remotedots
Published: <strong>2026年1月29日</strong>
Last modified: 2026年8月23日

---

プラグインを検索

![](https://ps.w.org/donation-qr-block/assets/banner-772x250.png?rev=3661109)

![](https://ps.w.org/donation-qr-block/assets/icon-256x256.png?rev=3661109)

# Donation QR Block

 作者: [remotedots](https://profiles.wordpress.org/remotedots/)

[ダウンロード](https://downloads.wordpress.org/plugin/donation-qr-block.1.0.3.zip)

 * [詳細](https://ja.wordpress.org/plugins/donation-qr-block/#description)
 * [レビュー](https://ja.wordpress.org/plugins/donation-qr-block/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/donation-qr-block/#installation)
 * [開発](https://ja.wordpress.org/plugins/donation-qr-block/#developers)

 [サポート](https://wordpress.org/support/plugin/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. Clone the repository: `git clone https://github.com/remotedots/donation-qr-block.
    git`
 2. Install dependencies: `npm install`
 3. Build assets: `npm run build`
 4. Install PHP dependencies: `composer install --no-dev`

#### Source Files

 * `/src/index.js` – Block registration
 * `/src/edit.js` – Editor component (React)
 * `/src/editor.scss` – Editor styles
 * `/src/style.scss` – Frontend styles
 * `/src/block.json` – Block metadata

### Privacy Policy

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.

### Disclaimer

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.

## スクリーンショット

[⌊The Donation QR Block in the Gutenberg editor with live preview⌉⌊The Donation 
QR Block in the Gutenberg editor with live preview⌉[

The Donation QR Block in the Gutenberg editor with live preview

[⌊Block settings panel with bank details configuration⌉⌊Block settings panel with
bank details configuration⌉[

Block settings panel with bank details configuration

[⌊Frontend display of the donation QR code⌉⌊Frontend display of the donation QR 
code⌉[

Frontend display of the donation QR code

## ブロック

このプラグインは1個のブロックを提供します。

 *   Donation QR Code Display an EPC/GiroCode QR code for SEPA bank donations.

## インストール

 1. Upload the `donation-qr-block` folder to `/wp-content/plugins/`
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Edit any page or post with the block editor
 4. Add the “Donation QR Code” block
 5. Configure your bank details in the block sidebar

#### Requirements

 * WordPress 6.0 or higher
 * PHP 8.1 or higher
 * For frontend QR code display: `endroid/qr-code` Composer package (recommended)

Note: Without the QR code library, the block will display bank details only (no 
QR code). The editor preview always shows the QR code.

## FAQ

### Which banking apps support EPC QR codes?

Most European banking apps support EPC/GiroCode scanning, including:

 * Sparkasse
 * Volksbank
 * Deutsche Bank
 * ING
 * N26
 * Revolut
 * And many more…

### Is my bank data sent to external servers?

No. All QR codes are generated locally – in your browser (editor) and on your server(
frontend). Your bank details never leave your infrastructure.

### Can I customize the appearance?

Yes. You can change the background color via the block settings. For further customization,
you can add custom CSS targeting the `.donation-qr-block` class.

### Does it work without JavaScript?

Yes. The QR code is rendered server-side as a static image, so it works even if 
visitors have JavaScript disabled.

### What if the QR code doesn’t appear on the frontend?

The QR code requires the `endroid/qr-code` PHP library. Install it via Composer:

    ```
    composer require endroid/qr-code
    ```

Without this library, the block displays bank details only. The editor preview always
works regardless.

### Can I set a default donation amount?

Yes. You can set a default amount in EUR via the block settings. The default is 
5 EUR. Set it to 0 if you want donors to choose their own amount.

## 評価

このプラグインにはレビューがありません。

## 貢献者と開発者

Donation QR Block はオープンソースソフトウェアです。以下の人々がこのプラグインに
貢献しています。

貢献者

 *   [ remotedots ](https://profiles.wordpress.org/remotedots/)

“Donation QR Block” は1ロケールに翻訳されています。 [翻訳者](https://translate.wordpress.org/projects/wp-plugins/donation-qr-block/contributors)
のみなさん、翻訳へのご協力ありがとうございます。

[“Donation QR Block” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/donation-qr-block)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/donation-qr-block/)する
か、[SVN リポジトリ](https://plugins.svn.wordpress.org/donation-qr-block/)をチェック
するか、[開発ログ](https://plugins.trac.wordpress.org/log/donation-qr-block/)を 
[RSS](https://plugins.trac.wordpress.org/log/donation-qr-block/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 1.0.3

 * Confirm compatibility with WordPress 7.1
 * Remove load_plugin_textdomain() call now that translations are approved on translate.
   wordpress.org and load automatically
 * Suppress a false-positive escaping warning on get_block_wrapper_attributes(),
   which escapes its own output

#### 1.0.2

 * Improve German (de_DE) translation: use informal (du) register and correct typography

#### 1.0.1

 * Fix PHP-side translations by calling load_plugin_textdomain() on init

#### 1.0.0

 * Initial release
 * Native Gutenberg block with live QR code preview
 * Customizable bank details (recipient, IBAN, BIC, reference, amount)
 * Background color customization
 * Server-side QR code generation for frontend
 * Client-side QR code generation for editor preview

## メタ

 *  バージョン **1.0.3**
 *  最終更新日 **2か月前**
 *  有効インストール数 **10+**
 *  WordPress バージョン ** 6.0またはそれ以降 **
 *  検証済み最新バージョン: **7.1.3**
 *  PHP バージョン ** 8.1またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/donation-qr-block/)、[German](https://de.wordpress.org/plugins/donation-qr-block/).
 *  [プラグインを翻訳](https://translate.wordpress.org/projects/wp-plugins/donation-qr-block)
 * タグ
 * [bank transfer](https://ja.wordpress.org/plugins/tags/bank-transfer/)[donation](https://ja.wordpress.org/plugins/tags/donation/)
   [Girocode](https://ja.wordpress.org/plugins/tags/girocode/)[qr code](https://ja.wordpress.org/plugins/tags/qr-code/)
   [sepa](https://ja.wordpress.org/plugins/tags/sepa/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/donation-qr-block/advanced/)

## 評価

レビューはまだ送信されていません。

[Your review](https://wordpress.org/support/plugin/donation-qr-block/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/donation-qr-block/reviews/)

## 貢献者

 *   [ remotedots ](https://profiles.wordpress.org/remotedots/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/donation-qr-block/)