> ## Documentation Index
> Fetch the complete documentation index at: https://docs.waffo.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# クイックスタート

> 5分で最初の支払いを処理

## AI で決済を統合

### シンプルバージョン

AI アシスタントにこう伝えるだけ：

```text theme={"system"}
Read https://docs.waffo.ai/llms-full.txt, load the official Waffo Pancake skill from https://docs.waffo.ai/integrate/skill, and integrate Waffo Pancake payments into the current project.
```

それだけです。まず独立した Skill ページを実装コンテキストとして読み込み、`llms-full.txt` をより広い補足リファレンスとして使います。

### フルバージョン

技術スタックを伝えると、より的確な統合が得られます：

```text theme={"system"}
Read https://docs.waffo.ai/llms-full.txt, load the official Waffo Pancake skill from https://docs.waffo.ai/integrate/skill, and use Waffo Pancake SDK to
integrate Waffo Pancake payments into the current project and run through
the full checkout flow:
1. Get Merchant ID from Dashboard → API & Development → top of the page → copy button
2. Create an API Key from Dashboard → API & Development → API Keys
3. Use only `WAFFO_MERCHANT_ID` and `WAFFO_PRIVATE_KEY` as required env vars for the first working integration
4. Install @waffo/pancake-ts SDK
5. Create checkout and webhook endpoints
6. Test with card 4576750000000110
7. Verify webhook receives order.completed event
Use test environment. My stack: [あなたのスタック — 例："Next.js + TypeScript"]
```

<Card title="Waffo Pancake Skill" icon="sparkles" href="/ja/integrate/ai-integration">
  完全な Skill ファイルを表示 — API リファレンス、SDK パターン、コード例。
</Card>

***

## 5分で収益を出す

クレジットカード不要。LLC 不要。サインアップして販売を開始するだけ。

<Frame>
  <img src="https://mintcdn.com/waffo/lzrM1_lBAlxHN0MS/images/get-started/get-started-steps.png?fit=max&auto=format&n=lzrM1_lBAlxHN0MS&q=85&s=4d471ca442ce1c7c13a3e554b933b789" alt="はじめにステップ" width="3024" height="1722" data-path="images/get-started/get-started-steps.png" />
</Frame>

***

## 1. アカウント作成

[Merchant Dashboard](https://pancake.waffo.ai/merchant/auth/signin) にアクセスし、Google、GitHub、または Magic Link でサインアップ。

<Card title="Merchant Dashboard" icon="house" href="https://pancake.waffo.ai/merchant/auth/signin">
  Google、GitHub、または Magic Link でサインアップ — クレジットカード不要。
</Card>

3つの方法：

* **Google OAuth** — ワンクリック。完了。
* **GitHub OAuth** — 開発者向け。簡単で速い。
* **Magic Link** — メール入力。リンクをクリック。完了。

***

## 2. ストアを作成

初回ログイン時にストア設定が開始されます：

| フィールド | 用途        |
| ----- | --------- |
| ストア名  | あなたのブランド名 |

<Note>
  事業登録不要。ソロファウンダー歓迎。
</Note>

***

## 3. 製品を追加

ダッシュボード → 製品 → **製品を作成**

<Frame>
  <img src="https://mintcdn.com/waffo/5dRlk76Jm-9Zm6Tj/images/get-started/create-product-form.png?fit=max&auto=format&n=5dRlk76Jm-9Zm6Tj&q=85&s=18e4852d38c241d836b9f344b005feb9" alt="製品作成フォーム" width="1440" height="900" data-path="images/get-started/create-product-form.png" />
</Frame>

```yaml theme={"system"}
name: "プロプラン"
prices:
  USD: { amount: "29.00", taxIncluded: false, taxCategory: "saas" }
type: "subscription"  # または "onetime"
billingPeriod: "monthly"   # weekly, quarterly, yearly
```

マーチャントアカウントに複数のストアがある場合は、商品作成前にどのストアに属させるか確認してください。

**一回払いまたはサブスクリプション。** あなたの選択。

サブスクリプションの場合：

* 請求周期を選択
* 複数のティアを追加（オプション）
* 無料トライアルを有効化（オプション）
* トライアル日数を設定

***

## 4. 決済を統合

商品を作成すると、ウェブサイトに設置するチェックアウトリンクが発行されます：

```
https://checkout.waffo.ai/{store-slug}/{product-slug}
```

ウェブサイトの商品ページに設置してください。

<Note>
  チェックアウトトークンは自動生成されます。ダッシュボードで「リンクをコピー」をクリックするだけ。
</Note>

***

## 5. 入金を受ける

顧客が支払い → 私たちが税金を処理 → あなたに入金。

資金は直接あなたの銀行口座に入金されます。仲介者なし。遅延なし。

<Frame>
  <img src="https://mintcdn.com/waffo/ufjGfSwGi0IBOUvV/images/dashboard/merchant-finance.png?fit=max&auto=format&n=ufjGfSwGi0IBOUvV&q=85&s=a5b2bb4125eda58f6da8144e96714111" alt="マーチャント財務 — 残高と出金" width="1432" height="966" data-path="images/dashboard/merchant-finance.png" />
</Frame>

***

## テスト vs 本番

<CardGroup cols={2}>
  <Card title="テストモード" icon="flask">
    * 実際の課金なし
    * 安全に実験
    * 独立したテストデータ
  </Card>

  <Card title="本番モード" icon="rocket">
    * 実際の支払い
    * 実際の入金
    * 準備ができたら切り替え
  </Card>
</CardGroup>

**ダッシュボードヘッダーで切り替え。** API では `X-Environment` ヘッダーで切り替え。必ず先にテスト。

***

## テストカード

### 成功する決済

| カード番号                 | タイプ              |
| --------------------- | ---------------- |
| `4576 7500 0000 0110` | Visa クレジット       |
| `2226 9000 0000 0110` | Mastercard クレジット |
| `4001 7000 0000 0110` | Visa デビット        |
| `2226 9300 0000 0110` | Mastercard デビット  |

### 拒否される決済

| カード番号                 | タイプ              |
| --------------------- | ---------------- |
| `4576 7500 0000 0220` | Visa クレジット       |
| `2226 9000 0000 0220` | Mastercard クレジット |
| `4001 7000 0000 0220` | Visa デビット        |
| `2226 9300 0000 0220` | Mastercard デビット  |

任意の将来の有効期限、任意のCVC。

***

## 本番稼働チェックリスト

本番モードに切り替える前に：

* [ ] チェックアウトフローをエンドツーエンドでテスト
* [ ] Webhook エンドポイントを確認（使用する場合）
* [ ] 入金用の銀行口座を追加（財務 → 入金設定）
* [ ] 事業情報を完成（設定 → 事業詳細）
* [ ] 製品価格を確認
* [ ] テストから本番に製品を同期

***

## 次のステップ

<CardGroup cols={2}>
  <Card title="製品" icon="box" href="/ja/features/products">
    価格モデル。トライアル。周期。
  </Card>

  <Card title="サブスクリプション" icon="repeat" href="/ja/features/subscriptions">
    継続課金。督促。ライフサイクル。
  </Card>

  <Card title="チェックアウト" icon="palette" href="/ja/features/checkout">
    あなたのブランド。あなたの色。私たちのインフラ。
  </Card>

  <Card title="インテグレーション" icon="webhook" href="/ja/features/integrations">
    APIキー。Webhooks。あなたのバックエンド。
  </Card>
</CardGroup>

***

## ヘルプが必要ですか？

<Card title="Discord に参加" icon="discord" href="https://discord.gg/waffo">
  コミュニティサポート。迅速な回答。
</Card>
