非営利のウェブサイトにポップアップを使用する方法は? 8つの実用的なヒント

公開: 2022-07-06

それらを愛するか嫌うか、ポップアップは変換され、正しく行われた場合、それらはあなたの非営利ウェブサイトのゲームチェンジャーになることができます。

a cover image with a blue background with a bold text that says eight practical tip and "How to use popups for nonprofit website?" with the logo of an NGO and two hands with a heart in the middle

非営利のウェブサイトのエンゲージメント率を高め、寄付を生み出し、潜在的な活動家や寄付者との長期的な関係につながる可能性のあるメーリングリストを作成しませんか?

ほぼ確実に、あなたはイエスと答えます。

しかし、あなたは疑問に思うかもしれません、どうやって? それはすべて、うまく実行されたポップアップについてです、私の友人。

ポップアップはそれ以上のことを行うことができますが、邪魔にならない魅力的な方法でポップアップを作成して実行する方法を知ることは、それ自体が芸術です。

この記事では、非営利のWebサイトでポップアップを使用することを検討する理由をいくつか紹介し、開始するための簡単で実用的なヒントをいくつか紹介します。

非営利のウェブサイトにポップアップを使用する必要があるのはなぜですか?


最も成功し、有名なブランドの多くが今でもWebサイトでポップアップを使用しているのは偶然ではありません。

これは、ポップアップが引き続き機能するためです。非営利団体への寄付を増やしたい場合は、ポップアップの使用も検討する必要があります

以下に、非営利のWebサイトにポップアップを使用する必要がある最も重要な理由のいくつかを示します。

言い換えれば、募金キャンペーンを開始する予定がある場合、またはWebサイトのトラフィックを使用して資金を調達したい場合は、読み続けてください。

ポップアップを使用すると、さらにカスタマイズできます

ジオターゲティングを使用すると、ユーザーの場所に基づいてポップアップを作成し、現在および/または潜在的なサポーターやドナーに、より関連性の高い、ターゲットを絞ったプロモーションを提供できます。

a nonprofit organization's website screenshot with a welcome popup that shows the flag of Ukraine and asks the visitors to take action and help the women in need in the war

国際的または多文化的な組織の場合、この機能を使用すると、訪問者の言語に基づいて訪問者をターゲットにし、多言語キャンペーンをカスタマイズできます。

ポップアップは、視聴者を維持するのに役立ちます

終了インテントポップアップを使用することは、Webサイトユーザーが移動するのを防ぐための優れた方法です。

ほとんどのマーケターは、終了インテントポップアップを使用して、放棄されたカートを節約し、収益を最大30%増やします

それなら、訪問者が去る前に行動を起こし、善行に参加するように動機付けられるように、非営利のWebサイトでそれらを使用してみませんか。

最高の出口インテントポップアップの例をいくつか見て、訪問者により高い価値を提供し、訪問者をより引き付ける独自のデザインを作成するためのインスピレーションを得ることができます。

ポップアップはあなたに潜在的なボランティアの素晴らしいメーリングリストを構築します

screenshot of the Catholic relief services nonprofit website with the picture of a woman and a baby in blue hat and green Jeresy with blue email list growing popup bar

非営利団体のサイトに埋め込むことができる動的でカスタマイズ可能なポップアップとオプトインフォームを作成することは、電子メールリストを作成する旅を始めるための優れた方法です。

あなたのオープン率を高めるためにもっと面白いメールマガジンの例を見つけてください

あなたの潜在的な貢献者のリストを持つことはあなたのEメールマーケティングキャンペーンであなたを大いに助けます。

Eメールマーケティングセグメンテーションを使用して、より関連性の高いユーザーグループをターゲットにし、ニュースレターを送信することで、ユーザーにミッションについての情報を提供し続けることができます。

PopupsmartであなたのEメールリストを成長させましょう!

非営利ウェブサイトでポップアップを使用する方法に関する8つのヒント

あなたはあなたのウェブサイトにとってポップアップがどれほど効果的であるかを知っているかもしれませんが、それでもポップアップで寄付を増やし、資金調達キャンペーンを促進する方法を疑問に思っています。

このベストプラクティスのリストは、ポップアップを最大限に活用し、非営利ウェブサイトの最新の資金調達計画を立てるのに役立ちます。

では、すぐに飛び込みましょう。

