オンライン募金に役立つ寄付ページの例

オンライン募金を成功させるための、参考になる寄付ページ12選

寄付者を実際に寄付へと導く寄付ページの事例をお探しですか? デザイン性の高い寄付ページは、サイトを離れてしまう訪問者と、継続的な支援者となる訪問者との分かれ目となります。

「M+R Benchmarks 2025」レポートによると、非営利団体の寄付ページの平均コンバージョン率は、デスクトップで11%、モバイルで8%であることが明らかになりました。こうした数字を達成しているページは、決して偶然の産物ではありません。そこには、どの非営利団体でも参考にできる、いくつかの基本的なデザイン原則が反映されているのです。

この記事では、私が実際に分析した12の寄付ページを例に、それぞれの優れた点を詳しく解説します。また、寄付ページのコンバージョン率を高めるための基本的なフレームワークや、開発者を雇わずにWordPressで独自のページを作成する方法についてもご紹介します。

インスピレーションを得られる寄付ページの実例12選

以下の各例は、意義ある活動を行う非営利団体の実際のページです。それぞれのページの下には、寄付を促進する具体的なデザイン上の工夫が記載されていますので、ご自身のページにも同じ手法を取り入れることができます。

優れた寄付ページとは?

具体例を見る前に、まずその仕組みを理解しておくと役立ちます。コンバージョン率を確実に高める寄付ページには、6つの共通したデザインパターンがあります。

  • 寄付額と具体的な成果を結びつける:「25ドルで1週間分の食事が1家族に提供されます」といった表現は、金額欄を空白にするよりも常に効果的です。
  • 成果を強調した行動喚起:「今すぐ寄付」というボタンは印象に残りにくい。「子供に食事を」や「10本の木を植える」といった表現は記憶に残りやすく、クリックした結果が具体的に何につながるかを明確に示す。
  • 画面上部にフォームを配置:寄付者は寄付先を探す手間を省けるようにすべきです。長文の説明文の下ではなく、最初に表示される画面にフォームを配置してください。
  • モバイルファースト設計:M+R 2025の調査によると、非営利団体のトラフィックの半分以上は現在、モバイル端末から発生しています。もしあなたのページがスマートフォン上で自然に閲覧できない場合、寄付者の大半は行動を起こす前に離れてしまうことになります。
  • 定期的な寄付を「会員制」として位置づける:毎月の寄付者は、一度きりの寄付者よりも生涯を通じてより多くの寄付を行います。定期的な寄付を、より大きな金銭的負担ではなく、コミュニティへの参加として位置づけましょう。
  • 目に見える信頼の証:セキュリティバッジ、税額控除に関する説明、成果データ、そしてソーシャルプルーフは、すべてページに掲載すべきものです。寄付者は不安を感じると躊躇してしまいますが、こうした手がかりがあればその躊躇を取り除くことができます。

例を見ていく際は、この6つのポイントを念頭に置いてください。一見すると全く異なるページであっても、これらの要素が繰り返し現れていることに気づくはずです。

1. オバマ財団

毎月のオプションを含む寄付ページの例

オバマ財団のウェブサイトは、左側に定期的な寄付、右側に単発の寄付を配置した、視覚的にすっきりとしたデザインを採用しており、寄付者に2つの明確な選択肢を示しつつ、情報を過剰に押し付けることなく利用者を導いています。

なぜコンバージョンにつながるのか:

  • 取引手数料をカバーするために、チェックボックスが事前に選択されています。これにより、集まる金額が増えるだけでなく、決済時に「予期せぬ手数料」に驚かされることもなくなります。
  • ユーザーはチェックボックスを1つチェックするだけで定期支払いを設定でき、この仕組みにより毎月の寄付者獲得率が向上します。
  • オバマ陣営のロゴは、支援者に親しみやすいアイデンティティを定着させることで、信頼性を高めている。
  • 画像はパフォーマンスを考慮してサイズ調整されており、モバイルでもページを高速に表示します。

フォーム作成のヒント:手数料負担のチェックボックスを事前に選択しておく設定は、最も効果の高い追加機能の一つです。たった一つの設定ですが、すぐに元が取れるでしょう。

2. 国連人口基金(UNFPA)

ポップアップ寄付の例

