如何為非營利網站使用彈出窗口? 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

您想提高您的非營利網站的參與率、產生捐款並培養可以與潛在活動家或捐助者建立長期關係的電子郵件列表嗎?

幾乎可以肯定,你會回答是。

但是,您可能想知道,如何? 我的朋友,這一切都是關於一個執行良好的彈出窗口。

彈出窗口可以做所有這些甚至更多,但知道如何以非侵入性和引人入勝的方式創建和執行它們本身就是一門藝術。

在本文中,我將與您分享更多為什麼您應該考慮為您的非營利網站使用彈出窗口的原因,並為您提供一些簡單實用的提示來幫助您入門。

為什麼要為非營利網站使用彈出窗口?


許多最成功和最知名的品牌仍在其網站上使用彈出窗口並非巧合。

那是因為彈出窗口仍然有效,如果您想為您的非營利組織籌集更多捐款,您也應該考慮使用它們

下面提到了您需要為您的非營利網站使用彈出窗口的一些最重要的原因

換句話說,如果您計劃發起籌款活動或想利用您的網站流量來籌集資金,請繼續閱讀。

彈窗讓你更個性化

使用地理定位,您可以根據用戶的位置創建彈出窗口,並為當前和/或潛在的支持者和捐助者提供更相關、更有針對性的促銷活動。

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

如果您是國際或多元文化組織,此功能允許您根據訪問者的語言定位訪問者並自定義您的多語言活動。

彈出窗口幫助您留住觀眾

使用退出意圖彈出窗口是防止您的網站用戶離開的好方法。

大多數營銷人員使用退出意圖彈出窗口來保存廢棄的購物車並將收入增加多達 30%

那麼,為什麼不在您的非營利網站上使用它們,以便訪問者在離開之前有動力採取行動並參與善行。

您可以查看一些最佳退出意圖彈出示例,以獲得靈感來創建您自己的設計,為您的訪問者提供更高的價值並更多地吸引他們。

彈出窗口為您建立一個潛在志願者的電子郵件列表

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

創建可嵌入到您的非營利組織網站的動態且可自定義的彈出窗口和選擇加入表單是開始構建電子郵件列表之旅的好方法。

查找更多有趣的電子郵件通訊示例以提高您的打開率

列出您的潛在貢獻者列表可以幫助您進行電子郵件營銷活動。

您可以使用電子郵件營銷細分來定位更多相關的用戶組,並通過向他們發送新聞通訊讓他們了解您的任務。

使用 Popupsmart 增加您的電子郵件列表!

關於如何為非營利網站使用彈出窗口的 8 條提示

您可能知道彈出窗口對您的網站有多麼有效,但仍然想知道如何通過彈出窗口增加捐款促進籌款活動。

好吧,這個最佳實踐列表可以幫助您充分利用彈出窗口並為您的非營利網站制定更新的籌款計劃

那麼,讓我們直接潛入,好嗎?

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"

嘗試使用與您的任務相關的視覺效果,並使您的彈出式設計適應您的整體網站風格。

事實上,您的彈出窗口越獨特,它就越有可能脫穎而出。

嘗試使用與您的任務相關的情感觸發詞和圖像自定義您的彈出窗口,但請記住不要聽起來咄咄逼人或操縱。

您可以使用過去貢獻者推薦的屏幕截圖或顯示籌款活動的原因。

在這裡,您可以看到美國人道協會的另一個很好的彈出示例,這是一個促進動物福利和反對虐待動物的非營利組織。

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.選擇合適的時間來展示你的彈出窗口

職業棒球運動員約吉·貝拉 (Yogi Berra) 曾經說過:“你不必用力揮桿就能擊出本壘打。 如果你有時間,它就會過去。”

還有一個類似的規則適用於彈出窗口。

在推廣籌款活動並嘗試通過彈出窗口增加捐款時,時間是您必須考慮的另一個關鍵因素。

用戶一打開網站就出現彈窗是不好的,所以盡量在用戶打開你的網站時定位好

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