1.トリガーワードと関連グラフィックを使用する

言葉の力を利用して、心理的な反応を引き起こす感情的なトリガーワードで訪問者の注意を引き付けます。

言葉と面白いビジュアルを組み合わせてブームを起こすだけで、ユーザーは夢中になります。

ポップアップのデザインのベストプラクティスの1つは、ポップアップに関連する画像やスタイルを追加して、スペースを最大限に活用することです。

a nonprofit website fighting for animal right screenshot of a popup with the picture of a sad poppy in a cage that asks the visitors to help them fight the poppy mills with an orange calk to action that says "Donate Today"

ミッションに関連するビジュアルを使用して、ポップアップデザインをWebサイト全体のスタイルに適合させてください。

実際、ポップアップがユニークであるほど、目立つ可能性が高くなります。

自分の使命に関連する感情的なトリガーワードや画像を使用してポップアップをカスタマイズしてみてください。ただし、強引な音や操作的な音はしないでください。

過去の寄稿者の証言のスクリーンショットを使用するか、募金活動の原因を表示することができます。

ここでは、動物福祉を促進し、動物虐待に反対する非営利団体である米国人道協会からの別の素晴らしいポップアップの例を見ることができます。

a popup screenshot from the human society of the united state website with a picture of a sad poppy in a cage and a text that asks the visitors to help them stop the poppy mills and tell the USDA to protect puppies with a blue call to action that says send a message

視聴者の感情を誘発するための関連画像の使用と、行動を起こすように説得するための短くて的確なCTAの使用は印象的です。

2.ポップアップを紹介する適切なタイミングを選択します

プロ野球選手のヨギ・ベラはかつて、「本塁打を打つために激しく振る必要はない。 タイミングがわかれば、行きます。」

ポップアップに適用される同様のルールもあります。

タイミングは、募金キャンペーンを宣伝し、ポップアップで寄付を増やす際に考慮しなければならないもう1つの重要な要素です。

ユーザーがウェブサイトを開いた直後にポップアップが表示されるのは良くないので、ユーザーがウェブサイトを開いたときにポップアップを適切に配置するようにしてください

a screenshot of a nonprofit organization website and a popup showing a picture of a family having a picnic with a text in a red box that say"make every day of this summer count" with two call to actions that asks to donate once or donate monthly

適切な時間と場所でポップアップを紹介する最良の方法は、訪問者の行動をターゲットにするなどの機能を提供する使いやすいポップアップビルダーを使用することです。

この機能を使用すると、訪問者が特定の期間の後、またはターゲットページでのスクロールアクティビティの特定の割合の後にWebサイトのコンテンツを表示すると、ポップアップを表示できます。

このようにして、邪魔にならないようにポップアップをカスタマイズし、訪問者をキャプチャするのに最適な瞬間を選択できます。

世界的な動物福祉団体であるFourpawsが、exit-intentニュースレターのポップアップを使用して、訪問者と連絡を取り合い、メーリングリストを拡大する方法をご覧ください。

screenshot of Four paws nonprofit website with a exit intent popup that asks the visitor to sign up for the newsletter before leaving the website

さらに、フルスクリーンのポップアップオーバーレイを使用している場合は、訪問者が簡単に閉じてWebサイトを使い続けることができるようにすることを忘れないでください。

ユーザーの選択の自由を考慮に入れて、それがより多くの寄付や寄付にどのようにつながるかを見てください。

3.目を引く行動を促す召喚状を使用する

優れた行動の呼びかけは、読者を説得することから始まり、読者が行動を起こすことで終わります。

はい、それは行動への呼びかけがどれほど強力であるかです!

どこにでもある一般的なCTAを使用するだけでなく、創造性を発揮し、読者に実行してもらいたい次のステップに沿った単語やフレーズを使用してください。

この例では、プロセスの次のステップに合わせた2つのCTAを含む非営利のAmercianHeartAssociationからのポップアップを見ることができます。

a screenshot of The American Heart Association nonprofit website showing a popup with a picture of a couple riding a bicycle smiling to the camera being happy with a text that asks the visitors to double their donation with two different call to actions that offer donate once or donate monthly

ポップアップは、明確な目的を持った2つの異なる行動の呼びかけを提供します。 「1回寄付」または「毎月寄付」のいずれかを選択できます。

