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

# ループ

> Dodo Paymentsのイベントに基づいて、トランザクションメールを送信し、顧客コミュニケーションをループで管理します。

## はじめに

支払いイベントが発生したときに、トランザクションメールを自動的に送信し、顧客コミュニケーションを管理します。ループのメールインフラストラクチャを使用して、支払い確認、サブスクリプションの更新、および重要な通知を配信します。

<Info>
  この統合には、Loops API キーによる認証が必要です。
</Info>

## 始め方

<Steps>
  <Step title="Open the Webhook Section">
    Dodo Payments ダッシュボードで、<b>Webhooks → + エンドポイント追加</b> に移動し、統合のドロップダウンを展開します。

    <Frame>
      <img src="https://mintcdn.com/dodopayments/slbAEdrLLwKHfaRf/images/integrations/loops.png?fit=max&auto=format&n=slbAEdrLLwKHfaRf&q=85&s=2d66cf4c1f562427613d7b2704dcc8a3" alt="Add Endpoint and integrations dropdown" style={{ maxHeight: '500px', width: 'auto' }} width="1656" height="940" data-path="images/integrations/loops.png" />
    </Frame>
  </Step>

  <Step title="Select Loops">
    <b>Loops</b> 統合カードを選択します。
  </Step>

  <Step title="Enter API Key">
    Loops API キーを構成に入力します。
  </Step>

  <Step title="Configure Transformation">
    変換コードを編集して Loops の API 向けにメールを整形します。
  </Step>

  <Step title="Test & Create">
    サンプルペイロードでテストし、<b>Create</b> をクリックしてメール送信を有効化します。
  </Step>

  <Step title="Done!">
    🎉 支払いイベントが Loops 経由でトランザクショナルメールを自動的にトリガーします。
  </Step>
</Steps>

## 変換コードの例

### 支払い確認メール

```javascript payment_confirmation.js icon="js" expandable theme={null}
function handler(webhook) {
  if (webhook.eventType === "payment.succeeded") {
    const p = webhook.payload.data;
    webhook.url = "https://api.loops.so/v1/events/send";
    webhook.payload = {
      eventName: "payment_confirmation",
      email: p.customer.email,
      properties: {
        customer_name: p.customer.name,
        payment_id: p.payment_id,
        amount: (p.total_amount / 100).toFixed(2),
        currency: p.currency || "USD",
        payment_method: p.payment_method || "unknown",
        payment_date: new Date(webhook.payload.timestamp).toLocaleDateString()
      }
    };
  }
  return webhook;
}
```

### サブスクリプションウェルカムメール

```javascript subscription_welcome.js icon="js" expandable theme={null}
function handler(webhook) {
  if (webhook.eventType === "subscription.active") {
    const s = webhook.payload.data;
    webhook.url = "https://api.loops.so/v1/events/send";
    webhook.payload = {
      eventName: "subscription_welcome",
      email: s.customer.email,
      properties: {
        customer_name: s.customer.name,
        subscription_id: s.subscription_id,
        product_id: s.product_id,
        amount: (s.recurring_pre_tax_amount / 100).toFixed(2),
        frequency: s.payment_frequency_interval,
        next_billing: s.next_billing_date
      }
    };
  }
  return webhook;
}
```

### 支払い失敗通知

```javascript payment_failure.js icon="js" expandable theme={null}
function handler(webhook) {
  if (webhook.eventType === "payment.failed") {
    const p = webhook.payload.data;
    webhook.url = "https://api.loops.so/v1/events/send";
    webhook.payload = {
      eventName: "payment_failed",
      email: p.customer.email,
      properties: {
        customer_name: p.customer.name,
        payment_id: p.payment_id,
        amount: (p.total_amount / 100).toFixed(2),
        error_message: p.error_message || "Payment processing failed",
        retry_link: `https://yourdomain.com/retry-payment/${p.payment_id}`
      }
    };
  }
  return webhook;
}
```

## ヒント

* より良いメールテンプレートの整理のために、説明的なイベント名を使用する
* パーソナライズのために関連する顧客プロパティを含める
* 各イベントのためにループダッシュボードでメールテンプレートを設定する
* イベント間で一貫したプロパティ名を使用する
* 本番環境に移行する前にメール配信をテストする

## トラブルシューティング

<AccordionGroup>
  <Accordion title="Emails not being sent">
    * API キーが正しくアクティブであることを確認
    * イベント名が Loops テンプレートと一致していることを確認
    * 受信者のメールアドレスが有効であることを確認
    * Loops の送信制限とクォータを確認
  </Accordion>

  <Accordion title="Transformation errors">
    * JSON 構造が Loops API フォーマットに一致していることを検証
    * 必要なすべてのフィールドが存在することを確認
    * イベント名が適切にフォーマットされていることを確認
    * API キーの権限を検証
  </Accordion>
</AccordionGroup>