在適當的時間和地點展示您的彈出窗口的最佳方式是使用易於使用的彈出窗口構建器,它為您提供定位訪問者行為等功能。

該功能允許您在訪問者在一段時間後或在目標頁面上進行一定百分比的滾動活動後查看您的網站內容時顯示您的彈出窗口

通過這種方式,您可以自定義彈出窗口,使其不被打擾,並選擇捕捉訪問者的最佳時機。

了解全球動物福利組織 Four paws 如何使用退出意圖時事通訊彈出窗口與訪客保持聯繫並擴大其電子郵件列表

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

此外,請記住,如果您使用的是全屏彈出式覆蓋,請讓訪問者輕鬆關閉它並繼續使用該網站。

考慮用戶選擇的自由度,看看它如何導致更多的捐贈和貢獻。

3.使用引人注目的號召性用語

一個偉大的行動呼籲始於說服讀者,並以他們採取行動結束。

是的,這就是號召性用語的威力!

不要只使用隨處可見的通用 CTA,要有創意並使用與您希望讀者採取的下一步一致的單詞或短語。

在此示例中,您可以看到來自非營利組織 Amercian Heart Associasion 的彈出窗口,其中包含兩個與流程中的下一步一致的 CTA。

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

彈出窗口提供了兩種不同的行動號召,具有明確的目標和明確的目標。 您可以選擇“捐贈一次”“每月捐贈”

使用具有醒目和針對性 CTA 的相關圖像並在正確的時間和正確的地點展示它是使此彈出窗口脫穎而出的關鍵。

您可能想看看最好的 CTA 示例,以獲得靈感,以編寫有效的行動號召,為您的非營利組織增加捐款。

4. 讓觀眾更容易參與

如果您使用彈出窗口與觀眾互動,那麼您的任務應該是讓他們更容易採取行動。

使用CTA 作為導航工具將幫助您將用戶引導至捐贈頁面,這是您希望他們參與您的活動的地方。