目を引くターゲットCTAで関連する画像を使用し、適切なタイミングと場所でそれを紹介することが、このポップアップを目立たせるための鍵です。

非営利団体への寄付を増やす効果的な召喚状を作成するためのインスピレーションを得るために、CTAの最良の例を確認することをお勧めします。

4.視聴者が簡単に参加できるようにする

ポップアップを使用して視聴者と交流している場合、あなたの使命は、視聴者が行動を起こしやすくすることです。

CTAをナビゲーションツールとして使用すると、ユーザーをキャンペーンに参加させたい寄付ページに誘導するのに役立ちます。

さらに、ポップアップで寄付を求めている場合は、金額を指定する階層を提供することをお勧めします(たとえば、$ 10、$ 15、$ 50)。

a screenshot of the Malala nonprofit foundation that asks the visitors to donate offering tier donations with two call to action that says donate once or donate monthly to make it easy for them to engage

寄付を増やすには、非営利団体はユーザーができるだけ簡単に使命を果たせるようにする必要があります。そのため、寄付レベルの短いリストを提供することが効果的な方法です。

以下のポップアップの例のようにさまざまなフィールドを使用している場合は、事前入力フォーム機能を使用して、訪問者がキャンペーンに簡単に参加できるようにすることをお勧めします。

a popup example from a nonprofit organizarion asking for the visitors email address, first name and last name to send intresting storues and update them on the missions with a blue call to action that says "Sign Up!"

その結果、彼らは自分たちがどれだけ貢献できるかを自分で考えるのではなく、あなたが彼らに与えたものを寄付する可能性が高くなります。

5.組織の使命をユーザーに通知する

ポップアップは、ユーザーとの迅速な接続を確立するための優れたツールであるだけでなく、ユーザーが自分の言葉でミッションに貢献するために何ができるかを正確に伝えることができます。

ミッションに関するデータを提供します。すでにプロセスを開始している場合は、写真と統計でそれを紹介し、開始したことを完了するためにユーザーに支援を求めます。

目標は、ユーザーとの構成要素のエンゲージメントを提供し、ユーザーが何のために寄付しているかを示すことです。

視覚的に魅力的なポップアップを作成するためだけに時間をかけるのではなく、ユーザーが必要なアクションを実行する必要がある理由、またはユーザーに必要なアクションを実行する必要がある理由について、価値提案に焦点を合わせます。

さまざまな「フック」を使用して、ユーザーにアクションを実行させることができます。

非営利団体は、その使命で人々の心に触れる力を持っています。これは、始めるのに適した場所です。

数ドルでも大きな違いが生じる理由や、ユーザーが組織の現状を知る必要がある理由を説明してみてください。

6.メールリストを増やし、ユーザーを最新の状態に保つ

メーリングリストは、寄稿者との調整された関係を構築するための情報の宝庫です。

ユーザーのメールアドレスを尋ねたら、デザインを維持し、できるだけシンプルにコピーするようにしてください。

a nonprofit website screenshot with a simple popup that asks if the visitor would like to stay inform about the organization's mission with two butoon one in red saying yes and one in grey saying no

秒単位で考えてください。2秒以内(またはそれ以下!)に価値提案がユーザーに明確でない場合は、それを十分に明確に定義していません。

a nonprofit website screenshot with a simple popup that says great and asks for the visitors email address to join the newsletter with a red call to action that says "Join Now!"

ユーザーに連絡する必要があるのはメールだけなのに、なぜそんなに多くのフィールドでユーザーを悩ますのでしょうか。

ポップアップフォームの入力フィールドの数を減らすと、ユーザーエクスペリエンスの向上とエンゲージメントの向上との間に強い相関関係があることがよくあります。

これらのヒントに従うことで、メールマーケティングキャンペーンを介してフォローアップし、ミッションで更新できる高品質のリードの長いリストを作成できます。

7.ポップアップがモバイルフレンドリーであることを確認します

モバイルトラフィックがますます重要になっていることは否定できません。Webサイトがモバイルデバイス用に最適化されていない場合、多くの加入者と潜在的な資金を逃していることになります。

非営利の情報源統計レポートによると、非営利のWebサイトトラフィックの半分はモバイルおよびタブレットユーザーからのものであり、モバイルデバイスが全訪問者の40% 、タブレットが10%、デスクトップユーザーが50%を占めています。

