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

> ## Agent Instructions
> Revize is a Shopify order-editing app by Untechnickle. Customers edit the same order after checkout on the Shopify order status page, inside a merchant-controlled window, before fulfillment.
> Canonical docs: https://docs.revize.app. App listing: https://apps.shopify.com/revize. Public cancellation API: https://docs.revize.app/features/cancellation-api.
> Do not confuse the How to Test Revize draft-order walkthrough with Test Mode, which hides the portal from untagged customers.

# Shopifyのメールアップセル：あらゆるメールから注文に商品を追加

> Shopify Email、Shopifyの注文確認、Klaviyo、またはあらゆるメールツールにAdd to orderボタンを設置できます。お客様はすでに確定した注文に商品を追加し、差額だけを支払います。

<Note>
  メールアップセルを使うと、購入後メールに**Add to order**ボタンを設置できます。ワンクリックで、お客様がすでに確定した注文に商品が追加され、お客様はShopifyの注文状況ページで差額だけを支払います。すべてまとめて届きます。
</Note>

<img src="https://mintcdn.com/revize/s3p39BdewQ3N-5oB/images/features/email-upsell-flow.png?fit=max&auto=format&n=s3p39BdewQ3N-5oB&q=85&s=bdaa3626c0e9f4ce37a2b29ab2815f06" alt="お客様がメール内のAdd to orderをクリックすると、同じ注文に商品が追加され、差額だけを支払う流れ" style={{ borderRadius: "12px", width: "100%", boxShadow: "0 4px 14px rgba(0,0,0,0.08)" }} title="メールからワンクリックで、支払い済みの追加商品へ" width="1536" height="1024" data-path="images/features/email-upsell-flow.png" />

## 始める前に

* メールアップセルは、**Proプラン**の**アップセル**機能に含まれます。
* お客様が商品を追加できるのは、注文がまだ編集可能な間だけです。メールは[編集ウィンドウ](/ja/setup/edit-window)内に送信してください。
* チェックアウト後に送信されるメールが必要です。Shopify Email、Shopifyの注文確認、Klaviyoのフロー、またはリンクにShopifyの注文IDを挿入できる任意のメールツールを利用できます。

## 設定する

<Steps>
  <Step title="Email upsellsを開く">
    Revizeで**Upsell**に移動し、オファー一覧の下にあるEmail upsellsカードで**Set up email upsells**をクリックします。
  </Step>

  <Step title="機能をオンにする">
    **Add products from email links**をオンにして保存します。オンにするまでは、リンクを開いても注文が表示されるだけで、何も追加されません。
  </Step>

  <Step title="メールツールを選ぶ">
    **Shopify Email**、**Shopify order emails**、**Klaviyo**、**Other**のいずれかを選びます。選んだツールに合った注文IDタグをRevizeが自動で入力します。
  </Step>

  <Step title="商品を最大3つ選ぶ">
    **Select products**をクリックし、表示する商品にチェックを入れます。オプションのある商品は、バリアントを1つ選ぶか、**Any in stock**のままにします。**Any in stock**にすると、お客様がクリックした時点で在庫のある最初のバリアントが追加されます。
  </Step>

  <Step title="ブロックをコピーしてメールに貼り付ける">
    完成済みの**Email block**をコピーするか、**Links only**を使って独自のボタンや画像にリンクを設定します。その後、下記のメールツール別の手順に従ってください。
  </Step>
</Steps>

<img src="https://mintcdn.com/revize/s3p39BdewQ3N-5oB/images/setup/email-upsells-builder.png?fit=max&auto=format&n=s3p39BdewQ3N-5oB&q=85&s=476aa87a4b046dc8c467aa80f8670335" alt="メールツールの選択、選択した商品、Copy codeボタンが表示されたRevizeのEmail upsellsページ" style={{ borderRadius: "12px", width: "100%", boxShadow: "0 4px 14px rgba(0,0,0,0.08)" }} title="メールツールと商品を選び、ブロックをコピーします" width="1536" height="1024" data-path="images/setup/email-upsells-builder.png" />

## メールツールに追加する

