配送方法に応じたコンテンツを表示する

このページはApr 19, 2024に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/orders/status-tracking/customize-order-status/show-content-based-on-shipping-methodをご覧ください。

特定の配送方法が注文に使用されている場合、変数checkout.shipping_method.titleを持つ条件付きスプリプトを使用して、注文状況ページにコンテンツを表示することができます。

たとえば、実店舗の近隣のお客様に対して店舗受取オプションを提供するにあたり、この店舗受取オプションが選択された場合には、店舗住所を注文状況ページで表示することができます。

手順:

  1. 管理画面から、設定 > チェックアウトに移動します。
  2. [追加スクリプト] セクションまでスクロールします。
  3. クリップボードに以下のコードをコピーします (Macではcommand + c、Windowsではctrl + c)。 
  <script>
    // DEBUG {{ checkout.shipping_method.title }} has been used
    {% if checkout.shipping_method.title == 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
      )
    {% endif %}
  </script>
  1. このコードを [追加スクリプト] ボックスに貼り付けます(Macではcommand + v、Windowsではctrl + v)。
  2. テスト注文を完了し、注文状況ページを表示します。
  1. Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[チェックアウト] をタップします。
  3. [追加スクリプト] セクションまでスクロールします。
  4. クリップボードに以下のコードをコピーします (Macではcommand + c、Windowsではctrl + c)。 
  <script>
    // DEBUG {{ checkout.shipping_method.title }} has been used
    {% if checkout.shipping_method.title == 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
      )
    {% endif %}
  </script>
  1. このコードを [追加スクリプト] ボックスに貼り付けます(Macではcommand + v、Windowsではctrl + v)。
  2. テスト注文を完了し、注文状況ページを表示します。
  1. Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[チェックアウト] をタップします。
  3. [追加スクリプト] セクションまでスクロールします。
  4. クリップボードに以下のコードをコピーします (Macではcommand + c、Windowsではctrl + c)。 
  <script>
    // DEBUG {{ checkout.shipping_method.title }} has been used
    {% if checkout.shipping_method.title == 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
      )
    {% endif %}
  </script>
  1. このコードを [追加スクリプト] ボックスに貼り付けます(Macではcommand + v、Windowsではctrl + v)。
  2. テスト注文を完了し、注文状況ページを表示します。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す