如何使用 HubSpot CMS 创建捐赠页面?

已发表: 2022-09-21

如果您一直想创建一个 HubSpot 捐赠页面,那么您就中奖了。 我将引导您使用 HubSpot CMS 为您的非营利组织创建一个完美的捐赠页面,而无需雇用开发人员或了解一行代码。 免费!

非营利组织努力筹款的日子已经一去不复返了。 如果您有一个非营利组织,您很可能正在积极寻找赞助商和志愿者。

如今,非营利组织正在线上和线下收集捐款。 通过入站营销和数字化,非营利组织正在塑造自己以涵盖高收入和不断增长的前景。

为非营利组织筹集资金的最有效方式是什么? 获得筹款线索的好方法是什么? 答案是您的网站。

一个设计完美的简单捐赠页面可以为您的非营利组织创造奇迹! 如果您还没有创建捐赠页面,那就太令人担忧了。 但是,既然您偶然发现了这篇文章,这就不是问题了! 让我们开始吧。

阅读更多: 为什么选择 HubSpot CRM 进行筹款? [+7 福利]

创建 HubSpot 捐赠页面

  • 为什么非营利组织应该有捐赠页面?
  • 创建 HubSpot 捐赠页面的 4 个步骤
  • 通过 HubSpot Form & Form Pay 直接从任何页面收集捐款

为什么非营利组织应该有捐赠页面?

老实说,看看您的非营利网站。

它会激发您立即捐款吗? 它是否具有使用户能够轻松捐赠的关键要素? 是的? 不!!!

如果您感觉不到,您的潜在捐助者很可能会分享您的感受。 HubSpot CMS 已经使创建非营利网站变得容易。 但是,如果您想增加筹款,一个专门用于捐赠的单独登陆页面至关重要!

据统计,2020年美国人向慈善事业捐赠了4714.4亿美元 事实上,全球 45% 的捐助者参与了每月捐赠计划。

创建捐赠页面之前应注意什么? 概述。

优秀的捐赠页面应该:

  1. 具有移动响应能力,让用户只需单击一下即可在世界任何时间、任何地点进行捐赠。
  2. 激发捐助者的冲动慈善。 与观众产生情感共鸣的捐赠页面会鼓励观众采取行动。
  3. 通过提供默认/选择的定期捐赠选项,让您自己和您的捐赠者变得简单。

为筹款创建高度参与的非营利网站

建立一个只有您需要的页面的 DIY 非营利网站! 获取最好的 HubSpot CMS 模板!

非营利组织的免费 HubSpot 主题

使用 HubSpot 创建捐赠页面的 4 个步骤

在本节中,我将引导您完成创建 HubSpot 捐赠页面的步骤,该页面可以驱动资金并促进您的非营利筹款活动。

如果您刚刚开始您的非营利组织并想创建一个 HubSpot 捐赠页面,

  • 注册 HubSpot CMS。 免费。 如果您有兴趣,他们还提供40%的 CRM 折扣。
  • 下载 HubSpot 主题。 您将从 HubSpot 市场获得丰富的免费和高级 HubSpot 主题选项。 还有多用途和定制的主题。

但是,我建议您使用免费的 HubSpot 主题。 它们会让您掌握使用拖放模块的窍门。 随后,如果您需要任何特定功能或模块,您可以要求定制。

第 1 步:选择一个 HubSpot CMS 主题

在您的 CMS 上选择并安装一个 HubSpot 主题。 现在,我将使用 MakeWebBetter 名为 Charity 的免费 HubSpot CMS 主题创建一个捐赠页面。

它非常适合非营利组织、非政府组织、活动家和筹款网站。 它包括27 个拖放模块、16 个可重复使用的部分、11 页模板和 7 个系统页面。

枢纽主题

文档检查捐赠页面演示
下载慈善主题:

  • 登录到您的 HubSpot 门户 > 转到市场图标 > 单击并选择资产市场。 在这里您可以找到 HubSpot 网站主题。

