동적 콘텐츠 블록
동적 콘텐츠 블록을 사용하면 특정 조건이 충족될 때 체크아웃에 다양한 유형의 콘텐츠를 동적으로 표시할 수 있습니다.
예를 들어, 모든 티셔츠 판매액의 일부를 자선 단체에 기부하는 캠페인을 진행하는 경우, 고객이 티셔츠를 구매할 때만 체크아웃에 표시되는 특별한 후원해 주셔서 감사합니다 배너를 생성할 수 있습니다.
동적 콘텐츠 블록에 지원되는 콘텐츠 품목
동적 콘텐츠 블록은 다음 유형의 콘텐츠 품목을 지원합니다.
- 아코디언
- 배너
- 혜택
- 버튼
- 구분선
- 제목
- 이미지
- 스페이서
- 텍스트
하나의 동적 콘텐츠 블록에 여러 콘텐츠 품목을 추가할 수 있습니다.
동적 콘텐츠 블록은 텍스트 작성 시 제한된 목록의 Markdown 서식도 지원합니다.
- H1, H2, H3 제목
- 굵게, 기울임꼴, 취소선
- 이미지
- 줄 바꿈
- 링크
- 순서가 있는 목록 및 순서가 없는 목록
- 가로줄
콘텐츠에 개인화를 추가하기 위해 Liquid 변수를 사용할 수도 있습니다.
동적 콘텐츠 블록 생성
Checkout Blocks 앱에서 동적 콘텐츠 블록을 생성하고 구성할 수 있습니다. 동적 콘텐츠 블록을 생성한 후에는 체크아웃에 추가해야 합니다.
단계:
Shopify 관리자에서 앱 > Checkout Blocks로 이동합니다.
블록을 클릭한 다음 블록 생성을 클릭합니다.
동적 콘텐츠를 클릭합니다.
사용할 필드의 템플릿을 선택하십시오. 필드 또는 설정이 미리 채워지는 것을 원치 않는 경우 빈 템플릿을 선택하십시오.
블록 이름 섹션에 블록의 이름을 입력합니다. 이 이름은 고객에게 표시되지 않습니다.
블록 ID 섹션에서 드롭다운 메뉴를 사용하여 특정 ID 번호를 적용합니다. 블록 ID에 대해 자세히 알아보십시오.
표시 규칙 섹션에서 블록 표시 규칙을 구성합니다.
- 모든 고객에게 블록을 표시하려면 표시 규칙 섹션을 비워 둡니다.
- 표시 규칙을 생성하려면 ⊕ 표시 규칙 추가를 클릭한 다음 규칙을 구성합니다. 필요한 만큼 표시 규칙을 추가할 수 있습니다.
콘텐츠 섹션에서 블록의 콘텐츠를 추가하고 사용자 지정합니다.
- 선택 사항: 섹션 머리글 필드에서 제목 추가(선택 사항)를 클릭하여 블록에 머리글을 추가합니다.
- 콘텐츠 품목 섹션에서 ⊕ 콘텐츠 품목 추가를 클릭한 다음 추가할 콘텐츠 품목을 선택합니다.
- 콘텐츠 품목 대화 상자에서 콘텐츠 품목의 세부 정보와 스타일을 구성한 다음 완료를 클릭합니다.
- 선택 사항: 콘텐츠 품목을 더 추가하고 필요에 따라 사용자 지정합니다.
선택 사항: 스타일 섹션에서 디자인 사용자 지정을 클릭하여 블록의 컨테이너 및 열 스타일과 사이즈를 사용자 지정합니다.
선택 사항: 게시 섹션에서 연필 아이콘을 클릭하여 블록을 표시할 마켓 및 체크아웃 페이지를 선택합니다.
저장을 클릭합니다.
블록은 기본적으로 임시 보관으로 저장됩니다. 블록을 게시할 준비가 되면 상태 섹션의 드롭다운 메뉴에서 활성을 선택합니다.
체크아웃에 동적 콘텐츠 블록 추가하기
체크아웃에 기존 동적 콘텐츠 블록을 추가할 수 있습니다. 체크아웃에 표시하려면 블록을 활성으로 설정해야 합니다.
체크아웃 및 계정 편집기에서 블록을 미리 보려면 Checkout Blocks 앱에서 블록의 고유 미리 보기 ID를 복사합니다.
단계:
Shopify 관리자에서 앱 > Checkout Blocks로 이동합니다.
블록을 클릭합니다.
체크아웃에 추가하려는 동적 콘텐츠 블록을 클릭합니다.
추가 작업 ⌄ > 체크아웃에 추가를 클릭합니다.
선택 사항: 미리 보기 블록 ID 섹션에서 클립보드 아이콘을 클릭하여 블록의 고유한 미리 보기 ID를 복사합니다.
원하는 체크아웃 구성을 선택한 다음 편집기 열기를 클릭합니다.
체크아웃 및 계정 편집기에서 체크아웃에 동적 콘텐츠 블록을 추가합니다.
- 블록을 추가하려는 체크아웃 페이지로 이동합니다.
- 블록을 추가하려는 섹션에서 ⊕ 블록 추가를 클릭합니다.
- 동적 콘텐츠 Checkout Blocks 옵션을 클릭합니다.
- 체크아웃 블록의 세부 정보를 구성하고 해당 블록 ID를 선택합니다.
- 선택 사항: 미리 보기 블록 ID(테스트용) 필드와 블록의 미리 보기 ID를 사용하여 블록이 체크아웃에 어떻게 표시되는지 미리 봅니다.
- 선택 사항: 동적 블록을 끌어서 놓아 블록을 표시하려는 체크아웃 페이지의 위치를 변경합니다.
저장을 클릭합니다.