UNFPAは、印象的なミッション画像と2つの明確な行動喚起を組み合わせることで、寄付者が寄付フォームを見る前から、寄付を行うべき感情的な理由を感じられるようにしています。

なぜコンバージョンにつながるのか:

  • この写真は、ありきたりなストック写真ではなく、ミッションを支える人々の姿を見せることで、観る人の心に響く役割を果たしています。
  • 「1回限り」または「毎月」の切り替え機能により、寄付者はページを離れることなく希望の選択肢を選べます。
  • 寄付ページに直接設けられたFAQコーナーにより、寄付者が自ら答えを探す手間を省き、セキュリティに関する懸念に事前に応えています。
  • 2つのセクションを並べて配置することで、画面が小さい場合でも、フォームが画面の上部に表示されるようにしています。

フォーム作成のヒント。寄付者から最もよく寄せられる質問を、ページ上に直接掲載しましょう。フォームから離れるクリックが1回あるごとに、寄付者が離脱する可能性が高まります。

3. GetUp

寄付

GetUpは2列レイアウトを採用しており、ミッションメッセージと寄付フォームを同じ画面に表示しています。フォーム自体は複数のステップに分かれており、実際よりも短く感じられるようになっています。

なぜコンバージョンにつながるのか:

  • WordPressのマルチステップフォームは、フォームの「長さ」を軽減するため、入力項目が4つを超えるフォームの完了率を向上させます。
  • 「毎月寄付」のチェックボックスは、寄付意欲が最高潮に達した瞬間に、単発の寄付者を定期的な寄付者に変えることができます。
  • 「並行して行われるミッションの共有は確信を深め、その形式はコミットメントを育む。」
  • 複数の支払い方法(クレジットカードとPayPalリンク)を用意することで、「手元にカードがない」という顧客の懸念を解消できます。

フォーム作成のヒント:寄付フォームの入力項目が4~5つを超える場合は、手順を分けてください。寄付者は、長いフォームよりも短いフォームの方がはるかに高い割合で入力完了します。

4. チルドレンズ・ミネソタ

チルドレンズ・ミネソタの寄付ページ例

チルドレンズ・ミネソタのウェブサイトにある寄付フォームは、操作を最小限に抑え、条件分岐ロジックを用いて、各寄付者に関連する入力欄のみを表示するように設計されています。

なぜコンバージョンにつながるのか:

  • 外部リンクやナビゲーションメニューは非表示にすることで、寄付者が最も重要な行動に集中できるようになっています。
  • このページでは資金の使い道が明確に説明されているため、寄付者は自分の寄付がどのような成果につながっているかを把握できます。
  • 条件分岐ロジックにより、必要な時以外はフィールドが表示されないため、裏側で複雑なルーティングが行われていても、フォームはシンプルに感じられます。
  • フォームの横に適切な画像を配置することで、その活動に対する感情的なつながりを強めることができます。

フォーム作成のヒント:寄付ページからナビゲーションを削除しましょう。外部へのリンクはすべて、ユーザーが離脱する可能性を秘めています。このページの唯一の役割は、寄付を受け付けることです。

5. スペシャルオリンピックス

スペシャルオリンピックス 寄付の例

スペシャルオリンピックスは、寄付フォームを右側に配置し、ミッションステートメントや、視線を誘導してフォームへと注目を集めるように工夫された画像の隣に配置しています。

なぜコンバージョンにつながるのか:

  • 見出しには、寄付によって何が実現されるかというメリットが最初に記載されています。
  • 背景画像の子供が寄付申込書の方を見ているが、これは寄付者の視線を同じ方向へ誘導する、さりげないデザインの工夫だ。
  • 寄付金額はあらかじめ選択されているため、迷うことなく次のステップに進むことができます。
  • あらかじめ選択されているチェックボックスにより、取引手数料がカバーされるため、寄付者1人あたりの受け取り額が実質的に増えます。
  • 複数のステップからなるフローでは、「ステップ2へ進む」といった表現を用いることで、各段階が無理なく進められるように導きます。

フォーム作成のヒントフォームには、被写体がフォームの方を向いている写真を使用し、背を向けている写真は避けてください。視線追跡調査によると、読者は写真の中で視線が向いている方向を追う傾向があることがわかっています。

6. 未来が見えてきた

サイト・ウェブページ

