ポップアップを介してNGOの目的にさらに貢献する方法の6つの例

公開: 2022-04-07

NGOは、社会的および人道的目的のために世界を改善することを目的としているという点で、従来の企業とは異なります。 彼らの人道的または社会的目的を遂行するために、彼らは彼らの目的に価値を見いだすドナーとボランティアを引き付けそして保持することができなければなりません。

NGOによるオンライン募金の傾向がどのように高まっているかがわかります。 Blackbaud Instituteが実施した調査によると、過去3年間のオンライン寄付で世界全体で30%から60%の増加が見られました。

組織規模別のオンライン寄付の傾向
オンライン寄付の増加(出典:Blackbaud Institute)。

慈善活動の成長というこの文脈において、NGOが寄付を求めるのにこれほど良い時期はありませんでした。 あなたのNGOは、新たな機会を利用する準備をしなければなりません。 このため、この投稿では、さまざまなNGOがポップアップを使用してより多くの寄付を獲得する方法の6つの例を紹介します。これは、あなたにインスピレーションを与えるのに役立ちます。 さらに、NelioPopupsプラグインを使用してWordPressで簡単に作成する方法についても説明します。

WordPress.orgで利用可能な他のプラグインと同様に、無料バージョンのNelioPopupsをWordPressダッシュボードから直接インストールできます。 また、追加機能を備えたプレミアムバージョンのローンチオファーを利用することもできます。 また、この投稿にはポップアップの例がさらにあることを忘れないでください。

シエラクラブのポップアップ

シエラクラブは、米国で最も古く、最も大きく、最も影響力のある環境団体の1つであり、その主な目標は、地球上の野生の場所を探索し、楽しみ、保護することです。

シエラクラブのポップアップスクリーンショット
シエラクラブのポップアップスクリーンショット。

Sierra ClubのWebサイトに初めてアクセスすると、上の画像に示すポップアップが表示されます。 このポップアップは背後の画像をフリーズし、ポップアップボタンをクリックするか、ポップアップ内のリンクをクリックするか、ポップアップを閉じることしかできません。 閉じられると、Cookieが保存され、ユーザーの後続のセッションに再表示されません。 目標は明確です。初めてのユーザーは寄付をするように招待され、その後の訪問に煩わされることはありません。

しかしそれだけではありません。 このWebサイトでは、複数のポップアップが定義されているため、すべてのユーザーがこのWebサイトに初めてアクセスしたときに同じウィンドウが表示されるわけではありません。

Nelio Popupsを使用してこれらのポップアップを作成するにはどうすればよいですか? Nelio Popupsプラグインをインストールすると、ダッシュボードで使用できるようになり、メニューにある[新規追加]オプションを使用して最初のポップアップを作成できます。

NelioPopupsで新しいポップアップを追加します
NelioPopupsで新しいポップアップを追加します。

Nelio Popupsプラグインの大きな利点は、WordPressブロックエディターと完全に統合されていることです。 したがって、Nelio Popupsを使用してポップアップを作成するのは、WordPressで投稿やページを作成する場合と同じように簡単で、エディターにあるのと同じブロックを自由に使用できます。

このポップアップを作成するには、最初にいくつかの列を追加し(1つはメインタイトルのポップアップの80%を占め、もう1つは右側にあるリンクを占めます)、次に段落とボタンを追加します。ポップアップの全幅。

シエラクラブのようなポップアップを作成する
シエラクラブのようなポップアップを作成します。

ポップアップが作成されると、他のポップアップの作成がさらに簡単になります。これは、すべてのコンテンツを直接コピーし(他のページで行うのと同じ方法で)、新しいポップアップを追加し、作成されたコンテンツを貼り付けて、テキストを変更できるためです。 。

さらに、他にどのような機能を示すことができますか? サイズ(この場合は幅900ピクセル)、Web内で表示する位置(10emのマージンで上部)、および表示方法(上部から下にスライド)を設定できます。 さらに、ポップアップの後ろに灰色のオーバーレイレイヤーが追加され、ポップアップを閉じるためのアイコンがあることを示すこともできます。

