如何通過彈出窗口為非政府組織的事業做出更多貢獻的 6 個示例

已發表: 2022-04-07

非政府組織與傳統公司的不同之處在於,它們的目標是為了社會和人道主義目的而改善世界。 為了開展他們的人道主義或社會事業,他們必須能夠吸引和留住在他們的事業中發現價值的捐助者和志願者。

我們正在看到非政府組織在線籌款的趨勢如何。 Blackbaud 研究所進行的一項研究顯示,過去三年全球在線捐贈增加了 30% 到 60%。

按組織規模劃分的在線捐贈趨勢
在線捐贈增加(來源:Blackbaud Institute)。

在這種慈善成長的背景下,非政府組織尋求捐贈的時機再好不過了。 您的非政府組織必須準備好利用新出現的機會。 出於這個原因,在這篇文章中,我分享了 6 個例子,說明各種非政府組織如何使用彈出窗口來獲得更多可以為您提供靈感的捐款。 此外,我還告訴您如何使用 Nelio Popups 插件在 WordPress 中輕鬆創建它們。

您可以直接從 WordPress 儀表板安裝免費版本的 Nelio Popups,就像 WordPress.org 上提供的任何其他插件一樣。 您現在還可以利用您對具有附加功能的高級版本的發布優惠。 請記住,您還會在這篇文章中找到更多彈出窗口的示例。

塞拉俱樂部彈出窗口

Sierra Club 是美國歷史最悠久、規模最大、最具影響力的環保組織之一,其主要目標是探索、享受和保護地球上的荒野。

Sierra Club 彈窗截圖
塞拉俱樂部彈出屏幕截圖。

第一次進入 Sierra Club 網站時,會出現如上圖所示的彈出窗口。 此彈出窗口凍結其後面的圖像,並且只允許您單擊彈出窗口中的彈出按鈕或鏈接,或關閉彈出窗口。 關閉後,它會保存一個 cookie,並且不會重新出現在用戶的後續會話中。 目標很明確:邀請首次使用的用戶進行捐贈,並且他們不會在以後的訪問中受到打擾。

但不僅如此。 在本網站中,定義了多個彈出窗口,因此並非所有用戶在第一次進入本網站時都會看到相同的窗口。

我們如何使用 Nelio Popups 創建這些彈出窗口? 安裝 Nelio Popups 插件後,您可以在儀表板上使用它,您可以使用菜單中的“添加新”選項創建您的第一個彈出窗口。

使用 Nelio Popups 添加新的彈出窗口
使用 Nelio Popups 添加一個新的彈出窗口。

Nelio Popups 插件的巨大優勢在於它與 WordPress 塊編輯器完全集成。 因此,使用 Nelio Popups 創建彈出窗口就像在 WordPress 中創建帖子或頁面一樣簡單,您可以使用與編輯器中相同的塊。

我們可以通過首先添加幾列來創建這個彈出窗口(一個佔據彈出窗口的 80% 的主標題,另一個佔據右側的鏈接),然後我們添加一個段落和一個佔據彈出窗口的整個寬度。

創建像 Sierra Club 這樣的彈出窗口
創建一個像 Sierra Club 這樣的彈出窗口。

一旦創建了彈出窗口,其他的創建就更容易了,因為您可以直接複製所有內容(以與任何頁面相同的方式),添加新彈出窗口,粘貼創建的內容並修改文本.

此外,我們還能指出哪些其他特徵? 我們可以設置它的大小(在本例中為 900 像素寬)、我們希望它在 Web 中顯示的位置(在頂部,邊距為 10em),以及它的顯示方式(從頂部向下滑動)。 此外,我們還可以表明在彈出窗口後面添加了一個灰色覆蓋層,並且它有一個圖標可以關閉它。

類似於 Sierra Club 的已創建彈出窗口的預覽
創建的彈出窗口的預覽類似於 Sierra Club 網站上顯示的彈出窗口。

我們還可以指出它應該顯示在所有頁面上,並且應該在頁面被訪問時立即出現。

使用 Nelio Popups 插件,您還可以指示此彈出窗口不與其他彈出窗口一起顯示。 因此,即使我們創建了三個具有不同內容的彈出窗口,我們也要確保當用戶進入頁面時,在給定的時刻,只會顯示三個中的一個。

Nelio 彈出窗口的高級功能
Nelio Popups 的高級功能。

正如您在上圖中看到的,您還擁有高級功能來限制您希望彈出窗口顯示的次數以及您希望重置此條件的頻率。 這樣,我確保進入我網站的用戶只會在第一次看到彈出窗口,而在瀏覽網站時不會再次看到它。 在指定的時間段結束時,此條件將被重置,此人可能會再次看到彈出窗口。

人道社會彈出窗口

美國人道主義協會 (HSUS) 是一家美國非營利組織,致力於在全國范圍內促進動物福利和反對與動物有關的虐待行為。 當您進入他們的網站時,屏幕中間會出現一個奇妙的彈出窗口,供您採取行動。 在這種情況下,支持向美國魚類和野生動物管理局局長致函,通過將河馬列入瀕危物種法來保護河馬。

人道協會美國網站上顯示的彈出窗口
人道協會美國網站上顯示的彈出窗口。

此外,在其全球子公司中,在 50 多個國家開展業務的 Humane Society International (HSI) 在訪問其網站時也顯示了與上述行為類似的彈窗。