「Future in Sight」は、定期的な寄付を強く推奨し、一目で金額がわかる寄付ボタンが配置された、すっきりとした2段構成の寄付ページを運営しています。

なぜコンバージョンにつながるのか:

  • 全体的なデザインはシンプルで、フォームの各項目が整理されています。
  • 条件付きロジックにより、寄付者が選択したオプションに該当するフィールドのみが表示されるため、フォームを簡潔に保つことができます。
  • 寄付金額はあらかじめ設定されており、寄付者に選択を強いることなく、目安となる金額を示しています。
  • このフォームでは、毎月の寄付がもたらす長期的な影響を強調し、定期的な寄付を「アップセル」ではなく「デフォルト」として位置付けています。

フォーム設計のヒント:定期的な寄付をデフォルトの表示に設定しましょう。毎月の寄付を「主な選択肢」として提示された寄付者は、「追加オプション」として提示された場合よりも、生涯寄付額が高くなる傾向があります。

7. ペンシルズ・オブ・プロミス

PENCILS OF PROMISE 寄付ページ例

Pencils of Promiseは、寄付ページをシンプルな構成にまとめ、明確な「教育を支援する」という行動喚起のメッセージと、サイドバーに会員枠で表示された定期寄付のオプションを配置しています。

なぜコンバージョンにつながるのか:

  • 寄付者が具体的にイメージできる成果と、その寄付を結びつける、明確な行動喚起(CTA)を盛り込んだシンプルなページ。
  • 定期寄付のオプションは「会員制度」という形で提供されており、これにより寄付者は単なる支払いの申し込みではなく、何かに参加しているような感覚を抱くことができます。
  • 寄付者は決済時にクレジットカードまたはPayPalのいずれかを選択できます。これにより、操作を煩雑にすることなく、ほとんどの寄付者のニーズに対応できます。
  • サイドバーも、注意をそらすようなナビゲーションもないため、フォームが画面の中心にしっかりと表示されます。

フォーム作成のヒント:「定期的な寄付」という表現を、「会員制度」や「コミュニティ」という枠組みで再定義しましょう。「毎月の寄付」と「毎月の会員費」という表現の違いは、寄付者がその継続的な関与に対して抱く感覚を大きく変えるものです。

8. 彼女は最初の人

彼女は最初の寄付ページ

「She’s the First」は、寄付がもたらす具体的な成果(女子の教育機会の拡大)を明確に示し、株式、仮想通貨、小切手など、さまざまな寄付方法を用意しています。

なぜコンバージョンにつながるのか:

  • 各寄付がどのような活動に役立っているのか、その組織が支援する少女たちとの直接的なつながりを明確に伝えるメッセージ。
  • 株式、仮想通貨、小切手、ドナー・アドバイズド・ファンドなど、多様な寄付方法をご用意しており、寄付者の経済状況に合わせて柔軟に対応いたします。
  • 他の方法で寄付をご希望の寄付者の皆様向けに、企業の社会貢献活動やパートナーシップに関する詳細情報へのリンクです。
  • 寄付を決定する前に担当者と直接話したいという寄付者向けの連絡先

申込書作成のヒント:クレジットカード決済だけでなく、株式や寄付者指定基金(DAF)の選択肢も追加しましょう。そうすることで、通常の申込書では決して寄付をしてくれなかったような寄付者からも、多額の寄付を引き出すことができるようになります。

9. コード・フォー・アメリカ

Code for America 寄付ページ

Code for Americaは、寄付ページを「インパクトレポート」として活用し、過去の寄付が具体的にどのような活動に役立ったか、そして新たな寄付がどのような成果をもたらすかを寄付者に明確に示しています。

なぜコンバージョンにつながるのか:

  • インパクト・ステートメントは、資金を成果(もたらされた便益、支援を受けた人々)に結びつけるものです。
  • 税額控除の対象となることや非営利団体の地位が明記されており、寄付金の税額控除を受けたいと考える寄付者にとって安心材料となります。
  • 専用のFAQセクションでは、寄付者からよく寄せられる質問を一か所にまとめて掲載しています。
  • 行動喚起のメッセージはシンプルかつ明確で、寄付ボタンから注意をそらすような装飾は一切ありません。