シエラクラブに似た作成されたポップアップのプレビュー
シエラクラブのウェブサイトに表示されているものと同様の、作成されたポップアップのプレビュー。

また、すべてのページに表示する必要があり、ページにアクセスするとすぐに表示されるように指定することもできます。

Nelio Popupsプラグインを使用すると、このポップアップが他のポップアップと一緒に表示されないことを示すこともできます。 したがって、コンテンツが異なる3つのポップアップを作成した場合でも、ユーザーがページに入ると、特定の時点で3つのうち1つだけが表示されるようにします。

NelioPopupsの高度な機能
NelioPopupsの高度な機能。

上の画像でわかるように、ポップアップを表示する回数と、この状態をリセットする頻度を制限するプレミアム機能もあります。 このようにして、自分のサイトにアクセスしたユーザーに初めてポップアップが表示され、サイトの閲覧中に再び表示されないようにします。 示された期間の終わりに、この状態はリセットされ、人は再びポップアップを見るかもしれません。

ヒューメインソサエティポップアップ

米国人道協会(HSUS)は、動物福祉の促進と動物関連の残虐行為への国家レベルでの反対に焦点を当てた米国の非営利団体です。 あなたが彼らのウェブサイトに入ると、あなたが行動を起こすための素晴らしいポップアップが画面の真ん中に表示されます。 この場合、絶滅危惧種法に基づいてカバをリストアップすることにより、カバを保護するために米国魚類野生生物局の局長に手紙を送ることを支援します。

米国人道協会のウェブサイトに表示されるポップアップ
米国人道協会のウェブサイトに表示されるポップアップ。

さらに、グローバル子会社であるヒューメインソサエティインターナショナル(HSI)は、50か国以上に拠点を置いており、Webサイトにアクセスすると、上記と同様の動作をするポップアップが表示されます。

HumaneSocietyInternationalのWebサイトに表示されるポップアップ
ヒューメインソサエティインターナショナルのウェブサイトに表示されるポップアップ。

どちらの場合も、これらの強力なポップアップは、Webサイトに初めてアクセスしたときにのみ表示されます。

Nelio Popupsを使用してそれらを作成するにはどうすればよいですか? どちらの場合も、ポップアップは、画像とタイトル、段落、ボタンを含むメディアとテキストのブロックで作成できます。

ポップアップのブロックを表示する
ポップアップのブロックの視覚化。

画像が表紙画像として全スペースを占めるようにするには、「表紙画像」スタイルを使用してこれを示すことができます。

メディアブロック内の背景画像とポップアップのテキストの選択
ポップアップのメディアとテキストブロックでのカバー画像スタイルの選択。

ポップアップのサイズと中央位置を指定した後、結果をプレビューできます。

NelioPopupsで作成されたポップアップの視覚化
NelioPopupsで作成されたポップアップの視覚化。

また、両方のポップアップの動作は前のポップアップと非常に似ています。どのページにも表示されるはずであり(フェード効果なし)、セッションごとにビューの数を1つに制限します。

NelioPopupsで作成されたポップアップの視覚化
NelioPopupsで作成されたポップアップの視覚化。

国際救助委員会のポップアップ

国際救助委員会は、紛争や災害によって荒廃した人々の健康、安全、教育、経済的幸福、そして力を回復するのに役立ちます。 現在、ウェブサイトで数秒後、ウクライナの危機を支援するために寄付をするように求めるポップアップウィンドウが表示されます。

ポップアップデラウェブ国際救助委員会
国際救助委員会のサイトに表示されるポップアップ。

Nelio Popupsを使用してこのようなポップアップを作成するにはどうすればよいですか? ここでは、表紙とタイトルの全幅を占める画像を上部に追加し、その後に段落とボタンを追加した、黒い表紙ブロックを作成することを選択しました。

