품목 콘텐츠 블록
품목 콘 텐츠 블록을 사용하면 고객의 결제에서 특정 조건이 충족되는 경우 결제 주문 요약의 품목 아래에 특정 콘텐츠를 표시할 수 있습니다. 결제의 여러 섹션에 표시할 수 있는 다른 콘텐츠 블록 유형과 달리 이 블록은 카트의 품목 섹션 내 결제 주문 요약에만 표시됩니다.
이 유형의 블록은 특정 품목에 대한 배송 예상이나 판매 정책 등의 정보를 표시하는 데 유용할 수 있습니다. 예를 들어 배송 주가 뉴욕일 때만 표시되는 특정 제품의 배송 지연에 대한 일반 텍스트 메시지를 추가할 수 있습니다. 또 다른 예로는 고객의 카트에 #final-sale 태그가 지정된 제품이 포함된 경우에만 표시되는 팝업 최종 할인 메시지를 표시할 수 있습니다.
품목 블록 콘텐츠는 다음 형식 중 하나로 표시할 수 있습니다.
- 일반 텍스트
- 배지
- 툴팁
- 모달 팝업
Markdown을 사용하여 콘텐츠의 서식을 지정하고 Liquid를 사용하여 콘텐츠에 변수를 추가할 수 있습니다. 콘텐츠에는 CSS, HTML 및 Javascript가 지원되지 않습니다.
단일 품목에 두 개 이상의 품목 콘텐츠 블록을 표시하는 경우 정렬 우선 순위를 사용하여 블록을 재정렬할 수 있습니다.
이 페이지의 정보
품목 콘텐츠 블록 생성
Checkout Blocks 앱에서 품목 콘텐츠 블록을 생성하고 구성할 수 있습니다. 품목 콘텐츠 블록을 생성한 후에는 결제에 블록을 추가해야 합니다.
단계:
- Shopify 관리자에서 판매 채널 > Checkout Blocks로 이동합니다.
- 블록을 클릭한 다음 블록 생성을 클릭합니다.
- 품목 콘텐츠를 클릭합니다.
- 블록 이름 섹션에 블록의 이름을 입력합니다. 이는 고객에게 표시되지 않습니다.
-
표시 규칙 섹션에서 블록 표시 규칙을 구성합니다.
- 모든 고객과 모든 품목에 블록을 표시하려면 표시 규칙 섹션을 비워 둡니다.
- 표시 규칙을 생성하려면 ⊕ 표시 규칙 추가를 클릭한 다음 규칙을 구성합니다. 필요한 만큼 표시 규칙을 추가합니다.
-
콘텐츠 섹션에서 블록의 콘텐츠를 추가하고 맞춤 설정합니다.
- 표시 유형 메뉴에서 콘텐츠의 형식을 선택합니다.
- 선택 사항: 블록이 툴팁 또는 모달로 열기인 경우 콘텐츠 제목을 입력합니다.
- 콘텐츠 텍스트 필드에 콘텐츠를 입력합니다. Markdown 및 Liquid를 사용하여 콘텐츠의 서식을 지정할 수 있습니다.
- 선택 사항: 스타일 지정 섹션에서 아이콘이나 텍스트 정렬 및 색상을 포함한 콘텐츠의 스타일을 맞춤 설정할 수 있습니다.
선택 사항: 게시 섹션에서 연필 아이콘을 클릭하여 블록을 표시하려는 마켓 및 결제 페이지를 선택합니다.
저장을 클릭합니다.
블록은 기본적으로 초안으로 저장됩니다. 블록을 게시할 준비가 되면 상태 섹션의 드롭다운 메뉴에서 활성을 선택하세요.
결제에 품목 콘텐츠 블록 추가
품목 콘텐츠 블록은 결제 시 품목 편집 블록의 일부로 표시됩니다. 품목 콘텐츠가 표시되려면 먼저 품목 콘텐츠 블록을 활성 옵션으로 사용하여 품목 편집 블록을 생성해야 합니다. 결제 시 기존 품목 콘텐츠 블록도 표시하려면 활성으로 설정해야 합니다.
해당하는 모든 품목 콘텐츠 블록에 콘텐츠를 표시하려면 결제에 품목 편집 블록을 한 번만 추가하면 됩니다. 품목 콘텐츠 블록이 여러 개 활성화되어 있는 경우 정렬 우선 순위를 조정하여 표시할 순서를 선택할 수 있습니다.
단계:
- Shopify 관리자에서 판매 채널 > Checkout Blocks로 이동합니다.
- 블록을 클릭합니다.
- 결제에 추가하려는 품목 콘텐츠 블록을 클릭합니다.
- 기타 작업 ⌄ > 결제에 추가를 클릭합니다.
- 선택 사항: 미리 보기 블록 ID 섹션에서 클립보드 아이콘을 클릭하여 블록의 고유한 미리 보기 ID를 복사합니다.
- 원하는 결제 구성을 선택한 다음 편집기 열기를 클릭합니다.
-
결제 및 계정 편집기에서 결제에 품목 편집 블록을 추가합니다.
- 블록을 추가하려는 결제 페이지로 이동합니다.
- 주문 요약 섹션에서 ⊕ 앱 블록 추가를 클릭합니다.
- 품목 편집 Checkout Blocks 옵션을 클릭합니다.
- 선택 사항: 미리 보기 블록 ID(테스트용) 필드와 블록의 미리 보기 ID를 사용하여 결제 시 블록이 어떻게 표시되는지 미리 봅니다.
저장을 클릭합니다.