フォーム作成のヒント:将来の見通しだけでなく、過去の成果も示しましょう。「昨年、寄付者の方々の支援によりXが実現しました」という表現は、「皆様のご寄付によりXが実現します」という表現よりも説得力があります。

10. ブラック・ガールズ・コード

BLACK GIRLS CODE 寄付ページ

Black Girls Codeは、寄付者と「テクノロジー分野で活躍する黒人少女を支援する」というミッションを直接結びつけ、それぞれの寄付が心のこもったものになるような仕組みを提供しています。

なぜコンバージョンにつながるのか:

  • 明確なミッションステートメントは、組織の理念をこのページにしっかりと反映させるものです。
  • 寄付者がコメントを残せる欄を設けることで、贈り物に個人的な温かみが加わり、参加感を生み出します。
  • 寄付者が特別な手間をかけずに寄付の効果を倍増できるよう、企業によるマッチング制度を導入しています。
  • 定期的な寄付の選択肢には、月次、四半期ごと、年次などがあり、あらゆる寄付者の希望に対応しています。
  • 寄付者は、誰かを称えるため、あるいはその人を偲んで寄付を行うことができ、これにより、トリビュート寄付や追悼寄付が可能になります。

フォームへの改善点:「~に敬意を表して」または「~を偲んで」という入力欄を追加しましょう。こうした寄付には個人的なエピソードが添えられることが多く、通常の寄付額よりも高額になる傾向があります。

11. メイク・ア・ウィッシュ・アイルランド

メイク・ア・ウィッシュ・アイランドの寄付ページ

メイク・ア・ウィッシュ・アイルランドは、寄付のおかげで人生が変わった子供たちの感動的なストーリーを紹介し、寄付の手順を簡潔かつ分かりやすくしています。

なぜコンバージョンにつながるのか:

  • 心に響くストーリーは、寄付者と抽象的な大義ではなく、具体的な成果と結びつけます。
  • 安全な決済方法が明示されており、これは決済の段階で躊躇してしまう寄付者にとって重要なポイントです。
  • 毎月の寄付と単発の寄付の選択肢は、最初から明確に示されています。
  • 税制優遇措置に関する詳細を伝えることで、寄付者はその活動を支援することによる個人的なメリットを理解しやすくなります。
  • 寄付の効果に関する情報は、別のセクションに埋もれることなく、ページ全体に自然に組み込まれています。

フォーム作成のヒント:寄付ページには、具体的な事例を1つ掲載しましょう。「私たちが支援している人々」といった一般的な文言よりも、実在する受益者の名前と写真を掲載した事例の方が、常に効果的です。

12. 地域環境協議会

地域環境協議会 寄付のページ

コミュニティ環境評議会は、寄付ページに「緊急性」を強調し、寄付を気候変動対策と結びつけるとともに、遺贈やIRAのロールオーバーなど、複数の寄付方法を用意しています。

なぜコンバージョンにつながるのか:

  • 気候変動の緊急性を訴える説得力のあるメッセージは、寄付者に「後回しにするのではなく、今すぐ行動する」理由を与える。
  • さまざまな寄付方法(オンライン、小切手、電話、IRAロールオーバー)を利用することで、より大きな価値のある寄付が可能になります。
  • 大規模な寄付を希望される寄付者の皆様には、企業寄付や遺産寄付の活用をご提案しています。
  • 税制上の優遇措置に関する情報を明確に伝えることで、寄付者は寄付の経済的な側面を理解しやすくなります。
  • 直接のお問い合わせ先を明記することで、寄付を決定する前に担当者と話をしたいと考えている寄付者のハードルが低くなります。

フォーム作成のヒント:緊急性を明確に示しましょう。寄付者が「来四半期」ではなく「今週」寄付すべき正当な理由があるなら、それを率直に伝えましょう。完璧なコピーよりも、緊急性の方がコンバージョン率を大幅に高めるのです。

コンバージョン率の高い寄付ページの作り方

効果的な手法はすでにご覧になったと思います。では、開発者を雇うことなく、ご自身のWordPressサイトでこれらの手法を実践する方法をご紹介します。

