# 为 Jimdo（以及任何拖放式建站工具）添加电商功能

> Jimdo 自带的商店卖 3 件商品够用，到 30 件就捉襟见肘。不到一小时，把 Shoprocket 嵌入你现有的 Jimdo 网站，在已建好的页面上获得真正的电商能力。

Ryan Badger - 2025年10月14日 - 阅读约 4 分钟

## Jimdo 有商店功能，但上限很低

如果你在用 Jimdo，应该早就清楚：它自带的商店只适合卖少量商品。上限很快就会显现：

- 支付方式覆盖有限（没有 Klarna / Afterpay，Apple Pay / Google Pay 也不完整）
- 购物车体验简陋（没有侧滑购物车，没有心愿单）
- 没有真正的变体系统，应付不了复杂商品
- 数字商品无法自动发货
- 税费和运费规则很浅
- 支持的语言很少

卖 3 件商品完全没问题。卖到 30 件就开始受限了。

大多数 Jimdo 用户撞到上限后，以为只能换平台。其实不必。你可以把一个现代化的电商组件嵌入已经建好的 Jimdo 网站，保留你喜欢的页面和品牌风格，立刻拥有一个像样的商店。

## 设置步骤，一步一步来

总耗时：如果 Jimdo 已经搭好，不到一小时。

### 1. 注册 Shoprocket 账号