下载免费的 HubSpot 主题

  • 在搜索栏中输入名称“Charity” 。 选择主题。

枢纽市场

  • 如果需要,您可以预览主题。 否则,请选择免费安装选项。

创建捐赠页面

  • 现在您可以将主题设置为 HubSpot CMS 上的活动主题。 慈善主题的其他选择包括环境、激进主义、信条等。

下载主题

第 2 步:创建 HubSpot 捐赠页面 选择捐赠页面模板

使用慈善主题中页面模板列表中的模板创建页面。 现在您可以使用拖放编辑器添加模块等元素。

hubspot捐赠

  • 从顶部栏中选择市场营销 > 网站 > 网站页面。
  • 单击创建并选择着陆页。 现在命名该页面,例如,(您的网站名称)捐赠页面。

创建捐赠页面

  • 现在从慈善主题中选择捐赠模板 > 单击选择模板。 该模板将被应用。 老实说,一旦选择使用捐赠模板,就完成了一半以上的工作。

HubSpot 捐赠页面

第 3 步:编辑 Charity HubSpot 主题捐赠模板

选择捐赠模板后,根据您的非营利组织编辑元素。 在这个 HubSpot 捐赠页面模板上,我们添加了只关注用户捐赠的清晰元素。

在情感讲述和有效讲述之间取得平衡对于您的捐赠页面至关重要,因为它们并不总是相同的。

每个人都喜欢成功的故事,让客户知道他们的钱会去哪里肯定会提高转化率。 但是,这对您的“关于我们”页面来说是有用的!

您不想让捐助者的内容过多,因此请保持您的捐助页面简短。 因此,避免在页面上添加不必要的内容是吸引捐助者注意力的明智方法。

收集捐款

捐赠模板包括基本模块,如捐赠模块、标题内容、进度条和手风琴两个主要部分。

随后,您可以继续根据您的非营利组织编辑模块内容。

该主题中使用的每个模块都遵循拖放编辑器。 此外,这些模块具有样式选项,您可以从样式选项卡访问这些选项。

样式选项卡

只需将鼠标悬停在您要编辑的模块上 > 单击铅笔图标 > 并进行编辑。 让我们详细检查捐赠模板的每个模块:

1)捐赠模块

HubSpot 捐赠页面

最重要的部分,即捐赠模块使捐赠者能够选择他们愿意为您的事业捐赠的任何金额。 您可以通过金额选项卡设置轻松编辑捐赠值。

提供预设的捐赠金额是非常容易接受的。 它使单击捐赠过程更加容易。 而且,这对您有利,因为它消除了捐赠者猜测他们应该捐赠多少以及是否捐赠的想法。

hubspot捐赠

  • 因此,从“标题”选项中编辑适合您的标题。 您可以编辑金额表格占位符文本,并添加最多4 个捐赠金额的预设值。 我们提供了一个按钮,其文本也是可编辑的。
  • 从可用捐赠表格列表中选择一个表格。 确保您事先创建了捐赠表格。 如果您还没有,请先创建一个 HubSpot 捐赠表格。

从网站收集捐款

编辑捐赠表格上的表格字段。 您可以添加或删除表单域。 但是,不要添加太多字段,因为这可能会激怒用户并且他们可能会选择退出。

笔记

要通过此表单获取用于募捐的隐藏财产数额,您可以联系我们的支持团队,我们将为您添加此功能。
联系我们

2) 进度条

捐赠进度条

进度条元素是一个小而高效的元素。 当您为您的非营利组织创建捐赠页面时,您需要捐赠者保持积极性。

即使用户捐赠的金额可能不会很高,实时显示进度条仍然是一种留住捐赠者注意力的明智技术。

进度条的想法也是公开声明您希望通过捐赠页面实现的目标。 所以,你是真实的,并获得了捐助者的信任。

您可以在进度条中编辑什么?

捐赠页面模板