WPForms Proには、基本的な機能が最初から備わった寄付フォームのテンプレートが付属しています。これをベースに、上記の例で紹介したような機能を追加することができます。

  • StripeSquare、またはPayPal Commerceを利用して寄付を受け付けましょう。これら3つのサービスはいずれも定期寄付に対応しており、これは寄付者の長期的な価値を高めるための最大の要因となります。
  • 条件分岐ロジックを使用して、寄付者の選択(単発寄付か定期寄付か、特定基金か一般基金か、献辞の有無)に応じてフォームを切り替えます。
  • 「マルチステップフォームモード」を有効にすると、長い寄付手続きの流れを、進捗インジケーター付きの短いページに分割できます。
  • 取引手数料を賄うための事前選択オプションを追加することで、寄付者に追加の負担を求めることなく、寄付の純収入を増やすことができます。
  • 恣意的な金額のボタンではなく、実際の成果に連動した推奨寄付額(25ドルでXを支援、50ドルでYを支援)を設定する。

手順ごとの詳細については、非営利団体の寄付フォームの作成方法に関するガイドをご覧ください。認定非営利団体を運営されている場合、WPFormsではProライセンスを75%割引で提供しています。

WPFormsで寄付フォームを作成する

寄付ページの例に関するよくある質問

寄付ページの効果を高める方法は、非営利団体のチームからよく寄せられる質問の一つです。ここでは、新しい寄付ページを企画したり、既存のページをリニューアルしたりする際に、最もよく聞かれる質問をご紹介します。

優れた寄付ページとはどのようなものですか?

優れた寄付ページは、フォームを画面の上部(スクロールせずに見える範囲)に配置し、各寄付がもたらす具体的な効果を説明し、寄付者の注意をそらす可能性のあるナビゲーション要素を排除しています。また、成果と連動した事前設定の寄付金額を用意し、定期寄付をデフォルトの選択肢として推奨するとともに、セキュリティ認証マークや税額控除に関する情報など、信頼性を明確に示す要素を掲載しています。

寄付ページには何を含めるべきですか?

寄付ページには、少なくとも、成果を強調した見出し、ミッションを簡潔にまとめた文章、推奨寄付額が記載されたフォーム、複数の支払い方法、定期寄付の切り替え機能、税額控除に関する情報、および安全な決済を示す表示が含まれている必要があります。M+R Benchmarks 2025レポートによると、非営利団体のトラフィックの半分以上が現在スマートフォンから発生しており、モバイル対応のレイアウトはもはや必須となっています。

自分のウェブサイトに寄付ページを作成するにはどうすればよいですか?

WordPressサイトでは、寄付や決済に対応したフォームプラグインをインストールし、寄付フォームのテンプレートを選んで、ナビゲーションを最小限に抑えた専用ページに埋め込むのが最も簡単な方法です。例えば「WPForms Pro」には、寄付用テンプレートやStripe・PayPalへの対応、条件分岐機能が含まれているため、1時間以内に作成して公開することができます。

寄付者は平均していくら寄付していますか?

寄付の平均額は支援対象や地域によって異なりますが、「M+R Benchmarks 2025」レポートによると、一回限りの寄付の平均額は130ドル前後、毎月の定期寄付の平均額は月額約25ドルとなっています。推奨額をあらかじめ設定し、その金額と具体的な成果を明確に結びつけているページでは、平均寄付額が高くなる傾向があります。

次に、寄付金額の設定方法について説明します。

推奨寄付額の設定は、平均寄付額を引き上げるために最も手軽にできる改善策の一つです。主要な非営利団体が実際に採用している価格設定のパターンを詳しく知りたい場合は、実際の事例を交えた推奨寄付額の設定方法に関するガイドをご覧ください。

サイト構築を始める前に、おすすめのWordPress寄付プラグインをまとめた記事もぜひチェックして、各プラグインの特徴を比較してみてください。

今すぐ寄付フォームを作成

フォームを作る準備はできましたか?最も簡単なWordPress寄付プラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。

この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。WPFormsがどのように資金を調達しているのか、なぜそれが重要なのか、そしてどのように私たちをサポートできるのかをご覧ください。

ハムザ・シャヒード

ハムザはWPFormsチームのライターで、デジタルマーケティング、サイバーセキュリティ、WordPressプラグイン、ERPシステムに関連するトピックも専門としています。もっと知る

最高のWordPressドラッグ&ドロップフォームビルダープラグイン

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。

このフォームはCloudflare Turnstileによって保護されており、Cloudflareプライバシーポリシーおよび利用規約が適用されます。