自動での配達日の設定

チェックアウト時に、輸送予定時間の代わりに自動での配達日を表示できます。配達日とは、配送予定10月30日 (月) など、特定の日付のことです。配達日を表示すると、お客様に購入を完了するよう促すことができるため、結果として売上の増加につながります。また、お客様は配達予定日を検索するためにオンラインストアの他のページに移動する必要はありません。

以下に示すところで、お客様に自動化された配達日が表示されます。

製品のページ。
チェックアウトやShop Payなどの簡単なチェックアウト。
注文確認メール。
チェックアウト後にサンキューページと注文状況ページが表示されます。

自動化された配達日を使用する際の考慮事項と要件

お客様に自動での配達日を表示するには、ストアが次の条件を満たしている必要があります。

Basicプランまたはそれ以上のプランを利用していること。
アメリカ国内でアクティブなフルフィルメントのロケーションがある。
配送設定など、関連するShopify機能の最新バージョンを使用してください。
Shopify適正利用規約に違反したことがない。
米国内の注文を最低1件以上発送済みにしてください。

また、注文に配送日を表示するには、次の条件も満たしている必要があります。

お客様の拠点が米国内に置かれている。
配送日の予測が5日以内であること。
注文の商品が米国内のロケーションに在庫があり、すぐに発送可能であること。
注文の商品は、対応している配送業者によって発送されること。
注文の商品が次のいずれでもないこと。 - デジタル商品。 - 予約注文。 - サブスクリプション。 - 購入前のお試し。

ストアで自動での配達日を有効にする前に、次の点を確認してください。

自動での配達日を有効にする前に、配送オプション名から配送時間を削除し、代わりに配送オプションの説明欄に記載することをおすすめします。
注文の配送予測が5日を超え、かつ配送オプションの説明欄が空白か25文字を超える場合は、代わりに [発送準備完了] が表示されます。
お客様から商品が破損している、誤っている、または遅れていると報告があった場合は、直接お客様と対応して問題を解決する責任があります。

自動化された配達日とShop Promise

自動での配達日は、Shop Promiseとは異なります。Shop Promiseには次の特徴と要件があり、これらは自動での配達日には適用されません。

Shop Promiseは、対象となる注文に対して限定的な保証を提供します。
Shop Promiseを利用するには、Shop Promiseの配送基準を満たし、Shop Payを有効化する必要があります。

Shop Promiseと自動での配達日は同時に利用できます。両方の機能を有効にしている場合、対象となる注文にはShop Promiseのバッジが表示されます。注文が対象外の場合、またはShop Promiseが一時停止または無効化されている場合は、自動での配達日が表示されます。

自動での配達日に対応している配送業者

自動での配達日に対応している配送業者は次の通りです。

AxleHire
Better Trucks
CDL Last Mile
DHL Express
FedEx
GLS US
Lasership
Lone Star Overnight
OnTrac
TForce Final Mile
UPS
USPS
United Delivery Service

自動化された配達日を有効にする

管理画面から、[設定] > [配送と配達] に移動します。
[配達予定日] セクションで、トグルをクリックして [自動での配達日] をオンにします。
[有効化する] をクリックします。

[有効化] をクリックすると、自動での配達日がストアに表示されます。

自動化された配達日を無効にする

管理画面から、[設定] > [配送と配達] に移動します。
[配送予定日] セクションで、トグルをクリックして [自動化された配達日] をオフにします。
[無効化する] をクリックします。

[無効化] をクリックすると、自動化された配達日はストアから削除されます。

商品ページに自動での配達日を表示する

自動での配達日を有効化した後、テーマエディタを使って商品ページに移動し、配達日モジュールが正しく表示されているか確認してください。配達日モジュールが表示されていない場合は、手動でモジュールの配置を調整する必要があります。変更を加える前に、テーマを複製して、いつでも変更を元に戻せるようにしてください。

自動での配達日モジュールの配置を調整する

管理画面から [オンラインストア] > [テーマ] に移動します。
編集したいテーマを見つけて、ボタンをクリックし、アクションメニューを開いてから、[コードを編集] をクリックしてください。
関連するファイルを開きます。
{%- if block.settings.show_dynamic_checkout -%}または{{ form | payment_button }}を含む行を見つけます。
その行の直下に新しい行を作成し、次のコードを貼り付けてください。 <div class="delivery-promise__promise-container"></div>
[保存] をクリックします。

配達日モジュールのテーマを手動で上書きする

配達日モジュールにはダークテーマとライトテーマがあります。モジュールは商品ページの背景色と最もコントラスト比が高いテーマを自動で使用しますが、手動で表示するテーマを選択することもできます。

手順

管理画面から [オンラインストア] > [テーマ] に移動します。
編集したいテーマを見つけて、ボタンをクリックし、アクションメニューを開いてから、[コードを編集] をクリックしてください。
関連するファイルを開きます。
<div class="delivery-promise__promise-container"></div>が含まれている行を探します。
希望するテーマを指定するコードを追加してください。
- ダークテーマを使うには、この行を<div class="delivery-promise__promise-container" data-theme="dark"></div>に編集します。
- ライトテーマを使うには、この行を<div class="delivery-promise__promise-container" data-theme="light"></div>に編集します。
[保存] をクリックします。

注文確認メールに自動での配達日を追加するカスタマイズ

対象の配送には、注文確認メールに自動での配達日が表示されます。

ただし、以前に注文確認メールをカスタマイズしたことがある場合、配達日はメールに自動で追加されません。メール通知に自動化された配達日を追加するには、メールテンプレートを手動でカスタマイズする必要があります。

手順

管理画面から、[設定] > [通知] に移動します。
[注文の確認] をクリックします。
[コードを編集] をクリックします。
メール本文で、{{ shipping_method.title }}が含まれている行を探します。
{{ shipping_method.title }}含む行を、以下のコードに置き換えます。

{% if delivery_promise_branded_shipping_line %}
  {{ delivery_promise_branded_shipping_line }}
{% else %}
  {{ shipping_method.title }}
{% endif %}

[保存] をクリックします。