15%

全场主机优惠15%

测试技能,享折扣

使用代码:

Skills
开始使用
23.10.2024
1 +1

如何使用WordPress和GiveWP构建捐款网站:完整技术指南

GiveWP是一款专用的WordPress捐款插件,可将任何WordPress安装转变为功能完整的筹款平台——包含可自定义的捐款表单、多网关支付处理、捐款人管理和实时报告。与通用联系或支付插件不同,GiveWP专为非营利组织、慈善机构和个人筹款人而设计,开箱即提供符合PCI标准的支付流程和精细化表单控制。

本指南将带您完成整个流程的每个阶段:从配置托管环境和安装WordPress,到配置支付网关、构建捐款表单、将其嵌入页面,以及大规模管理捐款人数据。每个步骤都包含大多数教程所省略的配置细节。

前提条件:开始之前您需要准备什么

在进入WordPress后台之前,请确认以下服务器和软件要求已就绪:

  • PHP版本:最低7.4;推荐PHP 8.1+以获得更好的性能和安全性
  • MySQL/MariaDB:5.6+或MariaDB 10.1+
  • WordPress版本:5.8或更高版本(原生GiveWP块需要Gutenberg块编辑器支持)
  • SSL证书:必须安装——包括Stripe和PayPal在内的支付处理商拒绝通过普通HTTP的连接。每个实时捐款表单必须通过HTTPS提供服务
  • 内存限制:至少256 MB(WP_MEMORY_LIMIT位于wp-config.php中)
  • Cron任务:WordPress cron必须正常运行,以便发送计划电子邮件收据和捐款报告

如果您从零开始,VPS托管方案为您提供完整的root访问权限,可调整PHP设置、安装所需扩展(php-curlphp-mbstringphp-xml)并配置服务器级缓存——这些都直接影响捐款表单加载时间和支付网关可靠性。

第一步:配置托管环境并安装WordPress

选择正确的托管架构

捐款网站处理敏感的财务数据。资源争用的共享环境可能导致结账超时和支付回调失败。对于正式筹款活动,VPS或专用实例是技术上合理的选择。

如果您偏好托管控制面板环境,带cPanel的VPS可让您通过Softaculous一键部署WordPress,同时保留配置PHP-FPM池、按域名设置内存限制以及从单一界面管理SSL证书的能力。

对于运行多个捐款活动或需要按项目隔离环境的组织,独立服务器可完全消除邻居资源争用问题。

安装WordPress

大多数控制面板(cPanel、Plesk、DirectAdmin)包含Softaculous或类似的自动安装程序。通过CLI手动安装:

cd /var/www/html
wget https://wordpress.org/latest.tar.gz
tar -xzf latest.tar.gz
mv wordpress/* .
rm -rf wordpress latest.tar.gz
cp wp-config-sample.php wp-config.php

编辑wp-config.php以设置数据库凭据,然后通过在浏览器中访问您的域名来运行WordPress安装程序。

上线前保护安装安全

请勿跳过此步骤。在上线前被入侵的捐款网站会永久摧毁捐款人的信任。

  • 通过在wp-config.php中添加以下内容来强制使用HTTPS:
define('FORCE_SSL_ADMIN', true);
  • 安装免费或付费的SSL证书,并使用openssl s_client -connect yourdomain.com:443验证证书链是否完整
  • 设置正确的文件权限:
find /var/www/html -type d -exec chmod 755 {} ;
find /var/www/html -type f -exec chmod 644 {} ;
  • 如不需要,禁用XML-RPC,按IP限制wp-login.php,并在管理员账户上启用双因素身份验证

选择主题

GiveWP与主题无关,但在支持全宽页面模板且不向表单元素注入冲突CSS的主题上渲染效果最佳。经过测试的选项包括AstraGeneratePressOceanWPKadence。避免使用加载过多JavaScript的页面构建器主题,因为这会降低表单渲染性能并可能干扰Stripe的支付元素。

外观 > 主题 > 添加新主题下安装您选择的主题。

第二步:安装并激活GiveWP插件

GiveWP的核心插件是免费的。高级附加组件(Stripe Pro、定期捐款、费用回收、致敬)单独出售或捆绑在GiveWP Plus或Agency计划中。

通过WordPress后台安装

  1. 导航至插件 > 添加新插件
  2. 搜索GiveWP
  3. 找到GiveWP – Donation Plugin and Fundraising Platform(由GiveWP提供)
  4. 点击立即安装,然后点击激活

通过WP-CLI安装(推荐VPS用户使用)

wp plugin install give --activate

验证安装:

wp plugin list | grep give

激活后,GiveWP会创建自己的数据库表(wp_give_*),并在WordPress管理侧边栏中注册一个捐款顶级菜单项。

第三步:配置GiveWP核心设置

导航至捐款 > 设置。设置面板按选项卡组织。系统地逐一处理每个选项卡。

常规设置

设置推荐值备注
货币与您的银行账户货币匹配货币不匹配会触发转换费用
货币位置金额前(例如$100)英语网站的标准格式
千位分隔符逗号特定地区——欧洲市场需调整
小数分隔符句点使用逗号小数的地区需调整
默认国家您的主要捐款人所在国家预填表单上的地址字段
基础州/省您的州/省减少本地活动的表单填写阻力
成功页面由GiveWP自动创建请勿删除此页面
失败页面由GiveWP自动创建请勿删除此页面
历史页面由GiveWP自动创建捐款人使用此页面查看过往捐款记录

重要提示:GiveWP在激活时会自动创建几个必需页面([give_receipt][give_login][give_register][give_history])。删除或取消发布其中任何一个都会破坏捐款后的重定向。

支付网关配置

导航至捐款 > 设置 > 支付网关

Stripe集成

Stripe是大多数活动推荐的网关,因为它支持银行卡支付、Apple Pay、Google Pay和SEPA直接借记。GiveWP的免费Stripe集成处理基本银行卡处理;高级Stripe Pro附加组件解锁Stripe支付元素(根据捐款人所在位置动态显示支付方式)。

  1. 安装GiveWP Stripe附加组件(插件目录中提供免费版本)
  2. 导航至捐款 > 设置 > 支付网关 > Stripe
  3. 点击连接Stripe——这使用OAuth,因此在免费集成中无需手动粘贴API密钥
  4. 对于手动API密钥输入(暂存环境),切换到手动API密钥,并从Stripe控制台的开发者 > API密钥下输入您的可发布密钥密钥
  5. 启用Stripe Webhooks——GiveWP提供一个webhook端点URL;在Stripe控制台的开发者 > Webhooks下注册它,并选择事件:payment_intent.succeededpayment_intent.payment_failedcharge.refunded

PayPal标准版与PayPal捐款版

GiveWP同时支持PayPal标准版(旧版)和较新的PayPal捐款集成(推荐)。PayPal标准版将捐款人重定向到站外;PayPal捐款版使用PayPal的托管字段将他们保留在您的域名上。

  • 对于PayPal捐款版:导航至捐款 > 设置 > 支付网关 > PayPal捐款并点击连接PayPal
  • 确保您的PayPal账户是已验证的企业账户;个人账户无法接收超过特定阈值的捐款

线下捐款

为支票或银行转账捐款启用此网关。它会创建一条待处理的捐款记录并向捐款人发送说明。适用于偏好电汇的大额捐款人。

电子邮件设置

导航至捐款 > 设置 > 电子邮件

配置以下电子邮件通知:

  • 捐款收据(捐款人):在成功付款后发送给捐款人。包含{donation_total}{donor_name}{form_title}{receipt_link}模板标签
  • 新捐款通知(管理员):每次捐款时发送到您的管理员邮箱
  • 捐款失败(捐款人):当付款失败时通知捐款人——对于挽回放弃的捐款至关重要

发件人邮箱设置为经域名验证的地址(例如donations@yourdomain.com)。从免费Gmail或Yahoo地址发送会导致送达率问题。如果您需要专业的发送地址,具有正确SPF、DKIM和DMARC记录的电子邮件托管可确保捐款收据进入收件箱而非垃圾邮件文件夹。

第四步:创建您的第一个捐款表单

导航至捐款 > 添加表单

表单架构:关键决策

捐款金额结构

GiveWP提供三种金额模式:

  • 固定捐款:固定金额——用于特定基于物品的筹款(例如”$50可供一个家庭一个月的食物”)
  • 多级捐款:预定义层级,带可选的自定义金额字段。这是最优化转化率的布局——研究一致表明,通过建议金额进行锚定可增加平均捐款金额
  • 自定义捐款:完全开放的文本字段——最大灵活性,但没有锚定效果

对于大多数活动,带自定义金额备选的多级捐款是正确的选择。以心理优化的间隔设置层级(例如$10、$25、$50、$100、$250)并启用自定义金额选项。

捐款目标

表单目标设置下启用目标。选择以下方式之一:

  • 金额:跟踪向目标筹集的资金
  • 捐款数量:跟踪个人捐款次数
  • 捐款人数量:跟踪独立捐款人数

目标设置渲染的进度条创造社会认同感和紧迫感——两者都是经过验证的转化驱动因素。

定期捐款

如果您有定期捐款附加组件,请在表单上启用它以提供每周、每月或每年的捐款选项。定期捐款人的终身价值明显高于一次性捐款人。配置默认计费周期以及定期捐款是选择加入还是默认选项。

表单字段配置

捐款表单 > 字段下,您可以添加、删除和重新排列字段。标准字段包括:

  • 名字、姓氏(默认必填)
  • 电子邮件地址(必填——用于收据)
  • 地址字段(可选——如果您需要发出包含捐款人地址的税务收据则必填)
  • 评论字段(可选——允许捐款人留言)
  • 匿名捐款切换(允许捐款人在不公开认可的情况下捐款)

不要添加不必要的字段。每增加一个字段都会降低转化率。只收集税务收据和捐款人记录在法律上所需的信息。

表单设计选项

GiveWP提供三种内置表单显示格式:

  • 完整表单:页面加载时所有字段可见
  • 模态框/展开:“立即捐款”按钮触发模态框覆盖层——减少页面杂乱
  • 按钮(重定向):重定向到独立的捐款页面——适用于在博客文章中嵌入最小化CTA

发布表单

点击发布。GiveWP生成一个短代码([give_form id="XXX"])和一个用于嵌入的Gutenberg块。记下表单ID——手动短代码嵌入时需要用到。

第五步:将捐款表单嵌入页面

使用Gutenberg块编辑器

  1. 导航至页面 > 添加新页面
  2. 为页面命名(例如”捐款”或”支持我们的使命”)
  3. 点击+块插入器并搜索Give Form
  4. 选择Give Form
  5. 在块侧边栏中,从选择捐款表单下拉菜单中选择您的表单
  6. 选择显示样式:完整表单按钮模态框
  7. 点击发布

使用短代码(经典编辑器或自定义模板)

[give_form id="YOUR_FORM_ID" show_title="true" show_goal="true" show_content="above" display_style="modal"]

可用的短代码参数:

参数描述
id表单文章ID必填
show_titletrue / false显示表单标题
show_goaltrue / false显示进度条
display_stylefull / button / modal / reveal表单显示模式
show_contentabove / below / none表单描述位置

将页面设置为主要捐款页面

发布后,导航至捐款 > 设置 > 常规,确认成功页面失败页面捐款历史页面已正确分配。这些页面与您的主要捐款页面不同——它们处理付款后的重定向。

外观 > 菜单下将捐款页面添加到网站的主导航中,以便捐款人无需搜索即可找到它。

第六步:使用小工具和侧边栏元素扩展功能

GiveWP注册了几个小工具,可强化社会认同感并推动额外转化。

导航至外观 > 小工具(或在WordPress 5.8+中使用基于块的小工具编辑器)。

可用的GiveWP小工具:

  • 捐款表单小工具:在任何小工具化区域嵌入特定表单的紧凑版本
  • 捐款目标小工具:显示特定表单目标的进度条
  • 捐款人墙小工具:显示最近的捐款人(带可选匿名化)——强大的社会认同元素
  • 最近捐款小工具:显示带金额的最近捐款实时动态

实施说明:捐款人墙和最近捐款小工具只应在您获得捐款人明确同意公开显示其姓名的情况下启用。在表单上包含”匿名捐款”复选框,并在小工具显示设置中遵守该选项。

表单样式的自定义CSS

GiveWP的默认表单样式功能完整但较为通用。要匹配您的品牌,请在外观 > 自定义 > 附加CSS下添加自定义CSS。针对GiveWP的CSS类:

/* Primary donate button */
.give-submit {
    background-color: #your-brand-color;
    border-radius: 4px;
    font-weight: 700;
}