人道協會國際網站上顯示的彈出窗口
人道協會國際網站上顯示的彈出窗口。

在這兩種情況下,這些強大的彈出窗口只會在您第一次訪問網站時顯示。

我們如何使用 Nelio Popups 創建它們? 在這兩種情況下,都可以使用帶有圖像和標題、段落和按鈕的媒體和文本塊來創建彈出窗口。

顯示彈出框的塊
彈出塊的可視化。

為確保圖像作為封面圖像佔據整個空間,您可以使用“封面圖像”樣式指示這一點。

選擇媒體塊中的背景圖像和彈出窗口的文本
在彈出的媒體和文本塊中選擇封面圖像樣式。

指定彈出窗口的大小和居中位置後,您可以預覽結果。

使用 Nelio Popups 創建的彈出窗口的可視化
使用 Nelio Popups 創建的彈出窗口的可視化。

並且兩個彈出窗口的行為與前面的非常相似:它們應該出現在任何頁面上(沒有褪色效果),並且我們將每個會話的視圖數量限制為一個。

使用 Nelio Popups 創建的彈出窗口的可視化
使用 Nelio Popups 創建的彈出窗口的可視化。

國際救援委員會彈出窗口

國際救援委員會幫助受衝突和災難破壞的人們恢復健康、安全、教育、經濟福祉和權力。 現在,在網站上幾秒鐘後,您將看到一個彈出窗口,要求您捐款以幫助烏克蘭危機。

Popup de la web 國際救援委員會
國際救援委員會網站上顯示的彈出窗口。

我們如何使用 Nelio Popups 創建這樣的彈出窗口? 在這裡,我們選擇創建一個黑色封面塊,我們在頂部添加了一個佔據封面全寬的圖像和一個標題,然後是一個段落和一個按鈕。

使用 Nelio Popups 創建 IRC 彈出窗口
使用 Nelio Popups 創建像 IRC 這樣的彈出窗口。

在這個彈出窗口中,我們添加了一條灰色的 1 像素線作為邊框,並添加了十字以關閉相同顏色的窗口。

最後,我們還指定它應該在幾秒鐘後出現,並且在同一會話中只能看到一次。

通過複製國際救援委員會創建的彈出窗口的可視化
通過複製國際救援委員會創建的彈出窗口的可視化。

天主教救濟服務彈出窗口

天主教救濟服務執行美國主教的承諾,幫助海外窮人和弱勢群體。 在他們的網站上,他們會顯示一個僅在您即將離開他們的網站時出現的彈出窗口。 此彈出窗口要求您進行調查。

從天主教救濟服務網站退出彈出窗口
從天主教救濟服務網站退出彈出窗口。

彈出窗口很容易創建,帶有標題、段落、圖像。 和一個按鈕。 當然,用藍色邊框裝飾它,使它看起來像原來的一樣。

創建類似 CRS 的彈出窗口
創建類似於 CRS 的彈出窗口。

在這種情況下,彈出窗口應該只在用戶嘗試離開網絡時出現。 使用 Nelio Popups 很容易設置。

Nelio Popups 中的配置,使其僅在離開站點時出現
Nelio Popups 中的配置,使其僅在離開站點時出現。

瞧,我們已經創建了彈出窗口。

通過從 CRS 複製一個彈出窗口的可視化
通過從 CRS 複製一個彈出窗口的可視化。

拯救兒童彈出窗口

救助兒童會是一個擁有超過 25,000 名員工的組織,在 122 個國家工作,維護全球兒童的權益,優先考慮最弱勢群體。

進入他們的網站時,以下彈出窗口會突出顯示:

救助兒童會網站上顯示的彈出窗口
救助兒童會網站上顯示的彈出窗口。

使用 Nelio Popups,我們可以創建這個帶有紅色封麵類型塊和兩列的彈出窗口。 第一個,更寬,帶有文本和按鈕的內容。 第二,與圖像。

創建 Save The Children 彈出窗口的副本
創建 Save The Children 彈出窗口的副本。

此外,我們添加了關閉按鈕、彈出窗口後面的深灰色覆蓋層,並為封面塊添加了填充,使其看起來與原始內容相似。 最後,我們只需要補充一點,進入網頁時彈出窗口,只有一次,每次有新會話時。

從 Save The Children 複製的彈出窗口的可視化
從 Save The Children 複製的彈出窗口的可視化。

結論

一些非政府組織,特別是在危機時期,會藉此機會向訪問者展示,一旦他們登陸他們的網站,就會彈出非常直觀的彈出窗口,讓他們為他們的事業做出貢獻。 但是,我們看到,在大多數情況下,這不是用更多彈出窗口轟炸訪問者的問題。 通常,第一次顯示就足夠了,然後等待一段時間,直到再次顯示彈出窗口。

使用像 Nelio Popups 這樣的插件,我們已經能夠看到創建彈出窗口就像我們在我們的網站上創建任何頁面或發布一樣簡單。 內容的編輯使用我們已經熟悉的相同塊完成,並且我們有一組附加功能,允許我們顯示具有所需行為的彈出窗口。 您還在等什麼來使用 Nelio Popups 在您的網站上創建自己的彈出窗口?

Katt Yukawa 在 Unsplash 上的特色圖片。