# 如何向 Bubble 应用添加支付功能（无需 Stripe）

> 面向无代码开发者的分步指南，介绍如何使用 API Connector 和支付链接，将 Dodo Payments 集成到 Bubble.io 应用中。
- **Author**: Aarthi Poonia
- **Published**: 2026-03-25
- **Category**: Payments, No-Code, How-To
- **URL**: https://dodopayments.com/blogs/zh/add-payments-bubble-apps

---

Bubble.io 让新一代创业者无需编写一行代码，就能构建复杂的 Web 应用。从市场平台到内部工具，可能性几乎无穷无尽。然而，当涉及[如何接受在线支付](https://dodopayments.com/blogs/how-to-accept-online-payments)时，大多数 Bubble 开发者都会默认使用内置的 Stripe 插件。Stripe 功能强大，但往往会给无代码创始人带来沉重的行政负担：全球税务合规。对于需要同时处理产品设计、客户支持等所有事务的个人创始人来说，这种负担尤其沉重。你需要一个像 Bubble 本身一样灵活强大的解决方案，同时又没有法律和财务方面的额外负担；理想情况下，它还应支持[数字钱包解决方案](https://dodopayments.com/blogs/digital-wallet-solution)，以提高移动端转化率。

如果你正在构建一个[帮助 SaaS 实现每月经常性收入 1 万美元的无代码技术栈](https://dodopayments.com/blogs/no-code-stack-saas-10k-mrr)，你一定不想把时间花在申报欧盟增值税或美国销售税上。这就是为什么许多 Bubble 开发者都在寻找能够自动处理商业运营中那些"无聊"环节的[SaaS MoR（名义商户）](https://dodopayments.com/blogs/merchant-of-record-for-saas)。MoR（名义商户）不仅仅是支付处理商，更是一个会为你的全球销售承担责任的法律合作伙伴。这样，你就可以专注于自己最擅长的事情：打造优秀产品并扩大用户群。你可以将业务扩展到全球数千名用户，而不必担心税务审计。如果你还不熟悉这种模式，[什么是 MoR（名义商户）](https://dodopayments.com/blogs/what-is-a-merchant-of-record)将解释责任究竟由谁承担。

在本指南中，我们将介绍如何将 Dodo Payments 添加到你的 Bubble 应用中。我们会探索两种方法：简单的"Payment Link"方式，以及更高级的"API Connector"集成方式，用于实现[SaaS 的嵌入式支付](https://dodopayments.com/blogs/embedded-payments-saas)。我们还会讨论使用 MoR（名义商户）的优势，以及它如何帮助你更快地扩展业务。读完本文后，你将清楚了解如何在 Bubble 上构建真正全球化的 SaaS，同时摆脱税务方面的烦恼。

## 为什么要在 Bubble 中使用 Dodo Payments？

Dodo Payments 的主要优势在于，我们可以作为你的 MoR（名义商户）。这意味着我们是你产品的法律销售方。我们会计算、收取并缴纳全球税费，因此你无需操心。对于无代码创始人来说，这消除了整类运营工作。你可以从第一天起面向全球发布产品，无需聘请会计师事务所，也不用把周末时间花在阅读税务协定上。你可以像向纽约客户销售一样轻松地向东京客户销售产品。对于任何希望最大化市场潜力的现代 SaaS 来说，这种全球覆盖都至关重要。

> 税务合规不是一次性设置。它是一个不断变化的目标。税率会变，起征门槛会变，每年还会有新的司法管辖区增加数字服务税。如果你面向全球销售，自动化处理税务就不是可选项。
>
> \- Rishabh Goel，Dodo Payments 联合创始人兼 CEO

此外，Dodo Payments 是[销售数字产品的最佳平台](https://dodopayments.com/blogs/best-platform-sell-digital-products)，因为我们提供无缝的结账体验，让用户始终留在你的网站上。我们的覆盖式结账与 Bubble 的响应式设计完美配合，确保用户在各种设备上都能获得一致的体验。我们还支持多种支付方式，从信用卡到 iDEAL 和 Bancontact 等本地化选项，都能显著提高你在国际市场中的转化率。通过提供本地化体验，你可以建立用户信任并减少购买过程中的阻力，这正是[结账优化](https://dodopayments.com/blogs/checkout-optimization)的核心理念。

## 方法 1：简单的 Payment Link（无需 API）

如果你只想销售一次性产品或简单的订阅，最快的方法是使用 Dodo Payment Link。这种方式不需要技术知识，几分钟内即可完成设置。对于 MVP，或希望测试新定价策略而不想投入完整集成的创始人来说，这是理想的解决方案。

1. **创建产品**：在 Dodo Payments 控制台中创建新产品并设置价格。你可以选择一次性支付或周期性订阅。
2. **生成链接**：点击"Generate Payment Link"。系统会为你生成一个唯一 URL，你可以在任何地方分享它。
3. **添加到 Bubble**：在 Bubble 编辑器中添加一个按钮。将工作流设置为"Open an external website"，然后粘贴你的 Dodo Payment Link。你还可以将此链接用于电子邮件、社交媒体帖子，甚至二维码。

这种方法不到 5 分钟即可完成，非常适合验证新想法。不过，付款完成后，它不会自动更新你的 Bubble 数据库。为此，你需要使用方法 2。你必须手动检查 Dodo 控制台，并在 Bubble 中更新用户状态；随着业务扩展，这会变得越来越繁琐。

## 方法 2：API Connector 集成

要构建完全自动化的 SaaS，你需要让 Bubble 应用与 Dodo Payments 通信。这样，你就可以自动开通访问权限、更新用户角色并处理取消操作。要提供专业的用户体验，并让自己能够专注于增长，这种自动化水平至关重要。

### 第 1 步：安装 API Connector

如果你还没有安装，请从 Bubble marketplace 安装"API Connector"插件。它是让 Bubble 与外部服务通信的"大脑"。这是 Bubble 生态中最强大的工具之一，也是任何认真开发无代码应用的人必备的工具。

### 第 2 步：配置 Dodo Payments API

在连接器中创建一个名为"Dodo Payments"的新 API。它将成为你的 Bubble 应用与我们的支付引擎之间的桥梁。

- **身份验证**：请求头中的私钥。这可确保只有你的应用能够与 Dodo 账户通信。
- **键**：`Authorization`
- **值**：`Bearer YOUR_DODO_PAYMENTS_API_KEY`

添加一个名为"Create Payment"的新调用：

- **方法**：POST
- **URL**：`https://test.dodopayments.com/payments`
- **正文**：JSON。你将在这里传递交易详情，例如产品 ID 和客户电子邮件。
- **参数**：为 `product_id`、`customer_email` 和 `return_url` 添加参数。这些参数将从你的 Bubble 应用中动态填充。

### 第 3 步：在工作流中触发结账

在 Bubble 工作流中，当用户点击"Upgrade"时，触发"Dodo Payments - Create Payment"调用。这会将用户信息发送给 Dodo，并生成唯一的结账 URL。使用 API 返回的 `checkout_url` 重定向用户，或打开[覆盖式结账](https://docs.dodopayments.com/developer-resources/overlay-checkout)。覆盖式结账尤其有效，因为它能让用户留在你的网站上，从而提高转化率。

### 第 4 步：处理 Webhook

这是最重要的一步。你需要告诉 Bubble 在支付成功后该执行什么操作。Webhook 是 Dodo 在交易完成后向你的应用回传信息的方式；我们的[支付通知 Webhook 指南](https://dodopayments.com/blogs/webhooks-payment-notifications)还会更深入地介绍重试和幂等性。

1. **创建 API 工作流**：在 Bubble 中进入"Backend Workflows"选项卡，创建一个新的"API Workflow"。将其命名为 `dodo_webhook`。每当 Dodo 发送通知时，该工作流都会被触发。
2. **公开为 Public API**：勾选公开选项。这样，Dodo 的服务器就可以向这个特定 URL 发送数据。
3. **配置 Dodo Webhook**：在 Dodo 控制台中添加新的 [webhook](https://docs.dodopayments.com/developer-resources/webhooks)，并将其指向你的 Bubble API Workflow URL。选择你要监听的事件，例如 `payment.succeeded`。
4. **更新数据库**：在 Bubble 工作流中添加"Make changes to a thing"（User）操作。根据 Webhook 负载中收到的电子邮件，将用户状态设置为"Active"。这样可以确保你的数据库始终与支付状态保持同步。

```mermaid
sequenceDiagram
    participant User
    participant Bubble as Bubble App
    participant Dodo as Dodo Payments
    participant DB as Bubble Database

    User->>Bubble: Click "Buy Now"
    Bubble->>Dodo: API Call: Create Payment
    Dodo-->>Bubble: Return Checkout URL
    Bubble->>User: Redirect to Checkout
    User->>Dodo: Complete Payment
    Dodo->>Bubble: Webhook: payment.succeeded
    Bubble->>DB: Update User Status to "Paid"
    Dodo->>User: Redirect to return_url
```

## 高级功能：管理订阅

对于 SaaS，你很可能会使用[订阅](https://docs.dodopayments.com/features/subscriptions/introduction)。流程与支付类似，但你需要使用 `/subscriptions` 端点。订阅可以帮助你建立可预测的收入来源，并为用户提供不同的服务层级。

你还可以使用[内嵌式结账](https://docs.dodopayments.com/developer-resources/inline-checkout)，将支付表单直接嵌入 Bubble 页面，带来更加一体化的体验。对于希望完全掌控用户体验的高端 SaaS 产品来说，这尤其有效。你还可以使用 Dodo API 管理订阅升级和降级，让用户无需离开应用即可更改方案。

## Bubble + Dodo 的最佳实践

为了确保集成顺畅并提供出色的用户体验，请遵循以下最佳实践。这些建议来自数百名成功集成 Dodo Payments 的 Bubble 开发者的经验。

- **使用测试模式**：上线前务必使用 Dodo 的测试 API 密钥测试集成。这样，你可以在不使用真实资金的情况下模拟交易和 Webhook。这是发现错误并确保工作流按预期运行的最佳方式。
- **保护 Webhook**：在 Webhook URL 中使用密钥令牌，确保只有 Dodo 才能触发你的后端工作流。这是一项关键的安全措施，可以防止恶意行为者伪造支付通知。
- **处理取消操作**：为 `subscription.cancelled` 创建单独的 API 工作流，以便在 Bubble 中自动撤销访问权限。这样可以确保用户只能访问他们付费使用的功能。
- **显示账单信息**：使用 Dodo API 获取用户当前的订阅状态，并将其显示在 Bubble 的"Account"页面上。这能让用户安心，也能减少与账单相关的支持请求。
- **针对移动端优化**：确保结账流程在移动设备上运行良好。你的很大一部分用户可能会通过手机访问应用，因此移动端友好的结账体验对于最大化转化率至关重要。

## 常见问题

### 使用 Dodo Payments 需要付费的 Bubble 方案吗？

是的。要构建完全自动化的集成，你需要使用支持"API Connector"和"Backend Workflows"的 Bubble 方案（通常是 Starter 方案或更高版本）。对于任何与外部服务集成的专业 Bubble 应用来说，这是标准要求。

### 我可以在 Bubble 上使用 Dodo Payments 销售实体产品吗？

虽然 Dodo 针对数字产品和 SaaS 进行了优化，但你也可以将其用于实体商品。不过，你需要在 Bubble 中处理配送和履约逻辑。Dodo 会处理支付和税费，但你需要负责管理将产品送达客户的物流。

### 如何在 Bubble 中处理退款？

你可以通过 Dodo API 触发退款，也可以在 Dodo 控制台中手动操作。请务必为 `refund.succeeded` 设置 Webhook，以便更新 Bubble 中的用户状态。这样，即使交易被撤销，你的数据库也能保持准确。

### Dodo 是否支持在 Bubble 中使用 Apple Pay 和 Google Pay？

支持。Dodo 的结账功能自动支持 Apple Pay、Google Pay 和本地化支付方式，有助于提高 Bubble 应用的转化率。对于为用户提供无摩擦体验而言，这些现代支付方式至关重要。

### Dodo Payments 比 Stripe 更安全吗？

两者都具有很高的安全性，并符合 PCI 标准。主要区别在于，Dodo 会承担法律和税务责任，为创始人提供额外的"业务安全保障"。这样，你就可以专注于产品，而不必担心全球商业运营的复杂性。

## 总结

向 Bubble 应用添加支付功能不必变成一场合规噩梦。通过使用 Dodo Payments，你可以将无代码开发的速度与全球 MoR（名义商户）的能力结合起来。这种组合让你能够以前所未有的速度构建并扩展全球业务。

别再担心税号，开始专注于用户。借助 Bubble 和 Dodo，你拥有构建世界级 SaaS 所需的一切。软件开发的未来是无代码，而全球商业的未来是 Dodo Payments。

准备好让 Bubble 应用实现变现了吗？[注册 Dodo Payments](https://dodopayments.com)，今天就完成第一笔支付。查看我们的[定价](https://dodopayments.com/pricing)，了解我们如何帮助无代码创始人扩展业务。
---
- [More Payments articles](https://dodopayments.com/blogs/category/payments)
- [All articles](https://dodopayments.com/blogs)