顧客のロケーションに応じたコンテンツを表示する
このページはMar 01, 2021に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/orders/status-tracking/customize-order-status/show-content-based-on-locationをご覧ください。
お客様の配送先住所が特定地域の場合にのみカスタムメッセージを、注文状況ページに追加できます。たとえば、米国ニューヨーク州のお客様にのみメッセージを表示することができます。複数の地域を指定することも可能です。
手順:
- 管理画面から、設定 > チェックアウトに移動します。
- Shopifyアプリから、[ストア] > [設定] に移動します。
- [ストアの設定] で、[チェックアウト] をタップします。
- Shopifyアプリから、[ストア] > [設定] に移動します。
- [ストアの設定] で、[チェックアウト] をタップします。
- [追加スクリプト] テキストボックスに、以下のサンプルコードを貼り付けます。
{% if checkout.shipping_address.country_code == 'US' and checkout.shipping_address.province_code == 'NY' %}
<script type="text/javascript">
var customMessage = document.createElement("div");
customMessage.innerHTML = '<div class="section" style="padding-top: 3em"><div class="content-box"><div class="content-box__row"><p class="os-step__description">TYPE YOUR CUSTOM MESSAGE HERE.</p></div></div></div>';
console.log(document.querySelector("[data-order-summary-section=payment-lines]"));
document.querySelector("[data-order-summary-section=payment-lines]").before(customMessage);
</script>
{% endif %}
- コードを編集して、お客様がカスタムメッセージを受け取る必要がある場所を指定します。これを行うには、コードブロックの上部にあるLiquidの
{% if %}
文で国と州の略語を編集する必要があります。上記のサンプルメッセージは、米国ニューヨーク州に在住のお客様に表示するように設定されています。
- 他の州のお客様にメッセージを表示するには、NY
をその州の略語に置き換えます。米国の郵便物に使用されている州の略語については、USPSの州の略語リストで確認できます。
- ニューヨークに加えて他の州に在住のお客様にもメッセージを表示するには、and checkout.shipping_address.province_code == 'XX'
を追加して、XX
にその州の略語を追加します。他の州をさらに追加する場合は、この手順を繰り返します。
- 他の国のお客様にメッセージを表示するには、US
をその国の略語に置き換えます。NY
をその新しい国の州の略語に置き換える必要もあります。州を特定しない場合、and checkout.shipping_address.province_code == 'NY'
を削除します。
Liquidのif
ステートメントの記述に関するさらに詳しいガイダンスについては、コントロールフロータグのLiquidリファレンスをご覧ください。
- テスト注文を実行し、注文状況ページに結果を表示します。