# 在你的网站上使用 PayPal:什么时候用免费按钮,什么时候不该用

> 一种是适用于单个商品的免费 PayPal 按钮。另一种是恰好包含 PayPal 的购物车平台。选错了会让你白白浪费几周。

Ryan Badger - 2023年8月11日 - 阅读约 3 分钟

## “PayPal 购物车”可能指两种东西

人们搜索这个词时,通常想要的是下面两者之一:

1. **每个商品旁边的一个 PayPal 按钮**,让人点击后付款。没有真正的购物车,只是单件商品的结账。
2. **一个真正的购物车**(添加多件商品、更新数量、最后一次性结账),并接受 PayPal 作为支付方式。

这两者需要完全不同的解决方案。免费的“PayPal Buttons”路线对第 1 种很好用,对第 2 种则毫无用处。根据你真正需要的是哪一种来选择工具。

## 路径 1:单个商品的 PayPal 按钮

如果你一次只卖一件东西(数字下载、单个订阅、捐款),PayPal 的智能支付按钮就是为你设计的。免费,不需要第三方软件,直接把 JavaScript 粘贴到你的网站里。

典型的设置:

```
<script src="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID&currency=USD"></script>
<div id="paypal-button-container"></div>
<script>
  paypal.Buttons({
    createOrder: (data, actions) => actions.order.create({
      purchase_units: [{ amount: { value: '19.99' } }]
    }),
    onApprove: (data, actions) => actions.order.capture().then(details => {
      // Fulfil the order here (send download link, redirect, etc.)
    })
  }).render('#paypal-button-container');
</script>
```

就这样。PayPal 负责结账弹窗、银行卡输入、PayPal 登录、币种、税费(可选),付款完成时你会收到一个回调。

> **提示:**如果你自己集成这个,请把 `onApprove` 处理放在服务器端,通过 webhook 来做,而不要只放在客户端。客户端回调用于用户体验上的确认;webhook 才是“付款是真的”的唯一权威信号。

**路径 1 在哪里失效:**一旦你需要购物车。浏览商品、添加不止一件、调整数量、优惠券、合并运费、顾客登录、订单历史:这些都不存在。你得自己去做。

## 路径 2:包含 PayPal 的购物车系统

一旦你需要真正的购物车,你就不再直接集成 PayPal,而是开始使用一个替你集成 PayPal 的购物车平台。有很多选择:

- **Shopify**(托管,$29+/月,低档套餐有交易手续费)
- **WooCommerce**(自托管,核心免费,托管和插件的费用会累积)
- **Snipcart**(为现有网站提供的购物车浮层,2% 手续费)
- **Shoprocket**(嵌入任何网站,固定订阅,0% 交易手续费)

每一个都为你提供购物车的机制:加入购物车、数量更新、折扣码、配送选项、顾客账户、订单管理。每一个都让你启用 PayPal,作为与银行卡、Apple Pay、Google Pay 等并列的一个结账选项。

### Shoprocket 是什么样子

在你已经在运行的任何网站上粘贴一个脚本标签,无论是什么 CMS:

```
<!-- EXAMPLE ONLY. Grab your real snippet from Sales channels → Embeds in your dashboard -->
<script src="https://cdn.shoprocket.io/loader.js" data-pk="pk_yourkey"></script>
<div data-shoprocket="catalog" data-embed-id="emb_xxx"></div>
```

这会渲染出带侧滑购物车的商品目录。在你的后台:设置 → 支付方式 → 启用 PayPal,粘贴你的 client ID,保存。顾客现在在结账时会看到 PayPal 按钮,与 Visa 和 Mastercard 并列,购物车正常工作,订单带着完整的 PayPal 交易数据进入你的 Shoprocket 后台。

不用安装插件,不用修改主题,不用开发。适用于 WordPress、Webflow、Squarespace、Carrd、Notion、Framer、静态 HTML:任何能运行脚本标签的地方。

## 你到底需要哪条路径

| 你在卖什么 | 路径 |
| --- | --- |
| 一个产品,一个价格,没有规格变体 | 路径 1(PayPal 按钮) |
| 少量商品,偶尔结账 | 如果不介意没有购物车,选路径 1,否则选路径 2 |
| 多商品目录,真正的店铺 | 路径 2(购物车平台) |
| 订阅、定期计费 | 路径 2(PayPal 按钮不擅长处理计费生命周期) |
| 自动发货的数字商品 | 路径 2(平台负责履约;原生 PayPal 不负责) |

## 我们对大多数人的建议

如果你是只卖一个产品的个人创作者,PayPal 按钮免费,也够用。用它。

如果你在经营一家真正的店铺,而 PayPal 是推动你转向购物车平台的原因,那值得把视野放宽一点。大多数店铺想要 PayPal *加上* Apple Pay、Google Pay、Stripe、Klarna 和本地支付方式。购物车平台通过一次集成就给你所有这些,而不是逐个单独拼装。

[开始 Shoprocket 免费试用](https://app-v3.shoprocket.io/signup),十分钟内就能在你自己的网站上看到商品目录、购物车和结账正常运行。价格[在这里](https://v3.shoprocket.io/zh/pricing.md)。每个套餐都零交易手续费,PayPal 和其他所有支付方式都包含在内。

## 一句话总结

- **一个产品,不需要购物车** → 使用 PayPal 智能支付按钮(免费)
- **多商品目录** → 选一个购物车平台;在其中启用 PayPal
- 不要试图在原生 PayPal 按钮之上自己手写一个多商品购物车。那是一大堆你不需要写的代码。

---

- HTML version: https://v3.shoprocket.io/zh/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to
- Language: 中文 (zh)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [Deutsch](https://v3.shoprocket.io/de/blog/paypal-auf-deiner-website-kostenloser-button-oder-warenkorb-plattform.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [English](https://v3.shoprocket.io/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [Español](https://v3.shoprocket.io/es/blog/paypal-en-tu-web-boton-gratuito-o-carrito-de-compra.md), [Français](https://v3.shoprocket.io/fr/blog/paypal-sur-votre-site-bouton-gratuit-ou-panier.md), [עברית](https://v3.shoprocket.io/he/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/paypal-di-situs-web-kapan-pakai-tombol-gratis-dan-kapan-jangan.md), [Italiano](https://v3.shoprocket.io/it/blog/paypal-sul-tuo-sito-pulsante-gratuito-o-carrello.md), [日本語](https://v3.shoprocket.io/ja/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/paypal-mygtukas-ar-krepselio-platforma.md), [Norsk](https://v3.shoprocket.io/nb/blogg/paypal-pa-nettstedet-gratis-knapp-eller-handlekurv.md), [Nederlands](https://v3.shoprocket.io/nl/blog/paypal-op-je-website-gratis-knop-of-winkelwagen.md), [Polski](https://v3.shoprocket.io/pl/blog/paypal-na-stronie-kiedy-darmowy-przycisk-a-kiedy-nie.md), [Português](https://v3.shoprocket.io/pt/blog/paypal-no-seu-site-botao-gratuito-ou-carrinho-de-compras.md), [Română](https://v3.shoprocket.io/ro/blog/paypal-pe-site-butonul-gratuit-sau-cos-de-cumparaturi.md), [Русский](https://v3.shoprocket.io/ru/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [ไทย](https://v3.shoprocket.io/th/blog/paypal-on-your-website-when-to-use-the-free-button-and-when-not-to.md), [Türkçe](https://v3.shoprocket.io/tr/blog/web-sitenizde-paypal-ucretsiz-dugme-ne-zaman.md)