제품 블록 드래그 앤 드롭

드래그 앤 드롭 편집기를 사용하면 커스텀 Liquid 코드를 만들 필요 없이 메시지에 제품 블록을 빠르게 추가하고 구성하여 매끄러운 제품 쇼케이스를 만들 수 있습니다.

요구 사항

요구 사항	설명
이커머스 추천 이벤트	전자상거래 추천 이벤트는 주문 전후에 발생하는 주요 행동 이벤트에 대한 표준화된 데이터 스키마를 제공합니다. 이러한 이벤트는 결국 기존의 Braze 구매 이벤트를 대체할 것이며, 커머스 관련 행동을 추적하는 표준이 될 것입니다. 동적 제품 블록에는 전자상거래 추천 이벤트가 필요합니다. 전자상거래 추천 이벤트는 현재 얼리 액세스 중입니다. 이번 얼리 액세스에 참여하려면 Braze 고객 성공 매니저에게 문의하세요.
전자상거래 캔버스 템플릿	전자상거래 추천 이벤트는 유기한 탐색, 유기한 장바구니, 주문 확인과 같은 필수 사용 사례를 위해 설계된 전자상거래 캔버스 템플릿을 포함하여 사전 구축된 템플릿을 지원합니다. 전자상거래 캔버스 템플릿을 사용하여 이러한 필수 전자상거래 사용 사례를 구현하려는 경우 제공된 캔버스 템플릿을 사용하거나 따라야 합니다.
Braze 카탈로그	제품 블록 구성에 사용할 다음 필드가 포함된 Braze 카탈로그를 생성해야 합니다: product_title product_url variant_image_url
카탈로그 선택	정적 제품 블록의 경우 카탈로그 선택 항목을 생성하여 제품 블록에 포함할 제품을 지정해야 합니다.

드래그 앤 드롭 제품 블록 유형

제품 블록	목적	사용 사례	가용성
동적	전자상거래 캔버스 템플릿 내에서 전자상거래 추천 이벤트 및 카탈로그를 사용하여 고객 상호 작용을 기반으로 한 제품 쇼케이스로 메시징을 개인화하세요.	중단된 탐색 유기한 장바구니 중단된 결제 주문 확인	캔버스에서만 사용할 수 있습니다.
정적	Braze 카탈로그에 저장된 데이터를 사용하여 제품을 개인화하세요. 카탈로그 선택을 사용하여 포함할 제품을 지정해야 합니다.	신제품 출시 또는 카테고리별 제품을 소개하는 데 적합합니다.

제품 블록 콘텐츠 구성

각 블록 유형에는 서로 다른 콘텐츠 구성이 있습니다.

제품 분야

제품 필드 섹션에서 제품 블록 유형을 선택한 다음 각 제품에 포함할 필드를 토글합니다. 각 필드는 선택한 제품 블록 유형에 따라 서로 다른 소스에서 가져옵니다.

동적 제품 블록

제품 분야	출처
배리언트 이미지	카탈로그
제품 제목	카탈로그
제품 URL 버튼	카탈로그
가격	전자상거래 추천 이벤트 속성정보
수량	전자상거래 추천 이벤트 속성정보

!!! 카탈로그 데이터와 이벤트 데이터로 구분되는 동적 제품 블록의 제품 필드](/docs/ko/assets/img/product_blocks/dynamic_fields.png?cfbc61d1d35ead8d1103cf60b656c82c){: style=”max-width:50%;”}

정적 제품 블록

제품 분야	출처
배리언트 이미지	카탈로그
제품 제목	카탈로그
제품 URL 버튼	카탈로그
가격	카탈로그

정적 제품 블록의 제품 필드는 모두 카탈로그 데이터로 분류됩니다.](/docs/ko/assets/img/product_blocks/static_fields.png?343ae18efe7098cb9352a9fc2b38297e){: style=”max-width:50%;”}

레이아웃 옵션

레이아웃 옵션을 사용하여 제품 블록 내에서 제품이 표시되는 방식을 커스텀할 수 있습니다.

옵션	설명
제품 방향	블록 내 이미지 및 제품 필드의 방향을 선택합니다.
정렬	블록 내 텍스트 필드와 버튼의 정렬을 조정합니다.
행당 최대 제품 수	정적 제품 블록의 경우 행당 최대 3개 제품, 총 12개 제품, 동적 제품 블록의 경우 총 24개 제품을 표시할 수 있습니다.
제품 간격	제품 간 간격을 설정합니다.

