# Carrdで商品を1時間以内に販売する方法

> Carrdは最もシンプルな1ページ構成のサイトビルダーで、Shoprocketはそこにコマース機能を加えます。3ステップ、Carrd Proが年19ドル、それにShoprocketのサブスクリプションで、動くストアが完成します。

Ryan Badger - 2022年3月13日 - 読了目安 4 分

## CarrdとShoprocketの組み合わせがうまくいく理由

Carrdはミニマルな1ページ構成のサイトビルダーです。そのシンプルさこそが、愛されている理由です。同時に、Carrdにネイティブなeコマース機能がない理由でもあります。本格的なストアシステムを加えてしまえば、このツールの存在意義が失われるからです。

そこでShoprocketの出番です。ランディングページはCarrdが担当し、コマースはShoprocketが担当します。Carrdのページにスクリプトタグを1つ置くだけで、カート、チェックアウト、決済を備えた動くストアになります。Carrdの思想を損なうこともありません。

## 3ステップのセットアップ

### 1. Carrd Proが必要です

Carrdの無料プランでは、スクリプトの埋め込みやカスタムHTMLは使えません。Carrd Proは年19ドルで、必要な**Embed**要素が使えるようになります。年額の定額料金のみで、サイトごとの追加料金はありません。

### 2. ShoprocketのEmbedをCarrdのEmbed要素に貼り付ける

Carrdのエディタで、商品を表示したい場所に**Embed**要素を追加し、次のコードを貼り付けます。

```
<!-- 例です。実際のスニペットは、ダッシュボードの「販売チャネル → 埋め込み」で取得してください -->
<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での変更は、Embedを置いたすべての場所に即座に反映されます。Carrdを再公開する必要はありません。

## できること

- Carrdのページに**本物のショッピングカート**。お客様はチェックアウトの前に複数の商品を追加できます。
- お客様がどこにいても使える**支払い方法**:カード、Apple Pay、Google Pay、PayPal、Klarna、暗号資産。
- **顧客アカウントと注文履歴**(任意、デフォルトはオフ)。
- 海外の購入者向けの**自動通貨換算**。
- AI自動翻訳に対応した**21ロケール**。英語以外を話す訪問者にも、母国語でストアが表示されます。
- 閲覧された商品、カートに追加された商品、購入された商品の**フルアナリティクス**。
- すべてのShoprocketプランで**プラットフォームの取引手数料はゼロ**。StripeやPayPalの通常のゲートウェイ手数料はかかりますが、当社がその上に上乗せして取ることはありません。

> **ヒント:**デジタル商品を販売するなら、Shoprocketで自動ファイル配信を有効にしましょう。お客様には、注文確認メールでダウンロードリンクが届きます。手作業のフルフィルメントは不要です。

## 正直なコスト

商品を販売する1ページ構成のCarrdサイトの場合:

- **Carrd Pro**:年19ドル(Embed要素が使えるようになります)
- **Shoprocket**:Starterプランで月29ドル、取引手数料ゼロ
- **決済ゲートウェイの手数料**:決済成功1件につき約2.9% + 30セント(StripeとPayPalの標準レート)

月額の総コストは50ドル未満で、プラットフォームがその上にパーセンテージを取ることはありません。

## CarrdとShoprocketの組み合わせが最適なケース

- 1ページで足りるなら、カタログの規模は問いません(Embedが検索、フィルター、ページネーション、バリエーションを処理します)
- 単品商品のランディングページ(講座、電子書籍、音楽のリリース、単発の商品ドロップ)
- メインのコンテンツと並べて商品を販売するクリエイターのポートフォリオ
- 本格的なサイトを作る前に、注文を受け付けるプレローンチのページ
- 1時間以内にストアを公開したい、動きの速いキャンペーン

## ほかの選択肢を考えるべきとき

CarrdとShoprocketの組み合わせは、カタログの規模にかかわらず、コマース面を問題なくこなします。Embedには、検索、フィルター、ページネーション、商品詳細ページ、バリエーション、数量セレクター、カートが最初から備わっています。当社のウィジェットを使った1ページ構成のCarrdサイトでも、数百SKUの本格的なストアを運営できます。

Carrdで苦労し始めるのは、*ほかの*ページです。Carrdは本当に1ページだけです。別ページの会社概要、FAQ、配送ポリシー、サポートドキュメント、あるいはストアと並べたコンテンツブログがほしくなったら、コマースの扱い方に関係なく、このビルダーでは足りなくなります。

その段階になったら、[Webflow](https://v3.shoprocket.io/ja/add-ecommerce-to-webflow.md)のような複数ページ対応のビルダーや、[WordPress](https://v3.shoprocket.io/ja/add-ecommerce-to-wordpress.md)のようなCMSに移り、商品を表示したいページに同じShoprocketのEmbedを貼り付けましょう。

## 要点

- Carrd Pro(年19ドル)+ Shoprocket Starter(月29ドル)で、1ページ構成のサイトに1時間以内で動くストアができます
- スクリプトをCarrdのEmbed要素に1つ貼り、Shoprocketで商品を設定すれば完了です
- 取引手数料ゼロ、21ロケール、主要な支払い方法にすべて対応
- 単品または少数商品のクリエイター向けです。50SKU以上になったら、乗り換えを検討してください

[Shoprocketの無料トライアルを始めましょう](https://app-v3.shoprocket.io/signup)。14日間、クレジットカード不要です。料金は[29ドルから](https://v3.shoprocket.io/ja/pricing.md)です。

---

- HTML version: https://v3.shoprocket.io/ja/blog/how-to-sell-products-on-carrd-in-under-an-hour
- Language: 日本語 (ja)
- 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), [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), [中文](https://v3.shoprocket.io/zh/blog/how-to-sell-products-on-carrd-in-under-an-hour.md)