# 如何在一小时内用 Carrd 卖货

> Carrd 是最简单的单页建站工具，Shoprocket 则是它缺少的电商层。只需三步，Carrd Pro 每年 19 美元，再加上我们的订阅，就能拥有一个可用的店面。

Ryan Badger - 2022年3月13日 - 阅读约 4 分钟

## 为什么 Carrd + Shoprocket 行得通

Carrd 是一款极简的单页网站构建工具。正是这份简单，让人们爱上了它；也正是这份简单，让 Carrd 没有原生的电商功能：加入一整套店铺系统，就违背了这个工具的初衷。

这就是 Shoprocket 的用武之地。Carrd 负责落地页，Shoprocket 负责电商。在 Carrd 页面上放一个 script 标签，它就变成一个带购物车、结账和支付的可用店面，而且不违背 Carrd 的理念。

## 三步完成设置

### 1. 你需要 Carrd Pro

Carrd 免费版不允许嵌入脚本或自定义 HTML。Carrd Pro 每年 19 美元，会解锁我们需要的 **Embed**（嵌入）元素。每年一笔固定费用，不按站点另外收费。

### 2. 把 Shoprocket 嵌入代码粘贴到 Carrd 的 Embed 元素中

在 Carrd 编辑器里，在你希望商品出现的位置添加一个 **Embed** 元素，然后粘贴：

```
<!-- 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>
```

发布即可，就这么简单。你的 Carrd 页面现在拥有完整的商品目录、侧滑购物车、结账流程，以及面向全球买家的 200 多种支付方式。

### 3. 在 Shoprocket 中配置你的店铺

在 Shoprocket 后台：

- 添加商品（名称、价格、图片、规格）
- 启用你想要的支付方式（Stripe、PayPal、Apple Pay、Google Pay、加密货币）
- 如果你寄送实物商品，设置运费规则
- 如果你所在的地区要求征税，设置好税费规则

在 Shoprocket 里做的任何修改，都会立即同步到所有放置了嵌入代码的地方。你不需要重新发布 Carrd。

## 你能得到什么

- Carrd 页面上的**真正的购物车**。顾客在结账前可以添加多件商品。
- **支付方式** 覆盖你的顾客所在的任何地方：银行卡、Apple Pay、Google Pay、PayPal、Klarna、加密货币。
- **顾客账户与订单历史**（可选，默认关闭）。
- 面向海外买家的**自动货币换算**。
- **21 种语言**，并支持 AI 自动翻译，非英语访客能用自己的语言浏览你的店铺。
- 关于商品浏览、加入购物车和购买的**完整数据分析**。
- Shoprocket 所有套餐都是**零平台交易费**。Stripe 和 PayPal 照常收取支付通道费用，我们不在此之上再收一分。

> **提示：**如果你卖的是数字商品，请在 Shoprocket 中开启自动文件交付。顾客会在订单确认邮件中收到下载链接，无需手动发货。

## 说实话，成本是多少

对于一个卖货的单页 Carrd 网站：

- **Carrd Pro**：每年 19 美元（解锁 Embed 元素）
- **Shoprocket**：Starter 套餐每月 29 美元，零交易费
- **支付通道费用**：每笔成功支付约 2.9% + 30¢（Stripe / PayPal 标准费率）

你每月的总成本不到 50 美元，平台不会再额外抽成。

## Carrd + Shoprocket 适合什么情况

- 任意规模的商品目录，只要你只需要一个页面（嵌入组件自带搜索、筛选、分页和规格选择）
- 单品落地页（课程、电子书、音乐发行、一次性的新品发售）
- 在主要内容之外顺带卖货的创作者作品集
- 在正式投入建完整网站之前先接受订单的预发布页面
- 需要在一小时内上线店面的快节奏营销活动

## 什么时候该考虑别的方案

无论商品目录多大，Carrd + Shoprocket 都能把电商这一块处理好。嵌入组件自带搜索、筛选、分页、商品详情页、规格、数量选择器和购物车。一个装了我们小部件的单页 Carrd 网站，完全可以运营一个有几百个 SKU 的真正店面。

