HubSpot CMS で寄付ページを作成する方法

HubSpot の寄付ページを作成したいと思っていたなら、大当たりです。 HubSpot CMS を使用して、非営利団体向けの完璧な寄付ページをご案内します。開発者を雇ったり、コードを知らなくてもかまいません。 しかも無料！

非営利団体が資金調達に苦労した時代は終わりました。 非営利団体の場合、スポンサーやボランティアを積極的に探している可能性があります。

最近の非営利団体は、オンラインとオフラインで寄付を集めています。 インバウンド マーケティングとデジタル化により、非営利団体は、高い収益と増加する見通しをカバーするために自らを形成しています。

非営利団体のために資金を集める最も効率的な方法は何ですか? 資金調達のリードを得る良い方法は何ですか? 答えはあなたのウェブサイトです。

完璧にデザインされたシンプルな寄付ページは、あなたの非営利団体に素晴らしい効果をもたらします! まだ寄付ページを作成していない場合は心配です。 しかし、この記事にたどり着いたあなたには問題ありません。 飛び込みましょう。

非営利団体に寄付ページが必要な理由

正直に言って、非営利団体のウェブサイトを見てみましょう。

すぐに寄付したくなりますか？ ユーザーが手間をかけずに寄付できるようにするための重要な要素はありますか? はい？ いいえ！！！

あなたがそれを感じていなくても、あなたの潜在的な寄付者はあなたの感情を共有する可能性が最も高い. HubSpot CMS を使用すると、すでに非営利の Web サイトを簡単に作成できます。 ただし、資金調達を増やしたい場合は、寄付専用の別のランディング ページが重要です。

統計的に言えば、2020 年にアメリカ人は4,714 億 4,000 万ドルを慈善団体に寄付しました。 実際、世界中の寄付者の 45% が毎月の寄付スキームに参加しています。

寄付ページを作成する前に心に留めておくべきことは何ですか? 概要。

優れた寄付ページは次のようにする必要があります。

1. モバイル対応で、ユーザーはいつでもどこでもクリック 1 つで寄付できます。
2. 寄付者の間で衝動的な慈善活動を鼓舞します。 視聴者の心に響く寄付ページは、視聴者の行動を促します。
3. デフォルト/選択可能な定期的な寄付オプションを提供することで、あなた自身と寄付者にとって簡単になります。

HubSpot で寄付ページを作成する 4 つのステップ

このセクションでは、資金を集め、非営利の募金キャンペーンを促進する HubSpot 寄付ページを作成する手順について説明します。

非営利団体を始めたばかりで、HubSpot 寄付ページを作成したい場合は、

• HubSpot CMS にサインアップします。 それは無料です。 興味があれば、CRM で40% オフも提供しています。
• HubSpot テーマをダウンロードします。 HubSpot マーケットプレイスから無料およびプレミアムの HubSpot テーマの豊富なオプションを入手できます。 多目的でカスタマイズされたテーマもあります。

ただし、無料の HubSpot テーマを使用することをお勧めします。 それらは、ドラッグ アンド ドロップ モジュールを使用するコツを教えてくれます。 その後、特定の機能やモジュールが必要な場合は、カスタマイズを依頼できます。

ステップ 1: HubSpot CMS テーマを選択する

CMS に HubSpot テーマを選択してインストールします。 現在、MakeWebBetter の Charity という名前の無料の HubSpot CMS テーマを使用して、寄付ページを作成しています。

NPO、NGO、活動家、募金サイトに最適です。 27 のドラッグ アンド ドロップ モジュール、16 の再利用可能なセクション、11 ページのテンプレート、および 7 つのシステム ページが含まれています。

• HubSpot ポータルにログイン > マーケットプレイス アイコンに移動 > をクリックしてアセット マーケットプレイスを選択します。 ここでは、HubSpot Web サイトのテーマを見つけることができます。

• 検索バーに名前「Charity」を入力します。 テーマを選択します。

• 必要に応じて、テーマをプレビューできます。 それ以外の場合は、無料でインストールするオプションを選択します。