您可以决定您的资金目标,并相应地提及开始和结束标签、启用或禁用计数以及开始和结束标签。

最重要的是,无论您如何使用进度条,它都不是必需的。 但是,这也不会影响您的筹款活动。

使用 HubSpot CMS 的捐赠页面

3)标题内容

标题内容将帮助您在捐赠页面的任何位置添加标题。 使用最少的内容方法,与您的听众产生共鸣以鼓励捐赠。

免费创建捐赠页面

提及与您的品牌基调一致的标题,并将演示内容替换为您想要的内容。 此外,您可以在 HubSpot 非营利组织捐赠页面上方便地添加和格式化副标题以及主要和次要 CTA。

hubspot crm 非营利组织

您可以自由选择两种 CTA 样式中的任何一种,为标题模块的 CTA 填充和勾勒轮廓。

捐赠号召性用语

4) 手风琴

手风琴模块只是对捐赠页面模板的补充。 这是将有关您的非营利组织的所有更新保存在一个地方的绝佳方式。 它可以是与您的事业、捐赠查询、赞助等相关的任何事情。

捐赠页面示例

您可以创建一个捐赠页面,添加多个问题和答案,以避免捐赠前可能出现的任何混乱。

如何在现有登陆页面上添加捐赠部分?

如果您希望在您的任何非营利登录页面上添加捐赠部分,您可以将捐赠模块拖放到您想要创建捐赠部分的任何位置。

随后,您可以如上所述编辑捐赠模块,并从您的任何非营利网站页面收集捐赠!

您的非营利组织捐赠还需要一些不同的东西吗?

联系 MakeWebBetter 为您的非营利组织定制主题、网站或 HubSpot 应用程序集成。

安排会议

带有捐赠模块的 HubSpot CMS 主题

每个其他页面类型都有多个 HubSpot CMS 模板。 但是,并非所有这些都是免费的并且旨在转换。

但是,在我们为 HubSpot 提供的免费非营利主题中,我们默认添加了捐赠表单模块。 例如,

环境捐赠页面示例

捐赠页面示例

捐赠模块

husbpot 捐赠页面示例

激进主义捐赠页面示例

激进主义捐赠页面

捐赠模块

捐款表格范例

信条捐赠页面示例

捐赠页面示例
捐赠模块

宗教筹款形式

您实际上已经完成了为您的非营利网站创建捐赠页面的步骤。 您可以在发布非营利网站的捐赠页面之前预览所有内容。

但是,除非你真的从同一页面收集捐款,否则它是没有用的。 你现在有两个选择

  • 请 Makewebbetter 的专家将您的捐赠页面转换为功能齐全的非营利捐赠平台。 您不必浏览各种捐赠页面示例,我们会为您完成一切。

要求定制

  • 或者,执行下一步。

第四步:收集捐款的用户信息

用户在您通过捐赠模块添加的表格中填写所需信息后,您将在管理员的收件箱中收到捐赠者的详细信息。

随后,您可以收集志愿者信息 > 发送您的帐户/PayPal 帐户详细信息 > 接受捐赠 > 将收据发送给捐赠者。

如何为个人筹款?

如果您还不知道,HubSpot CMS 为您提供了一个免费创建筹款网站的绝佳机会。 您可以注册 HubSpot CMS 并下载我们的任何免费非营利主题。

此后,使用 HubSpot CMS 为个人创建捐赠页面的过程相同。

至此,我们来到了使用 HubSpot 创建捐赠页面的终点。 但是,如果您想将任何页面转换为捐赠页面而无需使用任何 HubSpot CMS 主题的捐赠模板,我添加了一个奖励部分。

是的!!

您只需使用我们的 Form Pay 应用程序,它是 MakeWebBetter 的 HubSpot Integration。 使用我们的 HubSpot CMS 主题,您可以免费创建一个捐赠页面,但您需要花费49 美元才能无缝收集捐赠。

使用 HubSpot 表格和 FormPay 将任何登陆页面转换为捐赠页面!