此外,如果您在彈出窗口中請求捐款,最好提供 tiers ,您可以通過它指定金額(例如,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

以秒為單位來考慮它——如果你的價值主張在兩秒(或更短的時間內)對用戶來說還不是很清楚,那麼你定義的不夠清楚。

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. 確保您的彈出窗口適合移動設備

不可否認,移動流量變得越來越重要,如果您的網站沒有針對移動設備進行優化,那麼您將錯失大量訂閱者和潛在資金。

根據非營利來源統計報告,非營利網站一半的流量來自移動和平板用戶,其中移動設備佔所有訪問者的 40% ,平板電腦佔 10%,桌面用戶佔 50%。

對於非營利組織而言,現在比以往任何時候都更重要的是實施移動籌款並使其捐贈頁面和彈出窗口適合移動設備。

嘗試使用不同的配置自定義和優化桌面和移動彈出版本,以獲得最佳用戶體驗。

使用 Popupsmart,您可以輕鬆地在桌面視圖和移動視圖之間切換,以盡可能順暢、快速地更改元素。

8. 通過彈出窗口幫助用戶輕鬆導航

最終,您需要使用彈出窗口來確保您的用戶可以找到他們正在尋找的內容。

使用 cookie 數據來優化網站訪問者的體驗並為他們提供更加個性化的體驗。

幫助他們導航到您的籌款頁面或將他們引導到您網站上的近期任務報告。

有些彈出窗口可能被認為很煩人,但使用得當,它們可能是為您的某些頁面帶來流量的最佳工具。

只需確保用戶無需完成太多步驟即可到達目標頁面。

如何使用 Popupsmart 為非營利網站創建彈出窗口

通過遵循這些提示,您可以為您的非營利網站訪問者創造引人入勝的體驗並增加您的優質潛在客戶。

牢記這些原則,您的彈出窗口將更有可能轉化並最終幫助您實現捐贈目標。

此外,遵循這些做法並使用簡單且用戶友好的工具可以幫助您制定組織的整體戰略。

使用 Popupsmart,用戶無需知道如何使用 php 或 python 編寫代碼,就可以構建提高轉化率和更好的用戶參與度的彈出窗口。

現在,如果您還不相信,這裡有一個使用 Popupsmart 創建彈出窗口的簡單分步指南,讓您了解它是多麼簡單。


首先,如果您還沒有 Popupsmart 帳戶,請創建一個。 登錄到您的帳戶後,您將進入儀表板,您可以在其中查看可以訪問的不同部分。

接下來,只需單擊儀表板中的“創建新彈出窗口” ,即可為您的非營利網站創建第一個彈出窗口。

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

之後,您需要選擇您的業務目標。 有六種不同的業務目標旨在滿足不同的組織需求。

讓我們為本指南選擇“出現公告”

Popupsmart popup builder dashboar step two choosing the business objectives

稍後,如果您願意,您可以嘗試創建一個彈出窗口來增加您的電子郵件列表、顯示公告、遵守 cookie 法律或為您的網站收集表單提交。

選擇目標後,將出現一個窗口,要求您“創建彈出廣告系列”

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

在這裡,您應該為彈出廣告系列選擇一個名稱並添加您的網站域。 添加它們後,單擊“保存並關閉”以開始設計過程。

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

通過這個設計,我們使用了聖雄甘地的一句名言來喚起遊客的情感,並促使他們向有需要的人捐贈乾淨的水。

此外,您可以在此處添加圖像並自由編輯

我們使用了與使命相關的圖像,並展示了捐贈如何改變其他人的生活。

為了讓用戶以他們喜歡的方式捐款,我們給了他們兩個不同意圖的 CTA ; 捐款可以一次或每月一次。

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

“訪問者行為”部分允許您在訪問者在您的網站上停留一定時間後顯示您的彈出窗口或設置退出意圖彈出窗口。

此外,在“受眾”部分,您還可以根據“操作系統”、“新訪問者或回訪者”、“瀏覽器語言”、“流量來源”和“地理位置”來優化彈出窗口的定位。

為了提高參與度,您還可以使用智能標籤動態創建個性化的現場營銷信息。

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

現在,如果您單擊您的網站域,您可以看到可以添加到您的網站的彈出代碼。

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

單擊“複製到剪貼板”以復制您的代碼,並將其粘貼到您的網站儀表板上的結束</body >標記之前。

確保驗證您的網站; 否則,發布按鈕將無法點擊。

當您選中“發布”部分時,您還可以選擇與Google Analytics集成。

此外,在最後一步中,您可以在此部分中自定義“回復電子郵件通知”“點擊彈出按鈕創建者”

最後,通過單擊“保存並發布”按鈕發布您的彈出窗口。

這是我們在本指南中共同創建的彈出窗口的最終外觀:

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

就像這樣,您可以創建一個引人入勝且極具潛力的彈出窗口來宣傳您的籌款活動。

作為最後的說明

既然您知道如何創建引人注目的捐贈 CTA,那麼是時候採取行動並將這些知識付諸實踐了。

繼續在您的網站上添加一兩個彈出窗口,並開始使用統計報告跟踪其性能。

收集一些數據後,您還可以通過運行 A/B 拆分測試來改善結果並鼓勵更多人支持您的事業。

您可以使用 Popupsmart 在您的非營利網站上創建第一個彈出窗口,並結合上述所有提示。

不要害羞,繼續創建您的第一個彈出窗口,如果您有任何問題,請告訴我們。

立即開始使用 Popupsmart 並創建您的非營利網站的第一個彈出窗口!

常見問題

非營利組織可以使用廣告嗎?

簡短的回答是肯定的。 非營利組織可以使用廣告為他們的網站吸引更多流量。 他們還可以使用彈出窗口來歡迎他們的新用戶並捕獲他們的信息以用於進一步的營銷目的。

您可以使用彈出窗口來招募志願者嗎?

肯定是的。 彈出窗口是吸引用戶注意力的好方法。 使用正確的目標彈出窗口,您可以吸引有興趣為您的非營利組織做志願者的特定人群。

您可能還想查看這些相關主題:

  • 如何使用 Popupsmart 定位自定義受眾
  • 如何構建 Vue 模態彈出窗口