동적 콘텐츠 블록
동적 콘텐츠 블록을 사용하면 특정 조건이 충족될 때 다양한 유형의 콘텐츠를 결제 시 동적으로 표시할 수 있습니다.
예를 들어 모든 티셔츠 판매액의 일부를 자선 단체에 기부하는 캠페인을 진행하는 경우 고객이 티셔츠를 구매할 때만 결제 시 표시되는 특별한 도움을 주셔서 감사합니다 배너를 생성할 수 있습니다.
동적 콘텐츠 블록에 지원되는 콘텐츠 항목
동적 콘텐츠 블록은 다음 유형의 콘텐츠 항목을 지원합니다.
- 아코디언
- 배너
- 장점
- 버튼
- 디바이더
- 제목
- 이미지
- 스페이서
- 텍스트
하나의 동적 콘텐츠 블록에 여러 콘텐츠 항목을 추가할 수 있습니다.
동적 콘텐츠 블록은 텍스트 작성 시 제한된 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를 사용하여 결제 시 블록이 어떻게 표시되는지 미리 봅니다.
- 선택 사항: 동적 블록을 끌어서 놓아 결제 페이지에서 블록을 표시하려는 위치를 변경합니다.
저장을 클릭합니다.