기준에 따라 주문 상태 페이지에 콘텐츠 표시하기

이 페이지는 Sep 16, 2024에 인쇄되었습니다. 최신 버전은 https://help.shopify.com/ko/manual/fulfillment/setup/order-status-page/customization/displaying-content-based-on-criteria에서 확인하십시오.

다음 기준에 따라 주문 상태 페이지에 콘텐츠를 표시할 수 있습니다.

고객의 위치
특정 제품의 주문
배송 방법

이 페이지의 정보

고객의 위치를 기준으로 콘텐츠 표시
특정 제품의 주문을 기준으로 콘텐츠 표시
배송 방법을 기준으로 콘텐츠 표시

고객의 위치를 기준으로 콘텐츠 표시

배송 주소가 특정 지역인 고객에게만 표시되는 주문 상태 페이지에 사용자 지정 메시지를 추가할 수 있습니다. 예를 들어, 미국 뉴욕 거주 고객에게만 메시지를 표시하도록 선택할 수 있습니다. 위치는 원하는 만큼 지정할 수 있습니다.

단계:

Shopify Admin에서 설정 > 결제로 이동합니다.
추가 스크립트 텍스트 상자에 다음 예제 코드를 붙여넣습니다.

<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>

코드를 편집하여 고객이 사용자 지정 메시지를 받아야 하는 위치를 지정합니다. 이를 수행하려면 코드 블록 상단에 있는 Liquid {% if %} 명령문 내부에서 국가 및 주 약어를 편집해야 합니다. 상기 예시의 메시지는 미국 뉴욕 거주 고객에게 표시되도록 설정되어 있습니다.
- 다른 주 거주 고객에게 메시지를 표시하려면 NY를 원하는 주 약어로 교체합니다. 미국 주에서 사용하는 우편용 약어는 USPS에서 주 약어 목록을 참조하십시오.
- 뉴욕 거주 고객과 함께 다른 주의 거주 고객에게도 메시지를 표시하려면 and checkout.shipping_address.province_code == 'XX'를 추가합니다. 여기서 XX는 추가할 주의 약어입니다. 주를 더 추가하려면 이 단계를 반복합니다.
- 다른 국가 거주 고객에게 메시지를 표시하려면 US를 원하는 국가 약어로 교체합니다. 또한 NY를 새 국가의 주 약어로 교체해야 합니다. 주를 지정하지 않으려면 다음을 삭제합니다. and checkout.shipping_address.province_code == 'NY'
- Liquid if 문 작성 관련 추가 지침은 제어 흐름 태그에서 Liquid 조를 확인하십시오.
주문 테스트를 수행하여 주문 상태 페이지의 결과를 확인합니다.

Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
스토어 설정 섹션에서 결제를 탭합니다.
추가 스크립트 텍스트 상자에 다음 예제 코드를 붙여넣습니다.

<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>

코드를 편집하여 고객이 사용자 지정 메시지를 받아야 하는 위치를 지정합니다. 이를 수행하려면 코드 블록 상단에 있는 Liquid {% if %} 명령문 내부에서 국가 및 주 약어를 편집해야 합니다. 상기 예시의 메시지는 미국 뉴욕 거주 고객에게 표시되도록 설정되어 있습니다.
- 다른 주 거주 고객에게 메시지를 표시하려면 NY를 원하는 주 약어로 교체합니다. 미국 주에서 사용하는 우편용 약어는 USPS에서 주 약어 목록을 참조하십시오.
- 뉴욕 거주 고객과 함께 다른 주의 거주 고객에게도 메시지를 표시하려면 and checkout.shipping_address.province_code == 'XX'를 추가합니다. 여기서 XX는 추가할 주의 약어입니다. 주를 더 추가하려면 이 단계를 반복합니다.
- 다른 국가 거주 고객에게 메시지를 표시하려면 US를 원하는 국가 약어로 교체합니다. 또한 NY를 새 국가의 주 약어로 교체해야 합니다. 주를 지정하지 않으려면 다음을 삭제합니다. and checkout.shipping_address.province_code == 'NY'
- Liquid if 문 작성 관련 추가 지침은 제어 흐름 태그에서 Liquid 조를 확인하십시오.
주문 테스트를 수행하여 주문 상태 페이지의 결과를 확인합니다.

Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
스토어 설정 섹션에서 결제를 탭합니다.
추가 스크립트 텍스트 상자에 다음 예제 코드를 붙여넣습니다.

<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>