• HubSpot CMS でテーマをアクティブなテーマとして設定できるようになりました。 チャリティーテーマの他の選択肢には、環境、活動主義、信条などがあります.

テーマをダウンロード

ステップ 2: HubSpot の寄付ページを作成する 寄付ページのテンプレートを選択する

Charity テーマのページ テンプレートのリストからテンプレートを使用してページを作成します。 ドラッグ アンド ドロップ エディターを使用して、モジュールなどの要素を追加できるようになりました。

• 上部のバーから、[マーケティング] > [Web サイト] > [Web サイト ページ] を選択します。
• [作成]をクリックして、ランディング ページを選択します。 次に、ページに名前を付けます。たとえば、(あなたの Web サイト名) Donation Page です。

• Charity Theme から Donation テンプレートを選択し、[Select Template]をクリックします。 テンプレートが適用されます。 正直なところ、寄付テンプレートの使用を選択すると、作業の半分以上がすぐに完了します。

ステップ 3: Charity HubSpot テーマの寄付テンプレートを編集する

寄付テンプレートを選択したら、非営利団体に従って要素を編集します。 この HubSpot の寄付ページ テンプレートには、寄付に対するユーザーのみに関係する鮮明な要素が追加されています。

感情的なストーリーテリングと効果的なストーリーテリングのバランスを取ることは、寄付ページにとって非常に重要です。両方が常に同じであるとは限らないからです。

誰もが良いサクセスストーリーを楽しんでおり、お金がどこに行くのかを顧客に知らせることで、コンバージョンが確実に向上します. しかし、それは私たちについてのページのためのものです!

寄付者にコンテンツを詰め込みすぎたくないので、寄付ページは短くしてください。 したがって、ページへの不必要な追加を避けることは、寄付者の注意を引く賢い方法です。

寄付テンプレートには、寄付モジュール、タイトル コンテンツ、進行状況バー、アコーディオンなどの必須モジュールが 2 つの主要なセクションに含まれています。

その後、非営利団体に応じてモジュールのコンテンツを編集できます。

このテーマで使用される各モジュールは、ドラッグ アンド ドロップ エディターに従います。 さらに、これらのモジュールには、スタイル タブからアクセスできるスタイリング オプションがあります。

編集するモジュールにカーソルを合わせて、鉛筆アイコンをクリックし、編集を行います。 寄付テンプレートの各モジュールを詳しく見てみましょう。

1) 寄付モジュール

最も重要な部分、つまり寄付モジュールは、寄付者があなたの目的に寄付したい金額を選択できるようにします。 [金額] タブの設定から、寄付額を簡単に編集できます。

事前に設定された寄付額を提供することは、非常に親しみやすいものです。 ワンクリックの寄付プロセスが簡単になります。 そして、それは寄付者がいくら寄付すべきかどうかを推測するという考えを排除するので、あなたにとって有利です.

• ですから、タイトルオプションからあなたに合った見出しを編集してください。 金額フォームのプレースホルダー テキストを編集し、寄付金額のプリセット値を最大 4 つ追加できます。 テキストも編集可能な単一のボタンを用意しました。
• 利用可能な寄付フォームのリストからフォームを選択します。 事前に寄付フォームを作成していることを確認してください。 まだの場合は、まず HubSpot 寄付フォームを作成してください。

寄付フォームのフォーム フィールドを編集します。 フォーム フィールドを追加または削除できます。 ただし、あまりにも多くのフィールドを追加しないでください。ユーザーを苛立たせ、オプトアウトする可能性があるためです。

ノート

このフォームから寄付を集めるための非表示のプロパティを取得するには、サポート チームに連絡してください。この機能を追加します。
お問い合わせ

2) プログレスバー

プログレス バー要素は、小さいながらも非常に効果的な要素です。 非営利団体の寄付ページを作成する際、寄付者のモチベーションを維持する必要があります。

ユーザーが多額の寄付をするわけではありませんが、バーの進行状況をリアルタイムで表示することは、寄付者の関心を維持するための賢明な方法です。

プログレス バーの目的は、寄付ページを通じて達成したい目標を公然と宣言することでもあります。 だから、あなたは真実であり、ドナーの信頼を得ています.

