품목 콘텐츠 블록

품목 콘텐츠 블록을 사용하면 고객의 체크아웃이 특정 조건을 충족할 때 체크아웃 주문 요약의 품목 아래에 특정 콘텐츠를 표시할 수 있습니다. 체크아웃의 여러 섹션에 표시할 수 있는 다른 유형의 콘텐츠 블록과 달리 이 블록은 카트의 품목 섹션 내의 체크아웃 주문 요약에만 표시됩니다.

이러한 유형의 블록은 특정 품목에 대한 배송 예상 시간 또는 할인 정책과 같은 정보를 표시하는 데 유용할 수 있습니다. 예를 들어 배송지가 뉴욕인 경우에만 표시되는 특정 제품의 배송 지연에 대한 일반 텍스트 메시지를 추가할 수 있습니다. 또 다른 예로 고객의 카트에 #final-sale 태그가 지정된 제품이 포함된 경우에만 표시되는 최종 할인 팝업 메시지를 표시할 수 있습니다.

다음 형식 중 하나로 품목 블록 콘텐츠를 표시할 수 있습니다.

  • 일반 텍스트
  • 배지
  • 도구 설명
  • 모달 팝업

Markdown을 사용하여 콘텐츠 서식을 지정하고 Liquid를 사용하여 콘텐츠에 변수를 추가할 수 있습니다. 콘텐츠에는 CSS, HTML, Javascript가 지원되지 않습니다.

단일 품목에 두 개 이상의 품목 콘텐츠 블록을 표시하는 경우 정렬 우선 순위를 사용하여 블록 순서를 변경할 수 있습니다.

품목 콘텐츠 블록 생성하기

Checkout Blocks 앱에서 품목 콘텐츠 블록을 생성하고 구성할 수 있습니다. 품목 콘텐츠 블록을 생성한 후에는 체크아웃에 추가해야 합니다.

단계:

  1. Shopify 관리자에서 > Checkout Blocks로 이동합니다.

  2. 블록을 클릭한 다음 블록 생성을 클릭합니다.

  3. 품목 콘텐츠를 클릭합니다.

  4. 블록 이름 섹션에 블록의 이름을 입력합니다. 이 이름은 고객에게 표시되지 않습니다.

  5. 표시 규칙 섹션에서 블록 표시 규칙을 설정하세요.

    • 모든 고객 및 모든 품목에 블록을 표시하려면 표시 규칙 섹션을 비워 둡니다.
    • 표시 규칙을 생성하려면 ⊕ 표시 규칙 추가를 클릭한 다음 규칙을 구성합니다. 필요한 만큼 표시 규칙을 추가합니다.
  6. 콘텐츠 섹션에서 블록의 콘텐츠를 추가하고 사용자 지정합니다.

    1. 표시 유형 메뉴에서 콘텐츠 형식을 선택합니다.
    2. 선택 사항: 블록이 도구 설명 또는 모달에서 열기인 경우 콘텐츠 제목을 입력합니다.
    3. 콘텐츠 텍스트 필드에 콘텐츠를 입력합니다. Markdown 및 Liquid를 사용하여 콘텐츠 서식을 지정할 수 있습니다.
    4. 선택 사항: 스타일 섹션에서 아이콘 또는 텍스트 정렬 및 색상을 포함하여 콘텐츠의 스타일을 사용자 지정할 수 있습니다.
  7. 선택 사항: 게시 섹션에서 연필 아이콘을 클릭하여 블록을 표시할 마켓과 체크아웃 페이지를 선택합니다.

  8. 저장을 클릭합니다.

블록은 기본적으로 임시 보관으로 저장됩니다. 블록을 게시할 준비가 되면 상태 섹션의 드롭다운 메뉴에서 활성을 선택합니다.

체크아웃에 품목 콘텐츠 블록 추가하기

품목 콘텐츠 블록은 품목 편집 블록의 일부로 체크아웃에 표시됩니다. 품목 콘텐츠를 표시하려면 먼저 품목 콘텐츠 블록을 활성 옵션으로 설정한 품목 편집 블록을 생성해야 합니다. 체크아웃에 표시하려면 기존 품목 콘텐츠 블록활성으로 설정해야 합니다.

모든 해당 품목 콘텐츠 블록이 콘텐츠를 표시하도록 하려면 품목 편집 블록을 체크아웃에 한 번만 추가하면 됩니다. 여러 품목 콘텐츠 블록이 활성화된 경우 정렬 우선 순위를 조정하여 표시 순서를 선택할 수 있습니다.

단계:

  1. Shopify 관리자에서 > Checkout Blocks로 이동합니다.

  2. 블록을 클릭합니다.

  3. 체크아웃에 추가할 품목 콘텐츠 블록을 클릭합니다.

  4. 추가 작업 ⌄ > 체크아웃에 추가를 클릭합니다.

  5. 원하는 체크아웃 구성을 선택한 다음 편집기 열기를 클릭합니다.

  6. 체크아웃 및 계정 편집기에서 체크아웃에 품목 편집 블록을 추가합니다.

    1. 블록을 추가할 체크아웃 페이지로 이동합니다.
    2. 주문 요약 섹션에서 ⊕ 블록 추가를 클릭합니다.
    3. 품목 편집 Checkout Blocks 옵션을 클릭합니다.
  7. 저장을 클릭합니다.