코드를 편집하여 고객이 사용자 지정 메시지를 받아야 하는 위치를 지정합니다. 이를 수행하려면 코드 블록 상단에 있는 Liquid {% if %} 명령문 내부에서 국가 및 주 약어를 편집해야 합니다. 상기 예시의 메시지는 미국 뉴욕 거주 고객에게 표시되도록 설정되어 있습니다.
- 다른 주 거주 고객에게 메시지를 표시하려면 NY를 원하는 주 약어로 교체합니다. 미국 주에서 사용하는 우편용 약어는 USPS에서 주 약어 목록을 참조하십시오.
- 뉴욕 거주 고객과 함께 다른 주의 거주 고객에게도 메시지를 표시하려면 and checkout.shipping_address.province_code == 'XX'를 추가합니다. 여기서 XX는 추가할 주의 약어입니다. 주를 더 추가하려면 이 단계를 반복합니다.
- 다른 국가 거주 고객에게 메시지를 표시하려면 US를 원하는 국가 약어로 교체합니다. 또한 NY를 새 국가의 주 약어로 교체해야 합니다. 주를 지정하지 않으려면 다음을 삭제합니다. and checkout.shipping_address.province_code == 'NY'
- Liquid if 문 작성 관련 추가 지침은 제어 흐름 태그에서 Liquid 조를 확인하십시오.
주문 테스트를 수행하여 주문 상태 페이지의 결과를 확인합니다.

특정 제품의 주문을 기준으로 콘텐츠 표시

checkout.line_items 코드를 반복 사용하여 특별 제품이 주문에 포함되어 있는지 여부를 확인하는 방법을 설명합니다.

단계:

Shopify Admin에서 설정 > 결제로 이동합니다.
아래쪽으로 스크롤하여 추가 스크립트 섹션으로 이동합니다.
다음 코드를 클립보드에 복사(Mac의 경우 command + c, PC의 경우 ctrl + c)합니다.

<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>

코드를 추가 스크립트 상자에 붙여넣습니다. PC의 경우 ctrl+V를, Mac의 경우 command+V를 누릅니다.
주문 테스트를 완료하여 주문 상태 페이지를 확인합니다.

Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
스토어 설정 섹션에서 결제를 탭합니다.
아래쪽으로 스크롤하여 추가 스크립트 섹션으로 이동합니다.
다음 코드를 클립보드에 복사(Mac의 경우 command + c, PC의 경우 ctrl + c)합니다.

<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>

코드를 추가 스크립트 상자에 붙여넣습니다. PC의 경우 ctrl+V를, Mac의 경우 command+V를 누릅니다.
주문 테스트를 완료하여 주문 상태 페이지를 확인합니다.

Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
스토어 설정 섹션에서 결제를 탭합니다.
아래쪽으로 스크롤하여 추가 스크립트 섹션으로 이동합니다.
다음 코드를 클립보드에 복사(Mac의 경우 command + c, PC의 경우 ctrl + c)합니다.

<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>

코드를 추가 스크립트 상자에 붙여넣습니다. PC의 경우 ctrl+V를, Mac의 경우 command+V를 누릅니다.
주문 테스트를 완료하여 주문 상태 페이지를 확인합니다.

배송 방법을 기준으로 콘텐츠 표시

특정 배송 방법이 주문에 사용된 경우 주문 상태 페이지에 콘텐츠를 표시하기 위해 checkout.shipping_method.title 변수로 조건 스크립트를 사용할 수 있습니다.

예를 들어 오프라인 스토어 가까이 거주하는 고객이 사용 가능한 매장 내 픽업이 있다고 가정합니다. 해당 고객이 매장 내 픽업 옵션을 선택한 경우 주문 상태 페이지에서 귀하의 스토어 소매점 주소를 제공할 수 있습니다.

단계:

Shopify Admin에서 설정 > 결제로 이동합니다.
아래쪽으로 스크롤하여 추가 스크립트 섹션으로 이동합니다.
다음 코드를 클립보드에 복사(Mac의 경우 command+c, PC의 경우 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>

코드를 추가 스크립트 상자에 붙여넣습니다. (Mac의 경우 command+v, PC의 경우 ctrl+v)
주문 테스트를 완료하여 주문 상태 페이지를 확인합니다.

Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
스토어 설정 섹션에서 결제를 탭합니다.
아래쪽으로 스크롤하여 추가 스크립트 섹션으로 이동합니다.
다음 코드를 클립보드에 복사(Mac의 경우 command+c, PC의 경우 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>

코드를 추가 스크립트 상자에 붙여넣습니다. (Mac의 경우 command+v, PC의 경우 ctrl+v)
주문 테스트를 완료하여 주문 상태 페이지를 확인합니다.

Shopify 앱에서 … 버튼을 탭한 다음 설정을 탭합니다.
스토어 설정 섹션에서 결제를 탭합니다.
아래쪽으로 스크롤하여 추가 스크립트 섹션으로 이동합니다.
다음 코드를 클립보드에 복사(Mac의 경우 command+c, PC의 경우 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>

코드를 추가 스크립트 상자에 붙여넣습니다. (Mac의 경우 command+v, PC의 경우 ctrl+v)
주문 테스트를 완료하여 주문 상태 페이지를 확인합니다.

기준에 따라 주문 상태 페이지에 콘텐츠 표시하기

이 페이지의 정보

고객의 위치를 기준으로 콘텐츠 표시

단계:

특정 제품의 주문을 기준으로 콘텐츠 표시

단계:

배송 방법을 기준으로 콘텐츠 표시

단계:

Shopify와 함께 사업을 시작할 준비가 되셨습니까?