/* Donation amount level buttons */
.give-donation-level-btn {
    border: 2px solid #your-brand-color;
}

.give-donation-level-btn.give-btn-selected {
    background-color: #your-brand-color;
    color: #ffffff;
}

避免以隐藏或重新定位表单元素的方式覆盖GiveWP依赖JavaScript的类(以give-为前缀的类),因为这可能破坏支付流程。

第七步:监控捐款并管理捐款人记录

捐款报告

导航至捐款 > 报告。报告仪表板提供:

  • 随时间变化的收入:按天、周、月或年显示捐款量的折线图
  • 支付方式:按网关分类的捐款明细
  • 表单:每个表单的性能——识别哪些活动正在转化
  • 捐款人:新捐款人与回头捐款人趋势

将任何报告导出为CSV,以便导入会计软件或CRM系统。

捐款人管理

导航至捐款 > 捐款人。每条捐款人记录包括:

  • 终身捐款总价值
  • 所有关联的捐款交易
  • 联系信息
  • 关联的WordPress用户账户(如果捐款人已注册)

您可以手动向捐款人记录添加备注,这对于大额捐款跟踪和关系管理非常有用。

导出数据

GiveWP的内置导出工具(在捐款 > 工具 > 导出下)支持以下CSV导出:

  • 特定日期范围内的所有捐款
  • 捐款人列表
  • 特定表单提交

