> ## 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.

# 注文確認メール

> Shopify通知メールの「View my order」ボタンを「View or Edit your order」に編集し、編集ウィンドウに関するメッセージを追加します。

<Info>
  これはShopify管理画面での1回限りの変更です。約2分で完了し、お客様が注文を編集できることを発見するのに役立ちます。
</Info>

## なぜこれを行うのか

Shopifyのデフォルト注文確認メールには\*\*「View your order」\*\*ボタンがあります。お客様はそれをクリックしますが、実は注文を*編集*できることを知りません。シンプルなテキストの変更でこれを修正でき、ボタンの下の小さなメッセージで残り時間を伝えられます。

**変更前：** 「View your order」
**変更後：** 「View or Edit your order」+ 編集できる時間を示す行。

***

## 変更する内容

<CardGroup cols={2}>
  <Card title="ボタンテキスト" icon="pen" color="#6366f1">
    「View your order」を **「View or Edit your order」** に変更
  </Card>

  <Card title="編集ウィンドウメッセージ" icon="clock" color="#0ea5e9">
    ボタンの下に行を追加：**「You have 60 minutes to edit your order.」**
  </Card>
</CardGroup>

<Note>
  ボタンは引き続き`{{ order_status_url }}`にリンクしています。これはRevize編集ポータルが表示されるのと同じ注文ステータスページです。リンクの動作については何も変わりません。
</Note>

***

## ステップバイステップのセットアップ

### ステップ1：通知テンプレートを開く

<Steps>
  <Step title="Shopify管理画面に移動">
    Shopify管理画面を開き、左下隅の**Settings**をクリックします。
  </Step>

  <Step title="Notificationsを開く">
    設定メニューで**Notifications**をクリックします。
  </Step>

  <Step title="メールテンプレートを選択">
    **Order confirmation**をクリックします（編集する最も一般的なもの）。「View your order」ボタンを持つ任意の通知（**Shipping confirmation**や**Shipping update**など）でこれを繰り返せます。
  </Step>

  <Step title="コードエディタを開く">
    メールエディタの右上の**Edit code**をクリックします。ShopifyがHTML/Liquidテンプレートを開きます。
  </Step>
</Steps>

***

### ステップ2：ボタンを見つける

**Ctrl + F**（Windows）または**Cmd + F**（Mac）で次を検索します：

```
View your order
```

次のようなボタン要素内に見つかります。

```liquid theme={null}
<a href="{{ order_status_url }}">View your order</a>
```

周りの正確なHTMLはテーマによって異なりますが、テキストとURLは常に同じです。

***

### ステップ3：ボタンテキストを変更

ボタンテキストを次に置き換えます：

```liquid theme={null}
<a href="{{ order_status_url }}">View or Edit your order</a>
```

それだけです。リンクは同じままで、ラベルだけが変わります。

***

### ステップ4：編集ウィンドウメッセージを追加

ボタンコードの**直下**に、この行を追加します。

```html theme={null}
<p style="font-size: 14px; color: #666666; margin-top: 10px; text-align: center;">
  You have 60 minutes to edit your order after checkout.
</p>
```

<Tip>
  **60 minutes**を実際の[編集ウィンドウ](/ja/setup/edit-window)の設定に置き換えます。編集ウィンドウが30分なら「30 minutes」と書きます。2時間なら「2 hours」と書きます。
</Tip>

***

### ステップ5：プレビューと保存

<Steps>
  <Step title="メールをプレビュー">
    **Preview**をクリックして、更新されたメールがどう見えるかを確認します。ボタンのテキストが「View or Edit your order」と表示され、その下にメッセージが表示されることを確認します。
  </Step>

  <Step title="テストメールを送信（任意）">
    **Send test email**をクリックして、お客様が受信トレイで実際に何を受け取るかを確認します。
  </Step>

  <Step title="保存">
    **Save**をクリックして変更を適用します。今後のすべての注文確認メールが新しいボタンテキストとメッセージを使用します。
  </Step>
</Steps>

***

## 結果の例

変更後にお客様が受信トレイで見る内容：

<Tabs>
  <Tab title="変更前">
    ```
    Thank you for your order!

    [ View your order ]
    ```
  </Tab>

  <Tab title="変更後">
    ```
    Thank you for your order!

    [ View or Edit your order ]
    You have 60 minutes to edit your order after checkout.
    ```
  </Tab>
</Tabs>

ボタンはRevize編集ポータルがライブの注文ステータスページにリンクします。お客様には注文の概要と利用可能なすべての編集オプションが表示されます。

***

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

<AccordionGroup>
  <Accordion title="テンプレートで「View your order」が見つからない" icon="circle-exclamation">
    一部のテーマは「View my order」や「View order details」のようなわずかに異なる文言を使用します。代わりに`order_status_url`を検索してみてください。これはShopifyが使用するURL変数で、ボタンテキストはその隣にあります。
  </Accordion>

  <Accordion title="ボタンの下にメッセージが表示されない" icon="circle-exclamation">
    `<p>`タグをボタン内ではなく、ボタンの`</a>`終了タグの**後**に貼り付けたことを確認してください。ボタンがテーブルセル（`<td>`）に包まれている場合、メッセージを同じセル内のボタンリンクの後に配置します。
  </Accordion>

  <Accordion title="メッセージのスタイルを変更できますか？" icon="paintbrush">
    はい。これは標準のHTMLです。`font-size`、`color`、または`margin-top`の値をブランドに合わせて変更できます。`<strong>`で太字にしたり、配置を変更したりすることもできます。
  </Accordion>

  <Accordion title="これは他の通知メールに影響しますか？" icon="circle-question">
    いいえ。各通知テンプレートは独立しています。注文確認テンプレートへの変更は、配送確認や他のメールには影響しません。それぞれを個別に更新する必要があります。
  </Accordion>
</AccordionGroup>

***

<Check>
  **完了。** これでお客様は注文確認メールに「View or Edit your order」が表示され、変更できる時間についての明確なメッセージを見ることができます。
</Check>