如何通过弹出窗口为非政府组织的事业做出更多贡献的 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 上的特色图片。