# 在 Carrd Pro 网站上实现真正的电商。

> 把单页 Carrd 变成真正的商店。Shoprocket 可嵌入 Carrd Pro：购物车、结账、多语言、在线客服，平台费 0%，每月 $29 起。

Carrd Pro Standard 支持真正的 HTML 嵌入。把我们的代码片段粘贴进你的单页 Carrd，就能变成一家可用的商店，带真正的购物车和结账，平台费 0%，每月 $29 起。

[开始免费试用](https://app-v3.shoprocket.io/signup?lang=zh)[查看安装方式](#install)

14 天免费试用

无需信用卡

0% 平台费

Trustpilot 4.9★

1

嵌入代码片段

0%

平台费

完整

购物车与结账

任意

商品类型

● 整体格局

## 在 Carrd 网站上销售的三种方式。

Carrd 本身不做电商。它给你一块空白画布和一个嵌入组件。下面是在上面开店的三种真实方式。

01

### Stripe Payment Links。

免费，简单，没有购物车。每个商品都是一个链接，打开后进入托管的 Stripe 结账页。卖一个写死的商品还行，但一旦需要规格、购物车，或任何像商品目录的东西，就很痛苦。

02

### 嵌入 Gumroad 或 Payhip。

把 Gumroad 或 Payhip 的购买按钮组件放进 Carrd 的 Embed 元素。能用，但 Gumroad 每笔销售抽取 10% 外加 $0.50，Payhip 的 0% 档位要每月 $99。你是在付钱请别人在你自己的网站上处理结账。

03

### Shoprocket。

Carrd 嵌入里的一家真正的商店。购物车、结账、商品目录、折扣、税务、多语言、在线客服，从每月 $29 的 Starter 套餐起，平台费 0%。你的 Carrd 网站仍然是你的 Carrd 网站，电商层只是住在里面。

● Carrd 与 Shoprocket 的契合点

## 为什么 Shoprocket 适合 Carrd 网站。

Carrd 追求极简的单页网站。Shoprocket 尊重这一点，只待在一个嵌入里，不会把你拖进另一个独立店面。

01

### 单页网站也值得拥有真正的购物车。

一个 Shoprocket 嵌入，就能给 Carrd 访客一个完善的多商品购物车，跨页面保存，税费和运费当场计算。而不是跳转到第三方结账的链接。

02

### 你收取的款项，100% 都归你。

Shoprocket 所有套餐（每月 $29 起）的平台费都是 0%。你的支付处理商（Stripe、PayPal）仍会收取标准费用，那是资金流转的成本，但不会有其他人再抽成。

03

### 用任何货币和语言销售。

Carrd 本身与语言无关。Shoprocket 在你保存的那一刻，就把商品目录、元标签，甚至在线客服消息自动翻译成 21 种语言，Growth 及以上套餐还支持多币种显示。

04

### 与访客实时沟通。

Shoprocket 的每个套餐都带在线客服组件，AI 自动在你和访客之间互译。单页 Carrd 网站非常适合这一点：访客不会跳转离开，聊天始终保持在同一语境中。

05

### 数字商品、实体商品、订阅、礼品卡。

实体商品、数字下载、订阅、礼品卡或许可证密钥，都能通过同一个 Carrd 嵌入销售。不像大多数适合 Carrd 的创作者工具那样只限数字商品。

06

### Carrd Pro Standard 就够了。

Embed 元素需要 Carrd Pro Standard（每年 $19）或 Pro Plus（每年 $49）。免费套餐和 Pro Lite（每年 $9）不含嵌入功能。Pro Standard 是能用上 Shoprocket 的最便宜的 Carrd 档位。

● 并排对比

## Carrd + Shoprocket 对比 Carrd + Gumroad。

如果你已经在用 Carrd，正在比较嵌入方案，下面是这两种常见组合的实际对比。

Carrd + Gumroad

Carrd + Shoprocket

平台费

Carrd + Gumroad

每笔销售收取 10% 外加每笔交易 $0.50，永远如此。

Carrd + Shoprocket

所有套餐 0%，固定每月 $29 起。

购物车

Carrd + Gumroad

每个商品一个购买按钮，没有多商品购物车。

Carrd + Shoprocket

真正的多商品购物车，在整个页面和会话中保持保存。

商品类型

Carrd + Gumroad

数字下载、会员，以及基础的实体商品。

Carrd + Shoprocket

数字商品、实体商品、订阅、许可证密钥、礼品卡。

结账位置

Carrd + Gumroad

结账在 gumroad.com 上进行，访客会离开你的 Carrd。

Carrd + Shoprocket

购物车、地址和配送都在你的 Carrd 嵌入内运行。最后的付款一步会跳转到你的支付处理商（Stripe、PayPal），然后让客户回到你的网站。

多语言

Carrd + Gumroad

仅支持英语。

Carrd + Shoprocket

保存时自动翻译成 21 种语言，涵盖商品、网址别名、元信息，甚至在线客服。

在线客服

Carrd + Gumroad

不包含。

Carrd + Shoprocket

所有套餐均已内置，AI 自动在你和客户之间互译。

AI 内容生成

Carrd + Gumroad

不包含。

Carrd + Shoprocket

AI 生成描述和元信息，并翻译成 21 种语言。

税务与 VAT

Carrd + Gumroad

Gumroad 是全球范围的登记商户（为你处理税务）。

Carrd + Shoprocket

你是登记商户。自动计算 90 多个司法辖区的税额并监控税务关联，但缴税由你负责。

支付方式

Carrd + Gumroad

由 Gumroad 控制的商户账户。

Carrd + Shoprocket

Stripe、PayPal、Authorize.Net、加密货币和 200 多种支付方式，使用你自己的账户。

所需的 Carrd 套餐

Carrd + Gumroad

Embed 元素需要 Pro Standard（每年 $19）或 Pro Plus（每年 $49）。

Carrd + Shoprocket

Embed 元素需要 Pro Standard（每年 $19）或 Pro Plus（每年 $49），要求相同。

● 安装

## 两行 HTML，装进你的 Carrd 网站。

粘贴，发布，开始销售。

嵌入

### 把我们的代码片段放进 Carrd 的 Embed 元素。

在 Carrd 编辑器中（需要 Pro 套餐），在你想放商店的位置添加一个 Embed 元素。粘贴 Shoprocket 的两行代码片段，一个 script 标签加一个带有你店铺 ID 的 div。发布你的 Carrd 网站。安装就这样完成，不需要额外插件，不需要第二个后台，除非你想要，也不需要单独的域名。

0.4 秒

组件加载

0%

平台费

21

语言

15 分钟

上线用时

● 常见问题

## 给 Carrd 用户的直接回答。

我们从考虑加入电商功能的 Carrd Pro 用户那里听到的问题。

我需要 Carrd Pro Standard 吗？ +

需要。Carrd 的免费套餐和 Pro Lite（每年 $9）不支持 HTML 嵌入，所以你至少需要 Pro Standard（每年 $19）才能使用承载 Shoprocket 的 Embed 元素。Pro Plus（每年 $49）同样可用，并在需要时额外支持自定义 JS/CSS。

购物车在单页网站上真的能用吗？ +

能用。即使你的整个网站从技术上说只是一个 HTML 页面，Shoprocket 的购物车也会在页面交互和结账过程中保持状态。访客可以添加多个商品、调整数量、填写配送信息并付款，全程不用离开你的 Carrd。

Shoprocket 的结账是在 Carrd 内完成，还是会跳转出去？ +

大部分在 Carrd 内完成。购物车、商品选择、地址填写和配送选择都在你 Carrd 页面的嵌入中运行。仅在最后的付款一步，我们会跳转到你的支付处理商（Stripe Checkout、PayPal 等）的托管页面，因为现代支付处理商就是这样满足 PCI 合规的。客户随后回到你的 Carrd 查看订单确认。

我能在 Carrd 上用自己的域名搭配 Shoprocket 吗？ +

可以。Carrd Pro Standard 及以上支持自定义域名。把你的域名指向 Carrd，嵌入 Shoprocket，整个流程（店铺加结账）就都运行在你的自定义域名上。

如果我的 Carrd 网站只是一个个人链接页呢？Shoprocket 是不是大材小用？ +

如果只是纯粹的个人链接页，可能确实有点大材小用。如果你只卖一个商品，没有税务或配送的复杂需求，在 Carrd 按钮里放 Stripe Payment Links 会更轻便。Shoprocket 的最佳场景是你需要商品目录、购物车、多商品下单，或任何折扣和税务逻辑的时候。

我能在 Carrd 上销售需要配送的实体商品吗？ +

可以。Shoprocket 处理运费、地址校验，以及便于打印面单的订单数据。Carrd 访客在嵌入中填写地址，我们计算运费，他们付款，你就会收到一个可随时打印面单的订单。

这会拖慢我的 Carrd 网站吗？ +

几乎没有影响。我们的组件在你的 Carrd 内容渲染完成后异步加载，因此 Core Web Vitals（LCP、CLS）保持良好。加入电商功能不必牺牲 Carrd 著名的速度。

Shoprocket 的平台费真的是 0% 吗？ +

是的。你的支付处理商（Stripe、PayPal 等）仍会收取标准的处理费，那是资金流转的成本，但 Shoprocket 不会在此之上加收任何费用。所有套餐（从 Starter 起）的平台费均为 0%。

如果我用不了 Carrd 了怎么办？ +

Shoprocket 可以随你迁移。如果 Carrd 的单页限制开始让你觉得局促，可以迁到功能更完整的建站工具（Framer、Ghost、WordPress、Webflow），你的店铺不用动：同样的嵌入 ID，同样的数据，同样的客户。或者在你自己的域名上使用托管版 Shoprocket。

Shoprocket 到底有什么不同？ +

Shoprocket 自 2013 年起就在做电商软件。v3 是基于现代技术栈、面向当今电商形态的彻底重写。适合 Carrd 的创作者工具根本没有的功能包括：保存时 AI 自动翻译成 21 种语言、AI 实时翻译的在线客服、带 OpenAPI 文档的完整 REST API、多币种、实时分析，以及每月 $29 起的 0% 平台费。试用 14 天，自己判断。

## Carrd 负责网站，Shoprocket 负责销售。

14 天免费试用，无需信用卡。唯一的前提是你有 Carrd Pro 套餐。

[开始免费试用](https://app-v3.shoprocket.io/signup?lang=zh)[联系我们](https://v3.shoprocket.io/zh/contact.md)

---

- HTML version: https://v3.shoprocket.io/zh/add-ecommerce-to-carrd
- Language: 中文 (zh)
- Also in: [العربية](https://v3.shoprocket.io/ar/add-ecommerce-to-carrd.md), [Deutsch](https://v3.shoprocket.io/de/e-commerce-zu-carrd-hinzufuegen.md), [Ελληνικά](https://v3.shoprocket.io/el/add-ecommerce-to-carrd.md), [English](https://v3.shoprocket.io/add-ecommerce-to-carrd.md), [Español](https://v3.shoprocket.io/es/anadir-ecommerce-a-carrd.md), [Français](https://v3.shoprocket.io/fr/ajouter-ecommerce-a-carrd.md), [עברית](https://v3.shoprocket.io/he/add-ecommerce-to-carrd.md), [हिन्दी](https://v3.shoprocket.io/hi/add-ecommerce-to-carrd.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/tambah-ecommerce-ke-carrd.md), [Italiano](https://v3.shoprocket.io/it/aggiungi-ecommerce-a-carrd.md), [日本語](https://v3.shoprocket.io/ja/add-ecommerce-to-carrd.md), [Lietuvių](https://v3.shoprocket.io/lt/prideti-el-prekyba-prie-carrd.md), [Norsk](https://v3.shoprocket.io/nb/legg-til-nettbutikk-i-carrd.md), [Nederlands](https://v3.shoprocket.io/nl/e-commerce-toevoegen-aan-carrd.md), [Polski](https://v3.shoprocket.io/pl/dodaj-sklep-do-carrd.md), [Português](https://v3.shoprocket.io/pt/adicionar-ecommerce-ao-carrd.md), [Română](https://v3.shoprocket.io/ro/adauga-ecommerce-in-carrd.md), [Русский](https://v3.shoprocket.io/ru/add-ecommerce-to-carrd.md), [ไทย](https://v3.shoprocket.io/th/add-ecommerce-to-carrd.md), [Türkçe](https://v3.shoprocket.io/tr/carrd-icin-e-ticaret.md)