非营利行业在 2019 年的总收入为 847 亿美元。不可否认,非营利组织做得很好。 但是,这一切都归结为智能工作和资源的最佳利用这一事实。

formpay 支付集成

MakeWebBetter 的 FormPay 就是这样一个 HubSpot 集成应用程序,它使您作为非营利组织的工作在捐赠收集平台方面更加轻松和更好。 人们倾向于信任著名的支付网关,如 PayPal、Stripe 等。

如果您在其中,这里是您需要遵循的步骤列表!

第 1 步:使用任何 HubSpot CMS 主题模板创建登陆页面

您刚刚学会了使用 HubSpot CMS 创建一个免费的捐赠页面。 但是,您不一定必须从 HubSpot CMS 主题中选择捐赠模板。 您可以选择任何网站或登陆页面模板来创建捐赠页面,并选择您要创建用于筹集非营利基金的捐赠表格的部分。

(事实上​​,HubSpot 捐赠模板并非包含在每个主题中)

接下来,打开 HubSpot Apps 市场并按照以下步骤操作。

第 2 步:安装 FormPay 应用程序

捐款表格

登录到您的HubSpot 门户 > 选择市场图标 > 单击 App Marketplace > 通过 MakeWebBetter 搜索 FormPay > 注册并安装应用程序。

您可以免费试用 FormPay 一周,然后只需49 美元即可购买,轻松收集 HubSpot 捐款。

借助 Formpay,您可以使用 Amazon Pay、Stripe、PayPal 和 Adyen 等流行的支付选项,通过 HubSpot 表格接受捐赠。 此外,它对放置没有限制。

非营利支付整合

您可以转到“网关”选项并激活、管理或设置提供的支付网关。

第 3 步:使用嵌入代码创建和显示捐赠表格

您会在右上角找到创建新表单的选项。 创建表单后,您可以

  • 选择任何表单 > 复制嵌入代码 > 打开您使用 HubSpot CMS 主题创建的任何网站页面。

hubspot 捐赠表格

  • 随后,转到您希望收集捐款的任何非营利网站或登录页面 > 嵌入代码 > 更新和预览您的页面 > 发布

现在,您可以通过 HubSpot CRM 直接从此捐赠表格收集捐赠,并提供完整的详细信息。

阅读更多:如何通过 HubSpot 表格收款?

如何在非营利登陆页面上嵌入表单代码?

  • 选择任何登陆页面 > 从编辑页面菜单转到添加> 搜索富文本模块 > 将其拖放到页面上的任意位置 > 删除显示的文本。

创建捐赠表格

  • 从最上面的菜单中找到插入选项 > 嵌入 > 粘贴代码 > 预览

嵌入表单代码

Formpay 的哪些功能可以让您在没有捐赠页面模板的情况下收集 HubSpot 捐赠?

  1. 通过 HubSpot CRM 在联系人记录中获取用户捐赠详细信息。
  2. 将 HubSpot 捐赠与全球接受的支付网关相结合。
  3. 简单的捐赠省去了复杂的网站捐赠步骤。
  4. 在单个 HubSpot 支付集成中使用多个网关。
阅读详细版本: FormPay文档

结论

作为一个非营利性捐赠平台,您的网站可以使用我们的 HubSpot 主题捐赠模板充分发挥作用。 它们相当容易申请,以防万一您遇到困难,您可以免费与我们的专家会面。

因此,无论您是在寻找免费选项还是想以最少的预算创建捐赠页面,我都为您提供了最佳解决方案!

尽管非营利组织和慈善机构的兴趣在各地都在上升,但组织仍必须准备好调整计划以应对不断变化的人口趋势。 创建捐赠页面和移动捐赠等趋势只是基本趋势。

如果您正在阅读这一行,那么您一定非常有兴趣使用 HubSpot CMS 创建捐赠页面! 如果您需要非营利组织或慈善网站的步骤、提示和技巧