非営利団体がモバイル募金活動を実施し、寄付ページとポップアップをモバイルフレンドリーにすることがこれまで以上に重要になっています。

最高のユーザーエクスペリエンスを実現するために、さまざまな構成でデスクトップとモバイルのポップアップバージョンをカスタマイズして最適化してみてください。

Popupsmartを使用すると、デスクトップビューとモバイルビューを簡単に切り替えて、要素をできるだけスムーズかつ迅速に変更できます。

8.ユーザーがポップアップで簡単にナビゲートできるようにする

最終的には、ポップアップを使用して、ユーザーが探しているものを見つけられるようにする必要があります。

Cookieデータを使用して、Webサイトの訪問者のエクスペリエンスを最適化し、よりカスタマイズされたエクスペリエンスを提供します。

彼らがあなたの資金調達ページにナビゲートするのを手伝うか、あなたのウェブサイトであなたの最近の使命の報告に彼らを導く。

一部のポップアップは煩わしいと見なされる場合がありますが、正しく使用すると、特定のページにトラフィックを誘導するための最良のツールになります。

ユーザーが目的のページに到達するために完了する手順が多すぎないことを確認してください。

Popupsmartを使用して非営利ウェブサイトのポップアップを作成する方法

これらのヒントに従うことで、非営利のWebサイト訪問者に魅力的なエクスペリエンスを提供し、質の高いリードを増やすことができます

これらの原則を念頭に置いて、ポップアップは変換される可能性が高く、最終的には寄付の目標を達成するのに役立ちます。

さらに、これらのプラクティスに従い、簡単でユーザーフレンドリーなツールを使用すると、組織の全体的な戦略に大いに役立ちます。

Popupsmartを使用すると、ユーザーは、phpやpythonでコーディングする方法を知らなくても、コンバージョンを増やし、ユーザーエンゲージメントを向上させるポップアップを作成できます。

まだ確信が持てない場合は、Popupsmartを使用してポップアップを作成するための簡単なステップバイステップガイドをご覧ください。


まず最初に、Popupsmartアカウントをまだ持っていない場合は、作成します。 アカウントにログインすると、ダッシュボードが表示され、アクセスできるさまざまなセクションを確認できます。

次に、ダッシュボードの[新しいポップアップを作成]をクリックして、非営利のWebサイトの最初のポップアップを作成します。

Popupsmart popup builder dashboar step one with "create a new popup" button

その後、ビジネス目標を選択する必要があります。 さまざまな組織のニーズを満たすように設計された6つの異なるビジネス目標があります。

このガイドでは、 「アナウンスを表示」を選択しましょう。

Popupsmart popup builder dashboar step two choosing the business objectives

後で必要に応じて、ポップアップを作成して、メーリングリストを増やしたり、お知らせを表示したり、Cookieに関する法律を遵守したり、Webサイトのフォーム送信を収集したりできます。

目的を選択すると、 「ポップアップキャンペーンを作成する」ことを求めるウィンドウが表示されます。

Popupsmart popup builder dashboar step three "Create a popup campaign" window that asks for the website domain and the campaign's name

ここで、ポップアップキャンペーンの名前を選択し、Webサイトのドメインを追加する必要があります。 それらを追加したら、[保存して閉じる]をクリックして設計プロセスを開始します。

Popupsmart popup builder dashboar step four in the "Layout" page with different popup templates and examples

「レイアウト」ページで、さまざまな既製のポップアップテンプレートを確認できます。 クリックして、ビジネスのスタイルとニーズに合ったレイアウトを選択してください。

次のステップでは、 「次へカスタマイズ」ボタンをクリックします。 ここで、ポップアップをカスタマイズして、使命と全体的なブランドアイデンティティおよびスタイルに合わせることができます。

Popupsmart popup builder dashboar step five in the "Customize" page showing different features you can change in your popup such as headline, description and butoon parts

アナウンスポップアップの目的を考慮して、レイアウトの見出し、説明、およびボタンの部分を編集できます。

Popupsmart popup builder dashboar step six showing how the user can change the headline, font family and font wight for the popup

このデザインでは、マハトマガンディーの有名な引用を使用して、訪問者の感情を呼び起こし、困っている人々にきれいな水を寄付するよう促しました。

さらに、ここで画像を追加して自由に編集できます。