Carrd 开始“掣肘”你的地方，是*其他*页面。Carrd 是真正的单页工具。如果你想在店铺之外再加一个单独的“关于我们”页、常见问题、运输政策、帮助文档，或者一个内容博客，那就是你超出这个建站工具能力范围的时候，与你怎么处理电商无关。

到那时，就换成多页面建站工具，比如 [Webflow](https://v3.shoprocket.io/zh/add-ecommerce-to-webflow.md)，或者 [WordPress](https://v3.shoprocket.io/zh/add-ecommerce-to-wordpress.md) 这样的 CMS，然后把同一段 Shoprocket 嵌入代码粘贴到你想展示商品的任何页面上。

## 一句话总结

- Carrd Pro（每年 19 美元）+ Shoprocket Starter（每月 29 美元）= 一小时内在单页网站上搭起可用的店面
- 把一段脚本粘贴到 Carrd 的 Embed 元素里，在 Shoprocket 里配置商品，完成
- 零交易费、21 种语言、支持所有主流支付方式
- 最适合单品或小型商品目录的创作者；如果你有 50 个以上的 SKU，就会超出它的承载范围

[免费试用 Shoprocket](https://app-v3.shoprocket.io/signup)。14 天，无需信用卡。定价：[29 美元起](https://v3.shoprocket.io/zh/pricing.md)。

---

- HTML version: https://v3.shoprocket.io/zh/blog/how-to-sell-products-on-carrd-in-under-an-hour
- Language: 中文 (zh)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/how-to-sell-products-on-carrd-in-under-an-hour.md), [Deutsch](https://v3.shoprocket.io/de/blog/produkte-auf-carrd-verkaufen-in-unter-einer-stunde.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/how-to-sell-products-on-carrd-in-under-an-hour.md), [English](https://v3.shoprocket.io/blog/how-to-sell-products-on-carrd-in-under-an-hour.md), [Español](https://v3.shoprocket.io/es/blog/como-vender-productos-en-carrd-en-menos-de-una-hora.md), [Français](https://v3.shoprocket.io/fr/blog/vendre-produits-sur-carrd-en-moins-d-une-heure.md), [עברית](https://v3.shoprocket.io/he/blog/how-to-sell-products-on-carrd-in-under-an-hour.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/how-to-sell-products-on-carrd-in-under-an-hour.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/cara-menjual-produk-di-carrd-dalam-kurang-dari-satu-jam.md), [Italiano](https://v3.shoprocket.io/it/blog/vendere-prodotti-su-carrd-in-meno-di-un-ora.md), [日本語](https://v3.shoprocket.io/ja/blog/how-to-sell-products-on-carrd-in-under-an-hour.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/kaip-parduoti-produktus-carrd-per-maziau-nei-valanda.md), [Norsk](https://v3.shoprocket.io/nb/blogg/selg-produkter-pa-carrd-pa-under-en-time.md), [Nederlands](https://v3.shoprocket.io/nl/blog/producten-verkopen-op-carrd-in-een-uur.md), [Polski](https://v3.shoprocket.io/pl/blog/jak-sprzedawac-produkty-na-carrd-w-mniej-niz-godzine.md), [Português](https://v3.shoprocket.io/pt/blog/como-vender-produtos-no-carrd-em-menos-de-uma-hora.md), [Română](https://v3.shoprocket.io/ro/blog/cum-vinzi-produse-pe-carrd-in-mai-putin-de-o-ora.md), [Русский](https://v3.shoprocket.io/ru/blog/how-to-sell-products-on-carrd-in-under-an-hour.md), [ไทย](https://v3.shoprocket.io/th/blog/how-to-sell-products-on-carrd-in-under-an-hour.md), [Türkçe](https://v3.shoprocket.io/tr/blog/carrdda-bir-saatte-urun-satmak.md)