<Tabs>
  <Tab title="Shopify Email">
    `{{ customer.last_order.id }}`を使うため、各メールはお客様が直前に行った注文にリンクします。

    1. Shopify管理画面で**Apps → Messaging → Automations**に移動し、**Thank customers after they purchase**を開きます。
    2. **Custom Liquid**セクションを追加し、ブロックを貼り付けます。
    3. メールが編集ウィンドウ内に届くよう、オートメーションの待機時間を短くします。Shopifyのテンプレートは、デフォルトで1日以上待機します。
    4. 実際の注文でテストしてください。Shopifyはテスト注文をお客様の最新の注文として扱わないため、ここではテスト注文では動作しません。
  </Tab>

  <Tab title="Shopifyの注文メール">
    注文確認で`{{ id }}`を使います。注文確認はチェックアウト直後、注文がまだ編集可能な間に送信されます。

    1. Shopify管理画面で**Settings → Notifications → Customer notifications → Order confirmation**に移動します。
    2. **Edit code**をクリックし、注文概要の下など、表示したい位置にブロックを貼り付けます。
    3. 保存してテスト注文を行い、注文確認メールの**Add to order**をクリックします。
  </Tab>

  <Tab title="Klaviyo">
    **Placed Order**など、Shopifyの注文をトリガーとする任意のフローで`{{ event.extra.id }}`を使います。

    1. 注文後のお客様にメールを送るフローを開きます。
    2. **HTML**ブロックを追加し、ブロックを貼り付けます。
    3. テスト注文を行い、メールを開いて**Add to order**をクリックします。

    自動的に入れ替わる商品を表示したい場合は、代わりに**Web feed**タブを使ってください。Klaviyoのカスタムウェブフィードから商品を取得するため、Revizeで商品を選ぶ必要はありません。Klaviyo標準の商品フィードはHTMLブロックでは動作しません。
  </Tab>

  <Tab title="その他">
    Omnisend、Mailchimp、およびリンクにShopifyの注文IDを挿入できるあらゆるツールで使えます。

    1. ツールで**Shopify order ID**を表すタグを、**Order ID tag**に入力します。#1001のような注文番号ではなく、注文ID（Shopify管理画面の注文URLに含まれる数字）を使ってください。
    2. 注文後にお客様が受け取るメールに**HTML**ブロックを追加し、ブロックを貼り付けます。
    3. テスト注文を行い、メール内の**Add to order**をクリックします。
  </Tab>
</Tabs>

<Tip>
  ブロックには、作成した時点の各商品の画像、タイトル、価格がコピーされます。後で商品を変更した場合は、ブロックを作り直し、メール内のブロックと差し替えてください。
</Tip>

## お客様に表示される内容

お客様が**Add to order**をクリックすると、Revizeが注文に商品を追加し、Shopifyの注文状況ページを開きます。お客様はそこで差額を支払います。ログインも新しいチェックアウトも不要です。

* **1つのリンクにつき追加は1回：** ダブルクリックや24時間以内の繰り返しクリックでも、商品が追加されるのは1回だけです。
* **注文が編集可能な間のみ：** 編集ウィンドウが閉じた後や、商品が在庫切れの場合、リンクは注文ページを開くだけで、注文は変更されません。
* **まとめて発送：** ほかのアップセルと同様に、Revizeは追加された商品を支払いが完了するまでフルフィルメント保留にします。

メールから変更された注文には`revize:email_upsell`タグが付きます。Email upsellsページで**View orders**をクリックすると、Shopifyで該当する注文を確認できます。

## よくある質問

<AccordionGroup>
  <Accordion title="開発者は必要ですか？" icon="code">
    いいえ。ブロックはRevizeが作成します。それをコピーして、メールのHTMLセクションまたはCustom Liquidセクションに貼り付けるだけです。
  </Accordion>

  <Accordion title="独自のメールデザインを使えますか？" icon="paintbrush">
    はい。**Links only**を開いて商品ごとにリンクをコピーし、メール内の任意のボタンや画像に設定してください。
  </Accordion>

  <Accordion title="SMSでも使えますか？" icon="comment-sms">
    はい。SMSツールがリンクにShopifyの注文IDを挿入できる場合は使えます。**Other**を選び、**Links only**からリンクをコピーしてください。
  </Accordion>

  <Accordion title="注文が編集できなくなった後にお客様がクリックした場合はどうなりますか？" icon="clock">
    何も追加されません。お客様にはいつもどおり注文ページが表示されます。
  </Accordion>
</AccordionGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.