プログレスバーで何を編集できますか?

ファンドの目標を決定し、それに応じて開始ラベルと終了ラベルを言及し、カウントを有効または無効にし、開始ラベルと終了ラベルも設定できます。

何よりも、プログレス バーをどのように使用しても、必須ではありません。 ただし、資金調達にも影響はありません。

3) タイトル内容

タイトル コンテンツは、寄付ページの任意の場所にタイトルを追加するのに役立ちます。 最小限のコンテンツ アプローチで、視聴者の共感を呼んで寄付を促します。

ブランド トーンに合わせた見出しを付け、デモ コンテンツを目的のコンテンツに置き換えます。 さらに、HubSpot の非営利寄付ページにサブタイトルとプライマリおよびセカンダリ CTA を簡単に追加してフォーマットできます。

タイトル モジュールの CTA は、塗りつぶしとアウトラインの 2 つの CTA スタイルのいずれかを自由に選択できます。

4) アコーディオン

アコーディオン モジュールは、寄付ページ テンプレートを補完するだけです。 これは、非営利団体に関するすべての最新情報を 1 か所にまとめておく優れた方法です。 それはあなたの目的、寄付の問い合わせ、後援などに関連するものであれば何でもかまいません.

寄付前に発生する可能性のある混乱を避けるために、複数の質問と回答を追加して寄付ページを作成できます。

既存のランディング ページに寄付セクションを追加する方法は?

非営利団体のランディング ページに寄付セクションを追加したい場合は、寄付セクションを作成したい場所に寄付モジュールをドラッグ アンド ドロップできます。

その後、上記で説明したように寄付モジュールを編集して、非営利の Web サイト ページから寄付を集めることができます。

寄付モジュールを備えた HubSpot CMS テーマ

他のすべてのページ タイプには、複数の HubSpot CMS テンプレートがあります。 ただし、それらのすべてが無料で変換できるように設計されているわけではありません。

ただし、HubSpot の無料の非営利テーマには、デフォルトで寄付フォーム モジュールが追加されています。 例えば、

環境寄付ページの例

寄付モジュール

活動寄付ページの例

寄付モジュール

信条寄付ページの例

寄付モジュール

これで、非営利 Web サイトの寄付ページを作成する手順が実質的に完了しました。 非営利ウェブサイトの寄付ページを公開する前に、すべてをプレビューできます。

でも、実際に同じページから寄付を集めないとダメですよね。 2 つのオプションがあります

• Makewebbetter の専門家に、寄付ページを完全に機能する非営利の寄付プラットフォームに変換するよう依頼してください。 さまざまな寄付ページの例を確認する必要はありません。私たちがすべてを行います。

カスタマイズを依頼する

• または、次の手順に従います。

ステップ 4: 寄付を集めるためのユーザー情報

寄付モジュールを通じて追加したフォームにユーザーが必要な情報を入力すると、管理者の受信トレイに寄付者の詳細が届きます。

その後、ボランティア情報を収集する > アカウント/PayPal アカウントの詳細を送信する > 寄付を受け入れる > 寄付者に領収書を送信することができます。

個人の募金活動を設定するには?

まだご存じない方のために、HubSpot CMS は募金活動の Web サイトを無料で作成する絶好の機会を提供します。 HubSpot CMS にサインアップして、無料の非営利テーマをダウンロードできます。

その後のプロセスは、HubSpot CMS を使用して個人用の寄付ページを作成する場合と同じです。

以上で、HubSpot での寄付ページの作成は終了です。 ただし、HubSpot CMS テーマの寄付テンプレートを使用せずに任意のページを寄付ページに変換したい場合は、ボーナス セクションを追加しました。

はい！！

MakeWebBetter による HubSpot 統合である Form Pay アプリを使用するだけです。 HubSpot CMS テーマを使用すると、寄付ページを無料で作成できますが、寄付をシームレスに集めるには 49 ドルを支払う必要があります。

HubSpot フォームと FormPay を使用して、ランディング ページを寄付ページに変換します。

非営利業界の 2019 年の総収益は 847 億ドルでした。非営利団体が素晴らしい業績を上げていることは否定できません。 しかし、それはすべて、スマートな作業とリソースの最適な利用という事実に帰着します。