NelioPopupsを使用したIRCポップアップの作成
NelioPopupsを使用してIRCのようなポップアップを作成します。

このポップアップでは、境界線として灰色がかった色の1ピクセルの線を追加し、同じ色のウィンドウを閉じるための十字を追加しました。

最後に、数秒後に表示され、同じセッションで1回だけ表示されるように指定しました。

国際救助委員会からポップアップをコピーして作成されたポップアップの視覚化
国際救助委員会をコピーして作成されたポップアップの視覚化。

カトリック救援事業会のポップアップ

カトリック救援事業会は、海外の貧しい人々や弱い立場にある人々を助けるために、米国の司教たちのコミットメントを実行します。 彼らのウェブサイトには、あなたが彼らのウェブサイトを離れようとしているときにのみ表示されるポップアップが表示されます。 このポップアップは、調査を行うように求めます。

カトリック救援事業会のウェブサイトからポップアップを終了します
カトリック救援事業会のウェブサイトからポップアップを終了します。

ポップアップは、見出し、段落、画像を使用して非常に簡単に作成できます。 とボタン。 もちろん、オリジナルのように見えるように青いボーダーで飾ります。

CRSのようなポップアップの作成
CRSと同様のポップアップを作成します。

この場合、ポップアップは、ユーザーがWebを離れようとしたときにのみ表示されます。 これは、NelioPopupsを使用して設定するのは非常に簡単です。

サイトを離れるときにのみ表示されるようにNelioPopupsで構成する
Nelio Popupsで、サイトを離れるときにのみ表示されるように構成します。

そして出来上がり、私たちはすでにポップアップを作成しています。

CRSからポップアップをコピーして作成したポップアップの視覚化
CRSからポップアップをコピーして作成したポップアップの視覚化。

セーブ・ザ・チルドレン・ポップアップ

セーブ・ザ・チルドレンは、世界の子供たちの権利と利益を擁護し、最も脆弱な人々を優先して、122か国で25,000人以上の人々が働いている組織です。

彼らのウェブサイトに入ると、次のポップアップが目立つように表示されます。

セーブ・ザ・チルドレンのウェブサイトに表示されるポップアップ
セーブ・ザ・チルドレンのウェブサイトに表示されるポップアップ。

Nelio Popupsを使用すると、赤いカバータイプのブロックと2つの列でこのポップアップを作成できます。 最初の、幅の広い、テキストとボタンの内容。 そして2番目は画像付きです。

セーブ・ザ・チルドレンのポップアップのコピーを作成する
[セーブ・ザ・チルドレン]ポップアップのコピーを作成します。

さらに、閉じるボタン、ポップアップの後ろに濃い灰色のオーバーレイレイヤーを追加し、カバーブロックにパディングを追加して、元のブロックと同じように表示します。 最後に、Webに入るときにポップアップが表示されるのは一度だけで、新しいセッションがあるたびに表示されることを追加するだけです。

セーブ・ザ・チルドレンからコピーされたポップアップの視覚化
セーブ・ザ・チルドレンからコピーされたポップアップの視覚化。

結論

一部のNGOは、特に危機の際に、訪問者がWebサイトにアクセスするとすぐに、非常に視覚的なポップアップを表示して、訪問者が自分たちの目的に貢献できるようにする機会を利用します。 ただし、ほとんどの場合、訪問者をより多くのポップアップで攻撃することは問題ではないことがわかります。 通常、最初の表示で十分であり、ポップアップが再び表示されるまでしばらく待ちます。

Nelio Popupsのようなプラグインを使用すると、ポップアップの作成は、Webサイトにページや投稿を作成するときと同じくらい簡単であることがわかりました。 コンテンツの編集は、私たちがすでに慣れ親しんでいるのと同じブロックで行われ、ポップアップを目的の動作で表示できるようにする一連の追加機能があります。 Nelio Popupsを使用して、Webサイトに独自のポップアップを作成するために何を待っていますか?

UnsplashのKattYukawaによる注目の画像。