[开始免费试用](https://app-v3.shoprocket.io/signup)。14 天，无需绑卡。在后台：添加商品（图片、价格、变体、库存），启用支付方式（Stripe、PayPal、Apple Pay、Google Pay、先买后付），设置运费规则。

### 2. 获取嵌入代码

在 Shoprocket 后台进入“销售渠道 → 嵌入”。新建一个嵌入，选择类型（完整商品目录、单个商品、购买按钮或店面），复制代码。大致长这样：

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

（其中的 `pk_yourkey` 和 `emb_xxx` 会换成你在后台看到的真实标识。）

### 3. 粘贴到 Jimdo

在 Jimdo 编辑器里，点击你想放置店面的位置。添加一个**小部件 / HTML**元素（Jimdo 付费套餐才有）。粘贴代码，保存。

就这样。你的 Jimdo 页面现在有了完整的商品目录、侧滑购物车、结账流程，以及 Shoprocket 支持的所有支付方式。

### 4. 关闭 Jimdo 自带商店（可选）

如果你要完全取代 Jimdo 的商店，就把页面上旧的商店区块删掉。用不着它们了，Shoprocket 全包。你的 Jimdo 网站就只负责内容：首页、关于、博客、联系方式，以及你放置 Shoprocket 嵌入的地方。

## 与 Jimdo 自带商店相比，你得到什么

| 功能 | Jimdo 自带 | Jimdo + Shoprocket |
| --- | --- | --- |
| 支付方式 | 约 5-8 种 | 200 多种（Stripe、PayPal、Klarna、先买后付、加密货币等） |
| 变体（尺码、颜色等） | 基础 | 不限数量，按变体设置价格和库存 |
| 数字商品发货 | 不能自动发货 | 购买后自动发送下载链接 |
| 语言 | 很少 | 21 种，支持 AI 自动翻译 |
| 购物车体验 | 跳转页面 | 页内侧滑购物车 |
| 交易手续费 | 分档收取 | Shoprocket 所有套餐均为 0% |
| 客户账户 | 基础 | 完整（购物者可选） |
| 弃单挽回 | 有限 | 内置 |
| 数据分析 | 基础 | 完整（收入、转化、商品表现） |

## 这个做法适用于所有建站工具

Jimdo 只是众多适用这一做法的拖放式建站工具之一。只要你知道怎么在自己的建站工具里粘贴“小部件 / HTML / 嵌入”元素，就会设置。Shoprocket 这边完全一样，只是“粘贴到哪里”不同。

- **[WordPress](https://v3.shoprocket.io/zh/add-ecommerce-to-wordpress.md)**：自定义 HTML 区块（区块编辑器）或文本小工具
- **[Webflow](https://v3.shoprocket.io/zh/add-ecommerce-to-webflow.md)**：嵌入元素
- **Squarespace**：代码区块（Personal 套餐及以上可用）
- **Wix**：嵌入 HTML 元素（开发者层级为自定义代码）
- **[Carrd](#)**（仅限 Pro）：嵌入元素
- **Framer**：嵌入组件
- **Notion**（通过 Super / Potion）：嵌入 HTML
- **纯 HTML / Jekyll / Hugo / 11ty**：粘贴到模板里

这段脚本并不在乎是哪个建站工具在托管它。只要把它渲染到任何接受 HTML 的元素里，就能工作。

## Jimdo 用户通常能获得什么

以下是同时使用 Shoprocket 的 Jimdo 用户的真实情况：

- **更多支付方式**（最常见的立竿见影的收获；Jimdo 限制你，Shoprocket 不限制）
- **真正的数字商品发货**，适合卖电子书、模板、音乐或软件
- **真正的国际化**，依靠 Shoprocket 的 21 种语言
- **更清晰的数据分析**（Jimdo 的后台看不到转化漏斗数据）
- **零交易手续费**（Jimdo 更高的套餐仍然按每笔销售收费，我们不收）

你得不到的，是离开 Jimdo 建站工具本身的理由。如果你喜欢 Jimdo 搭页面的方式，就继续用。嵌入的部分只负责电商。

## 什么时候真该彻底离开 Jimdo

说实话：当你想要更高级的建站工具（Webflow、Framer、Squarespace），或者你碰到的限制更多来自 Jimdo 的页面设计而不是电商功能。单凭电商功能的限制，不足以让你换平台；嵌入 Shoprocket，继续在 Jimdo 上建站就行。

> **提示：**如果你本来就打算大改版，可以考虑 Webflow。它是这一类里功能最强的，我们的 [Webflow 集成](https://v3.shoprocket.io/zh/add-ecommerce-to-webflow.md)也已经被大量使用验证过。但换平台应该是为了建站本身，而不是为了电商。

## 太长不看

- **Jimdo 自带商店卖 3 件商品够用**，到 30 件就受限
- **把 Shoprocket 嵌入代码粘贴** 到 Jimdo 的小部件 / HTML 元素，就能拥有现代化店面
- **设置时间：** 不到一小时
- **你保留的：** Jimdo 页面、品牌、内容
- **你获得的：** 更多支付方式、真正的变体、数字商品发货、21 种语言、零平台费
- **同样的做法适用于所有建站工具：** WordPress、Webflow、Squarespace、Wix、Carrd、Framer、Notion、纯 HTML

[开始免费试用 Shoprocket](https://app-v3.shoprocket.io/signup)。14 天，无需绑卡。[价格](https://v3.shoprocket.io/zh/pricing.md)每月 $29 起。

---

- HTML version: https://v3.shoprocket.io/zh/blog/adding-ecommerce-to-jimdo-and-any-other-drag-and-drop-site-builder
- Language: 中文 (zh)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/adding-ecommerce-to-jimdo-and-any-other-drag-and-drop-site-builder.md), [Deutsch](https://v3.shoprocket.io/de/blog/ecommerce-zu-jimdo-und-anderen-website-baukaesten-hinzufuegen.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/adding-ecommerce-to-jimdo-and-any-other-drag-and-drop-site-builder.md), [English](https://v3.shoprocket.io/blog/adding-ecommerce-to-jimdo-and-any-other-drag-and-drop-site-builder.md), [Español](https://v3.shoprocket.io/es/blog/anadir-ecommerce-a-jimdo-y-otros-creadores-de-webs.md), [Français](https://v3.shoprocket.io/fr/blog/ajouter-ecommerce-a-jimdo-et-autres-createurs-de-site.md), [עברית](https://v3.shoprocket.io/he/blog/adding-ecommerce-to-jimdo-and-any-other-drag-and-drop-site-builder.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/adding-ecommerce-to-jimdo-and-any-other-drag-and-drop-site-builder.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/menambahkan-ecommerce-ke-jimdo-dan-pembuat-situs-drag-and-drop-lainnya.md), [Italiano](https://v3.shoprocket.io/it/blog/ecommerce-su-jimdo-e-altri-site-builder-drag-and-drop.md), [日本語](https://v3.shoprocket.io/ja/blog/adding-ecommerce-to-jimdo-and-any-other-drag-and-drop-site-builder.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/el-prekyba-jimdo-ir-kituose-vilk-ir-mesk-svetainiu-kurejuose.md), [Norsk](https://v3.shoprocket.io/nb/blogg/nettbutikk-pa-jimdo-og-andre-nettstedsbyggere.md), [Nederlands](https://v3.shoprocket.io/nl/blog/webshop-toevoegen-aan-jimdo-en-andere-sitebuilders.md), [Polski](https://v3.shoprocket.io/pl/blog/jak-dodac-sklep-do-jimdo-i-kazdego-kreatora-stron.md), [Português](https://v3.shoprocket.io/pt/blog/adicionando-ecommerce-ao-jimdo-e-a-qualquer-construtor-de-sites.md), [Română](https://v3.shoprocket.io/ro/blog/ecommerce-pe-jimdo-si-orice-builder-drag-and-drop.md), [Русский](https://v3.shoprocket.io/ru/blog/adding-ecommerce-to-jimdo-and-any-other-drag-and-drop-site-builder.md), [ไทย](https://v3.shoprocket.io/th/blog/adding-ecommerce-to-jimdo-and-any-other-drag-and-drop-site-builder.md), [Türkçe](https://v3.shoprocket.io/tr/blog/jimdo-ve-surukle-birak-site-olusturuculara-eticaret-ekleme.md)