MakeWebBetter による FormPay は、非営利団体としての活動を寄付収集プラットフォームの面でより簡単かつ優れたものにする HubSpot 統合アプリケーションの 1 つです。 人々は、PayPal、Stripe などの有名な支払いゲートウェイを信頼する傾向があります。

参加している場合に従う必要がある手順のリストを次に示します。

ステップ 1: HubSpot CMS テーマ テンプレートを使用してランディング ページを作成する

HubSpot CMS を使用して寄付ページを無料で作成する方法を学習しました。 ただし、必ずしも HubSpot CMS テーマから寄付テンプレートを選択する必要はありません。 任意の Web サイトまたはランディング ページ テンプレートを選択して寄付ページを作成し、非営利の資金を集めるための寄付フォームを作成するセクションを選択できます。

(実際のところ、HubSpot 寄付テンプレートはすべてのテーマに含まれているわけではありません)

次に、HubSpot アプリ マーケットプレイスを開き、以下の手順に従います。

ステップ 2: FormPay アプリをインストールする

HubSpot ポータルにログイン > マーケットプレイス アイコンを選択 > アプリ マーケットプレイスをクリック > MakeWebBetter で FormPay を検索 > アプリを登録してインストールします。

FormPay を 1 週間無料でお試しいただき、その後わずか49 ドルで購入して、HubSpot への寄付を簡単に集めることができます。

Formpay を使用すると、Amazon Pay、Stripe、PayPal、Adyen などの一般的な支払いオプションを使用して、HubSpot フォームから寄付を受け取ることができます。 さらに、配置に制限はありません。

ゲートウェイオプションに移動して、提供された支払いゲートウェイをアクティブ化、管理、または設定できます。

ステップ 3: 埋め込みコードを使用して寄付フォームを作成して表示する

右上隅に新しいフォームを作成するオプションがあります。 フォームを作成したら、次のことができます

• いずれかのフォームを選択 > 埋め込みコードをコピー > HubSpot CMS テーマを使用して作成した任意の Web サイト ページを開きます。

• その後、寄付を集めたい非営利団体のウェブサイトまたはランディング ページに移動 > コードを埋め込む > ページを更新してプレビュー > 公開

HubSpot CRM を介して、この寄付フォームから直接寄付を集めることができるようになりました。

非営利団体のランディング ページにフォーム コードを埋め込むには?

• 任意のランディング ページを選択 >ページの編集メニューから [追加] に移動 >リッチ テキストモジュールを検索 > ページ上の任意の場所にドラッグ アンド ドロップ > 表示されるテキストを削除します。

• 最上部のメニューから、挿入オプション > 埋め込み > コードの貼り付け > プレビューを見つけます

寄付ページのテンプレートなしで HubSpot 寄付を集めることができる Formpay の機能は何ですか?

1. コンタクト レコード内の HubSpot CRM でユーザーの寄付の詳細を取得します。
2. HubSpot の寄付を、世界的に受け入れられている支払いゲートウェイと統合します。
3. 単純な寄付では、複雑な Web サイトの寄付手順が省略されます。
4. 単一の HubSpot 支払い統合で複数のゲートウェイを利用します。

結論

非営利の寄付プラットフォームとして、HubSpot テーマの寄付テンプレートを使用してウェブサイトを十分に機能させることができます。 適用は非常に簡単で、行き詰まった場合に備えて、専門家との無料ミーティングを利用できます。

無料オプションを探している場合でも、最小限の予算で寄付ページを作成したい場合でも、私はあなたに最適なソリューションを提供します!

非営利団体や慈善団体への関心はあらゆる場所で高まっていますが、組織は変化する人口動態の傾向に応じて計画を調整する準備を整えておく必要があります。 寄付ページの作成やモバイル寄付などのトレンドは、基本的なものにすぎません。

この行を読んでいるということは、HubSpot CMS を使用して寄付ページを作成することに本当に興味を持ったに違いありません。 非営利団体または慈善団体の Web サイト向けの手順、ヒント、コツが必要な場合