对于GDPR合规,GiveWP与WordPress内置的个人数据导出个人数据删除工具集成,位于工具 > 导出个人数据工具 > 删除个人数据下。

第八步:性能、安全和合规加固

这些是大多数教程跳过的步骤——也是决定您的捐款网站能否承受真实流量和监管审查的步骤。

性能优化

  • 页面缓存:将捐款页面、成功页面和失败页面排除在全页缓存之外。缓存的结账页面会导致支付错误。在WP Rocket、W3 Total Cache或LiteSpeed Cache中,将这些URL添加到缓存排除列表
  • CDN配置:/wp-json/give-api/端点排除在CDN缓存之外——这是GiveWP用于表单提交的REST API端点
  • 数据库优化:GiveWP为每次捐款尝试(包括失败的)写入一条交易记录。在高流量活动中,定期运行OPTIMIZE TABLE wp_give_payments
  • 对象缓存:Redis或Memcached对象缓存在流量高峰期间显著减少捐款页面的数据库负载

安全加固

  • 启用GiveWP的reCAPTCHA集成(在捐款 > 设置 > 高级下)以阻止自动化捐款表单垃圾邮件
  • 设置Stripe Radar规则以标记可疑的捐款模式(例如来自同一IP的多次小额测试扣款)
  • 定期审计捐款 > 日志部分,查找失败的支付尝试和异常活动
  • 保持GiveWP和所有附加组件更新——支付网关集成经常收到安全补丁

GDPR和法律合规

  • 在捐款表单中添加隐私政策复选框(GiveWP通过表单字段管理器支持此功能)
  • 确保您的隐私政策页面明确描述捐款人数据如何存储、处理以及与支付处理商共享
  • 如果在欧盟运营,配置GiveWP的数据保留设置,并确保已签署支付处理商的数据处理协议
  • 对于美国非营利组织,GiveWP的捐款收据可配置为包含IRS要求的免税捐款语言

GiveWP免费版与高级附加组件:功能对比

功能GiveWP免费版GiveWP Plus / Agency
无限捐款表单
PayPal捐款
Stripe(基本银行卡处理)
定期/订阅捐款
Stripe支付元素(Apple Pay、Google Pay)
费用回收(捐款人承担处理费)
致敬与纪念
PDF收据
捐款人承担费用
Salesforce / CRM集成
表单字段管理器(高级)有限完整
年度捐款人报表