제품 방향, 정렬, 행당 최대 제품 수 및 제품 간격에 대한 레이아웃 옵션.](/docs/ko/assets/img/product_blocks/layout_options.png?2f6c3b26ddd0280eee7a5beca3713377){: style=”max-width:50%;”}

글로벌 이메일 스타일 설정

글로벌 이메일 스타일 설정을 사용하면 Braze 내에서 이메일에 일관된 스타일을 적용할 수 있습니다. 즉, 글꼴, 색상, 버튼 디자인 등 특정 스타일을 정의하여 모든 이메일에 자동으로 적용할 수 있습니다.

글로벌 이메일 스타일 설정이 제품 블록에서 작동하는 방식

단락 및 버튼에 대한 기존 스타일이 제품 블록 내의 텍스트 및 버튼 요소에 자동으로 적용됩니다. 즉, 단락과 버튼에 설정한 서식이 제품 블록에서 일관되게 사용되므로 이메일 전체에서 일관된 모양을 유지할 수 있습니다.

제품 블록 설정하기

카탈로그 설정

드래그 앤 드롭 제품 블록을 사용하려면 특정 필드 값이 포함된 Braze 카탈로그를 설정해야 합니다. 이러한 필드는 제품 블록 구성에 사용됩니다. 카탈로그에 다음 필드가 포함되어 있는지 확인하세요:

필드	설명
product_title	제품 제목입니다.
product_url	고객이 제품을 보거나 구매할 수 있는 URL입니다.
variant_image_url	배리언트 이미지의 URL입니다.

필수 필드가 포함된 샘플 제품 카탈로그를 작성하여 빠르게 시작할 수 있습니다.

필수 필드와 기타 필드가 포함된 샘플 CSV 파일입니다.](/docs/ko/assets/img/ecommerce/sample_product_catalog.png?a208a05e000590d1191fad17f989afd0)

제품 블록 생성

이 가이드에서는 이메일 드래그 앤 드롭 편집기를 사용하여 동적 또는 정적 제품 블록을 생성하고, 테스트하고, 기능을 확인하는 단계를 안내합니다.

1단계: 이메일 캠페인 또는 이메일 캔버스 단계 만들기

동적 제품 블록

특정 사용 사례에 맞게 사용 가능한 Braze 템플릿 중 하나를 사용하는 새 캔버스를 만듭니다:

• 버려진 찾아보기
• 유기한 장바구니
• 중단된 결제
• 주문 확인

전자상거래 캔버스 생성에 대한 자세한 지침은 전자상거래 사용 사례를 참조하세요.

정적 제품 블록

드래그 앤 드롭 이메일 캠페인, 작업 기반 캔버스 또는 드래그 앤 드롭 이메일 메시지 단계가 있는 템플릿을 만듭니다.

2단계: 제품 블록 추가

• dynamic product block
• static product block

제품 블록과 같은 편집기 블록이 포함된 ‘콘텐츠’ 탭입니다.](/docs/ko/assets/img/product_blocks/product_block.png?635004b79ae94364fde3015266bccb70){: style=”max-width:40%;”}

3단계: 제품 필드 구성

제품 블록에 표시할 제품 필드를 선택합니다. 각 변경 후 설정 적용을 선택하여 편집기에서 업데이트를 확인합니다.

Liquid 태그 앞의 텍스트를 커스텀할 수도 있습니다. 예를 들어 품목 가격에 달러 기호($)를 앞에 붙이거나 수량 용어를 ‘금액’ 또는 다른 선호하는 레이블로 업데이트할 수 있습니다.

!!!상품 가격에 달러 쪽이 앞에 붙은 제품 블록.

4단계: 레이아웃 설정 구성

레이아웃 옵션을 변경하여 제품 블록 내에서 제품이 표시되는 방식을 업데이트하고 변경할 때마다 설정 적용을 선택해야 합니다.

5단계: 메시지 미리보기 및 테스트하기

• dynamic product block
• static product block

메시지 작성을 완료하고 메시지가 예상대로 표시되는지 확인하면 전송 준비가 완료된 것입니다!