如何为非营利网站使用弹出窗口? 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 模态弹出窗口