免费版对于简单的一次性捐款活动功能完整。定期捐款和费用回收是对大多数组织ROI最高的两个附加组件——它们既能提高捐款人终身价值,又能提高每笔交易的净收入。

推广您的捐款网站:技术渠道

除社交媒体分享外,以下技术推广策略具有可衡量的影响:

捐款页面SEO

  • 安装Yoast SEORank Math,并配置捐款页面的元标题和描述,包含您的事业和地点(例如”在[城市]向[事业]捐款——[组织名称]”)
  • 在捐款页面添加FAQ架构,回答常见的捐款人问题(免税资格、资金用途、退款政策)
  • 从博客文章和活动更新建立指向捐款页面的内部链接
  • 使用域名注册注册您的域名,如果可用,使用.org TLD——它在捐款人中具有隐含的非营利可信度

电子邮件活动

交易性电子邮件(捐款收据)的打开率超过70%。战略性地使用它们:

  • 在收据邮件中包含次要CTA(例如”与朋友分享此活动”)
  • 设置捐款后的滴灌序列,感谢捐款人并提供影响力更新
  • 通过官方附加组件将GiveWP与Mailchimp或ActiveCampaign集成,按表单、金额或频率对捐款人进行细分

转化率优化

  • A/B测试捐款金额层级——默认建议金额显著影响平均捐款金额
  • 测试模态框与完整表单显示——在表单次于编辑内容的内容页面上,模态框表单通常转化率更高
  • 如果您的组织有企业配捐合作伙伴,添加配捐通知——这是可用的最高影响力转化元素之一

技术决策矩阵:您的设置是否已准备好投入生产?

在接受实时捐款之前,请验证此清单中的每一项:

  • SSL证书已安装并验证(https://加载时无浏览器警告)
  • FORCE_SSL_ADMINwp-config.php中设置为true
  • 支付网关处于实时模式(非测试/沙盒模式)
  • Stripe webhooks已在Stripe控制台中注册并验证
  • GiveWP成功、失败和历史页面已发布并在设置中正确分配
  • 捐款收据电子邮件已测试并确认送达(检查垃圾邮件文件夹)
  • 捐款表单已通过真实小额交易进行端到端测试
  • 缓存插件已配置为排除捐款和收据页面
  • 所有面向公众的表单已启用reCAPTCHA
  • 捐款表单已添加隐私政策复选框
  • 管理员通知电子邮件已确认正常工作
  • 捐款人数据导出已测试(GDPR合规验证)
  • WordPress、GiveWP和所有活跃插件已更新至最新稳定版本

常见问题

GiveWP在未配置支付网关的情况下能否工作?

可以——线下捐款网关默认启用,不需要第三方账户。它会创建一条待处理的捐款记录,并向捐款人显示自定义支付说明。但是,对于任何正式的筹款活动,集成Stripe或PayPal对于即时自动化支付处理至关重要。

GiveWP在没有高级附加组件的情况下能处理每月定期捐款吗?

不能。定期捐款(订阅)需要定期捐款附加组件,这是一项高级功能。免费核心插件仅支持一次性付款。这是组织在上线后最常发现的功能缺口。

如果捐款人在提交表单后付款失败会发生什么?

GiveWP会创建一条状态为失败的捐款记录,并向捐款人触发捐款失败电子邮件通知。失败记录会出现在捐款 > 捐款中,带有失败状态标记。您可以从捐款人记录中手动重新发送支付说明或联系捐款人。

GiveWP是否符合PCI标准?

GiveWP本身不存储原始银行卡数据——它将银行卡处理完全委托给支付网关(Stripe或PayPal),两者均获得PCI DSS 1级认证。您的服务器从不接收或存储银行卡号。但是,您的网站必须通过HTTPS提供服务,并且不得记录可能在传输过程中捕获银行卡数据的POST请求正文。

使用GiveWP免费版可以创建多少个捐款表单?

免费版和高级版都对捐款表单数量没有限制。您可以为不同的活动、项目或事件创建单独的表单,每个表单都有独立的目标、金额层级和支付网关分配。

15%

全场主机优惠15%

测试技能,享折扣

使用代码:

Skills
开始使用