顧客のロケーションに応じたコンテンツを表示する

注意

これは高度なチュートリアルであり、Shopifyではサポートされていません。HTML、CSS、JavaScript、Liquidなどのウェブデザイン言語の知識が必要です。以下のチュートリアルを実行する自信がない場合、Shopify Expertを雇う ことをおすすめします。

お客様の配送先住所が特定地域の場合にのみカスタムメッセージを、注文状況ページに追加できます。たとえば、米国ニューヨーク州のお客様にのみメッセージを表示することができます。複数の地域を指定することも可能です。

手順:

デスクトップ

1. 管理画面から、設定 > チェックアウトに移動します。

iPhone

1. Shopifyアプリから、[ストア] > [設定] に移動します。
2. [ストアの設定] で、[チェックアウト] をタップします。

Android

1. Shopifyアプリから、[ストア] > [設定] に移動します。
2. [ストアの設定] で、[チェックアウト] をタップします。

1. [追加スクリプト] テキストボックスに、以下のサンプルコードを貼り付けます。

<script>
{% if checkout.shipping_address.country_code == 'US' and checkout.shipping_address.province_code == 'NY' %}
    Shopify.Checkout.OrderStatus.addContentBox(
    '<h2>YOUR TITLE HERE</h2>',
    '<p>YOUR MESSAGE HERE</p>'
    )
{% endif %}
</script>

1. コードを編集して、お客様がカスタムメッセージを受け取る必要がある場所を指定します。これを行うには、コードブロックの上部にあるLiquidの{% if %} 文で国と州の略語を編集する必要があります。上記のサンプルメッセージは、米国ニューヨーク州に在住のお客様に表示するように設定されています。

- 他の州のお客様にメッセージを表示するには、NYをその州の略語に置き換えます。米国の郵便物に使用されている州の略語については、USPSの州の略語リストで確認できます。 - ニューヨークに加えて他の州に在住のお客様にもメッセージを表示するには、and checkout.shipping_address.province_code == 'XX'を追加して、XXにその州の略語を追加します。他の州をさらに追加する場合は、この手順を繰り返します。 - 他の国のお客様にメッセージを表示するには、USをその国の略語に置き換えます。NYをその新しい国の州の略語に置き換える必要もあります。州を特定しない場合、and checkout.shipping_address.province_code == 'NY'を削除します。

Liquidのifステートメントの記述に関するさらに詳しいガイダンスについては、コントロールフロータグのLiquidリファレンスをご覧ください。

1. テスト注文を実行し、注文状況ページに結果を表示します。