ミッションに関連する画像を使用し、寄付が他の人々の生活をどのように変えることができるかを示しました。

ユーザーが希望する方法で寄付できるようにするために、目的の異なる2つの異なるCTAを提供しました。 寄付は1回または毎月行うことができます。

Popupsmart popup builder dashboar step seven showing the "Target" page with different features such as visitor behavior, visitors device

ポップアップのカスタマイズが完了したら、次の手順に進み、[ターゲット]ボタンをクリックする必要があります。

Popupsmart popup builder dashboar step eight showing the visitor behavior window with a list of features users can change to target the right audience

ここでは、訪問者の行動やデバイスの選択など、さまざまなターゲティングオプションを選択できます。

Popupsmart popup builder dashboar step nine showing the visitors device window with two options of desktop and mobile

「訪問者の行動」セクションでは、訪問者がWebサイトに一定時間アクセスした後、または終了意図のポップアップを設定した後にポップアップを表示できます。

さらに、 「オーディエンス」セクションでは、「オペレーティングシステム」、「新規訪問者またはリピーター」、「ブラウザ言語」、「トラフィックソース」、 「地理的位置」に応じて、ポップアップのターゲティングを最適化することもできます。

エンゲージメントを向上させるために、スマートタグダイナミックを使用してパーソナライズされたオンサイトマーケティングメッセージを作成することもできます。

Popupsmart popup builder dashboar step ten "publish" page showing the different integration and features in the last part of the popup creation

ターゲティングの設定が完了したら、[公開する次へ]ボタンをクリックして、公開オプションを設定します。

ポップアップがモバイルデバイスでどのように表示されるかをプレビューし、最高のユーザーエクスペリエンスのために最適化することができます。

Popupsmart popup builder dashboar step eleven showing a preview of the popup in mobile devices

これで、Webサイトのドメインをクリックすると、Webサイトに追加できるポップアップコードが表示されます。

Popupsmart popup builder dashboar step twelve showing the popup code window with a unique code and a button that says "copy to clipboard"

「クリップボードにコピー」をクリックしてコードをコピーし、Webサイトダッシュボードの終了</body>タグの前に貼り付けます。

必ずウェブサイトを確認してください。 そうしないと、公開ボタンをクリックできなくなります。

[公開]セクションをオンにすると、 GoogleAnalyticsとの統合を選択することもできます。

さらに、最後のステップで、このセクションの「返信メール通知」「クリック時のポップアップボタン作成者」をカスタマイズできます。

最終的には、[保存して公開]ボタンをクリックしてポップアップを公開します。

このガイドで一緒に作成したポップアップの最終的な外観は次のとおりです。

The screenshot of the final look of the popup made in this guid with Popupsmart popup builder in the domain website

ちょうどそのように、あなたはあなたの資金調達キャンペーンを促進するために魅力的で非常に潜在的なポップアップを作成することができます。

最後の注意として

注目を集める寄付CTAを作成する方法がわかったので、次は行動を起こし、この知識を実践します。

先に進み、ポップアップを1つか2つWebサイトに追加し、統計レポートを使用してパフォーマンスの追跡を開始します。

また、データを収集したらA / B分割テストを実行することで、結果を改善し、より多くの人々にあなたの目的を支持するように促すことができます。

Popupsmartを使用して、非営利のWebサイトに最初のポップアップを作成し、上記のすべてのヒントを組み合わせることができます。

恥ずかしがらずに、最初のポップアップを作成して、ご不明な点がありましたらお知らせください。

Popupsmartを使い始めて、今日あなたの非営利ウェブサイトの最初のポップアップを作成してください!

よくある質問

非営利団体は広告を使用できますか?

簡単な答えはイエスです。 非営利団体は、広告を使用してWebサイトへのトラフィックを増やすことができます。 また、ポップアップを使用して新しいユーザーを歓迎し、さらなるマーケティング目的で情報を取得することもできます。

ポップアップを使用してボランティアを募集できますか?

絶対そうです。 ポップアップは、ユーザーの注意を引くための優れた方法です。 適切なターゲットポップアップを使用すると、非営利団体へのボランティアに関心のある特定のグループの人々を引き付けることができます。

これらの関連トピックもご覧ください。

  • Popupsmartでカスタムオーディエンスをターゲットにする方法
  • Vueモーダルポップアップを作成する方法