メインコンテンツへスキップ

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管理画面での1回限りの変更です。約2分で完了し、お客様が注文を編集できることを発見するのに役立ちます。

なぜこれを行うのか

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

変更する内容

ボタンテキスト

「View your order」を 「View or Edit your order」 に変更

編集ウィンドウメッセージ

ボタンの下に行を追加:「You have 60 minutes to edit your order.」
ボタンは引き続き{{ order_status_url }}にリンクしています。これはRevize編集ポータルが表示されるのと同じ注文ステータスページです。リンクの動作については何も変わりません。

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

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

1

Shopify管理画面に移動

Shopify管理画面を開き、左下隅のSettingsをクリックします。
2

Notificationsを開く

設定メニューでNotificationsをクリックします。
3

メールテンプレートを選択

Order confirmationをクリックします(編集する最も一般的なもの)。「View your order」ボタンを持つ任意の通知(Shipping confirmationShipping updateなど)でこれを繰り返せます。
4

コードエディタを開く

メールエディタの右上のEdit codeをクリックします。ShopifyがHTML/Liquidテンプレートを開きます。

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

Ctrl + F(Windows)またはCmd + F(Mac)で次を検索します:
View your order
次のようなボタン要素内に見つかります。
<a href="{{ order_status_url }}">View your order</a>
周りの正確なHTMLはテーマによって異なりますが、テキストとURLは常に同じです。

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

ボタンテキストを次に置き換えます:
<a href="{{ order_status_url }}">View or Edit your order</a>
それだけです。リンクは同じままで、ラベルだけが変わります。

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

ボタンコードの直下に、この行を追加します。
<p style="font-size: 14px; color: #666666; margin-top: 10px; text-align: center;">
  You have 60 minutes to edit your order after checkout.
</p>
60 minutesを実際の編集ウィンドウの設定に置き換えます。編集ウィンドウが30分なら「30 minutes」と書きます。2時間なら「2 hours」と書きます。

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

1

メールをプレビュー

Previewをクリックして、更新されたメールがどう見えるかを確認します。ボタンのテキストが「View or Edit your order」と表示され、その下にメッセージが表示されることを確認します。
2

テストメールを送信(任意)

Send test emailをクリックして、お客様が受信トレイで実際に何を受け取るかを確認します。
3

保存

Saveをクリックして変更を適用します。今後のすべての注文確認メールが新しいボタンテキストとメッセージを使用します。

結果の例

変更後にお客様が受信トレイで見る内容:
Thank you for your order!

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

トラブルシューティング

一部のテーマは「View my order」や「View order details」のようなわずかに異なる文言を使用します。代わりにorder_status_urlを検索してみてください。これはShopifyが使用するURL変数で、ボタンテキストはその隣にあります。
<p>タグをボタン内ではなく、ボタンの</a>終了タグのに貼り付けたことを確認してください。ボタンがテーブルセル(<td>)に包まれている場合、メッセージを同じセル内のボタンリンクの後に配置します。
はい。これは標準のHTMLです。font-sizecolor、またはmargin-topの値をブランドに合わせて変更できます。<strong>で太字にしたり、配置を変更したりすることもできます。
いいえ。各通知テンプレートは独立しています。注文確認テンプレートへの変更は、配送確認や他のメールには影響しません。それぞれを個別に更新する必要があります。

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