동적 변수를 기반으로 템플릿 블록 및 섹션을 표시하거나 숨기는 방법

예상 10 읽은 시간(분)
|
업데이트 2024년 11월 13일 오후 4:54 EST
학습 내용

학습 내용

템플릿 편집기의 표시/숨기기 로직 빌더를 사용하여 특정 수신자에게 이메일의 특정 블록 또는 섹션을 표시하는 방법을 알아보세요.  

이를 사용하여 예를 들어 특정 로열티 등급에 속하거나 특정 제품을 구매한 회원에게 다른 콘텐츠를 표시할 수 있습니다. 이 기능을 사용하면 구독자에 대한 정보를 기반으로 이메일 콘텐츠를 타겟팅할 수 있으므로 각 수신자에게 고도로 개인화된 마케팅 경험을 제공할 수 있습니다.  

시작하기 전 안내 사항

시작하기 전 안내 사항

다음을 기준으로 콘텐츠를 표시/숨길 수 있습니다: 

  • 프로필 데이터(예 프로필 또는 사용자 지정 속성)
  • 이벤트 변수만 사용할 수 있습니다:
    • 이벤트 트리거(지표 트리거라고도 함) 플로우
    • 사용자 지정 코딩된 블록 표시/숨기기

이메일을 작성하기 전에 계정에 필요한 데이터가 있어야 합니다. 즉, 사용하려는 속성이 있는 이벤트 또는 프로필이 1개 있어야 합니다. 

프로필 데이터 사용

프로필 데이터(예: 위치, 언어 등)를 기반으로 조건을 표시하거나 숨기려면 해당 데이터가 포함된 프로필이 1개 이상 있어야 합니다. 

프로필 및 사용자 지정 속성은 다음과 같은 방법으로 추가할 수 있습니다: 

클라비요의 프로필 속성에 대해 자세히 알아보세요. 

이벤트 속성 사용

이벤트 속성의 경우에도 마찬가지로 Klaviyo 계정에 1개의 이벤트가 있어야 합니다. 그런 다음 사용자 지정 코딩된 블록을 사용하여 해당 플로우의 트리거 이벤트에 따라 블록을 표시하거나 숨길 수 있습니다. 로직 빌더를 사용하여 이벤트 데이터를 참조할 수 없습니다. 

따라서 결제 시작 트리거가 있는 장바구니 이탈 플로우에서 장바구니의 가치 또는 고객이 추가한 특정 품목을 기준으로 표시/숨기기 조건을 설정할 수 있습니다. 

메시지 작성

메시지 작성

로직 빌더 지원 프로필 데이터는 텍스트, 숫자, 리스트 형식으로 표시/숨길 수 있습니다. 이벤트 데이터, 날짜 또는 부울은 지원하지 않습니다. 표시/숨기기 조건에 지원되지 않는 데이터를 사용하려면 사용자 지정 코드를 사용하여 조건을 작성하세요

  1. 이메일 템플릿에 블록 또는 섹션을 추가합니다. 
  2. 디스플레이 탭을 선택합니다.
    블록의 표시 탭
  3. 로직 표시/숨기기에서 로직 빌더 사용을 선택합니다. 
  4. 조건을 선택합니다. 
    1. 단일 기준으로 간단한 조건을 만들거나 여러 기준을 AND 또는 OR로 연결하여 보다 복잡한 조건을 만들 수 있습니다. AND 커넥터와 OR 커넥터에 대해 자세히 알아보세요. 
  5. 원하는 경우 조건 추가 버튼을 사용하여 조건을 추가합니다. 
  6. 저장을 선택합니다. 

섹션과 해당 섹션 내의 블록에 표시/숨기기 로직을 사용하는 경우 설정이 상호 작용하여 충돌이 발생할 수 있습니다. 자세한 내용은 표시 옵션에 대한 도움말 문서를 참조하세요. 

AND 대 OR 조건의 표시/숨기기 조건 

AND 대 OR 조건의 표시/숨기기 조건 

표시/숨기기 논리를 평가할 때 AND로 연결된 조건은 OR로 연결된 조건보다 먼저 평가됩니다. 논리를 작성할 때 평가 순서를 고려하여 의도한 대로 해석되도록 하세요. 

예를 들어 다음 조건을 생각해 보세요: 

샘플 세그먼트 조건

이러한 기준에 따라 일부 샘플 수신자에게 블록이 표시되는지 확인합니다: 

수신자블록이 표시되나요?왜 그럴까요?

Jane

충성도_포인트 = 145

좋아하는 색상 = 녹색 

좋아하는 과일 = 바나나 

아니요제인은 좋아하는 색이 파란색이거나 좋아하는 과일이 바나나라면 자격을 얻을 수 있습니다. 

Alex
충성도_포인트 = 73

좋아하는 색상 = 파란색

좋아하는 과일 = 사과

아니요알렉스는 로열티 포인트가 더 많거나 좋아하는 과일이 키위인 경우 자격을 얻을 수 있습니다.

Amanda
충성도_포인트 = 110

좋아하는 색상 = 파란색

좋아하는 과일 = 석류

아만다는 포인트가 > 99점이고 좋아하는 색이 파란색이므로 자격이 있습니다. 수술실 운영자의 반대편에서 두 가지 기준을 모두 충족하기 때문에 그녀가 가장 좋아하는 과일은 고려되지 않습니다. 

Stephanie
충성도_포인트 = 42

좋아하는 색상 = 주황색

좋아하는 과일 = 키위

스테파니가 가장 좋아하는 과일이 키위이기 때문에 자격이 있습니다. 수술실 운영자의 한 쪽 기준을 충족하기 때문에 다른 조건은 고려되지 않습니다. 

 

블록 표시/숨기기 사용 사례 

블록 표시/숨기기 사용 사례 

로열티 프로그램 배너

로열티 프로그램 배너

로열티 프로그램이 있는 경우 활성 참가자에게 현재 보유한 포인트 수를 표시합니다. 아직 프로그램에 가입하지 않은 고객 연락처에 가입에 대한 인센티브를 제공하세요. 이를 설정하려면 배너 2개가 필요합니다. 

활성 로열티 프로그램 참여자에게 이 숨김 표시 조건이 적용된 배너를 표시합니다: 

로열티 포인트 > 가 0보다 큼 

로열티 포인트가 0점 이상인 사용자에게 블록을 표시하는 조건 

잠재 고객에게 이 조건이 포함된 배너를 표시합니다: 

충성도_포인트 > 설정되지 않았습니다.

로열티 포인트 속성이 없는 사용자에게 블록을 표시하는 조건

자신의 계정에서 사용 가능한 데이터에 따라 기준을 조정해야 할 수도 있습니다. 

개인화된 이미지

개인화된 이미지

구독자가 제품을 사용하는 방식에 대한 정보를 수집하는 경우 구독자와 관련된 이미지를 표시하세요. 

예를 들어 백팩을 판매하는 브랜드는 구독자가 백팩을 출퇴근, 여행 또는 하이킹에 사용하는지 물어볼 수 있습니다. 답변에 따라 이 브랜드는 해당 환경에서 제품의 이미지를 보여줄 수 있습니다. 

이를 설정하려면 3가지 다른 설정으로 제품을 보여주는 이미지 블록 3개가 필요합니다. 

출퇴근길에 이 상태로 백팩을 착용한 자전거 타는 사람의 사진을 보여주세요: 

가방 선호도 = 출퇴근

출퇴근 시 가방을 사용하는 분들을 위한 조건

혼잡한 공항에서 여행객에게 이 상태의 배낭 사진을 보여주세요: 

가방 선호도 = 여행

가방을 여행에 사용하는 분들을 위한 조건

이 조건으로 아름다운 야외 풍경에서 배낭을 들고 찍은 사진을 다른 사람들에게 보여주세요: 

가방 선호도 > 는 > 여행 및 가방 선호도 > 는 > 출퇴근과 같지 않습니다.

가방을 다른 용도로 사용하는 분들을 위한 조건

마지막 이미지는 등산객만을 대상으로 한 것이 아니라 통근자나 여행자가 아닌 모든 사람이 볼 수 있다는 점에 주목하세요. 이 속성이 설정되어 있지 않을 수 있는 수신자를 고려하여 모든 사람에게 이메일이 멋지게 보이도록 하는 것이 중요합니다. 

제품별 참고 사항

제품별 참고 사항

플로우의 트리거 이벤트 내에서 항목을 참조하려면 사용자 지정 코드를 사용해야 합니다.

장바구니 이탈자에게 제품별 정보를 전달하여 구매 결정에 영향을 줄 수 있는 주요 정보를 제공합니다. 예를 들어, 제품이 품절된 경우 이 조건으로 장바구니에 해당 품목이 있는 사용자에게만 표시되는 재고 부족 경고가 포함된 텍스트 블록을 추가합니다:
event.Items의 ITEM_NAME

카트에 특정 품목이 있는 사용자를 위한 조건

위치별 메시징 

위치별 메시징 

위치별 조건은 텍스트만 평가할 수 있으며 우편번호로부터의 거리는 평가할 수 없습니다. 이 조건으로 오프라인 팝업 스토어와 같은 마을에 거주하는 주민 등 특정 지역에 거주하는 주민에게 맞춤 배너를 표시할 수 있습니다:

도시 = 보스턴

보스턴 거주자를 위한 조건

블록 표시/숨기기 문제 해결 

블록 표시/숨기기 문제 해결 

표시/숨기기 블록이 예상대로 렌더링되지 않는 경우 코드로 변환 버튼을 사용하여 빌더 로직을 코드로 변환하세요. 거기에서 코드를 검사하고 조정하여 예상대로 렌더링할 수 있습니다. 

로직을 코드로 변환하는 것은 되돌릴 수 없습니다. 

문제를 해결할 때 조건 값에 사용된 데이터 유형이 참조하는 프로필의 데이터 유형과 동일한지 확인하세요. 예를 들어 숫자 22는 텍스트 값 '22'와 다릅니다. 조건이 숫자로 설정되어 있지만 값이 프로필에 텍스트로 저장되어 있는 경우 조건이 올바르게 평가되지 않습니다. 

텍스트를 숫자로 변환하기 

숫자 속성이 있지만 프로필 내에 텍스트로 저장되어 있는 경우 사용자 지정 코드 필드에서 곱하기 필터를 사용하여 숫자로 변환할 수 있습니다. 이 기능을 사용하려면 변수 이름 바로 뒤에 필터를 추가하세요: 

person.Birthday|멀티플리:"1" > 21

부울을 텍스트로 저장 

참/거짓 데이터가 부울이 아닌 텍스트로 저장되거나 부울과 텍스트가 모두 포함된 속성을 참조하는 경우, 이러한 구조를 사용하여 모든 시나리오에 대응할 수 있습니다. 데이터에 존재하는 모든 철자와 대소문자를 포함합니다. 

샘플 조건다음과 같은 경우 블록을 표시합니다.
person|lookup:'VIP' == 1 또는 person|lookup:'VIP' == 'true' 또는 person|lookup:'VIP' == 'True'VIP 속성은 부울 값 true 또는 문자열 true 또는 True로 설정됩니다.
person|lookup:'VIP' == 0 또는 person|lookup:'VIP' == 'false' 또는 person|lookup:'VIP' == 'False'VIP 속성은 부울 값 false 또는 문자열 false 또는 False로 설정됩니다.

속성의 영숫자가 아닌 문자

표시/숨기기 블록에서 참조하는 속성 또는 값에 영숫자가 아닌 문자(예: =, <, >)가 포함된 경우 조건이 올바르게 평가되지 않을 수 있습니다. 최상의 결과를 얻으려면 문자(대문자 또는 소문자, 대소문자 구분), 숫자, 밑줄(_) 또는 대시(-)만 사용하세요. 

사용자 지정 코딩 블록 표시/숨기기

사용자 지정 코딩 블록 표시/숨기기

더 많은 제어를 원하거나 이벤트 데이터, 날짜 또는 부울을 사용하여 조건을 작성하려는 경우 로직 빌더를 사용하는 대신 표시/숨기기 블록을 사용자 지정 코딩하세요. 코드를 사용하여 처음부터 시작하려면 로직 표시/숨기기 설정에서 코드 사용 버튼을 선택합니다. 

사용자 지정 코드 옵션

또는 코드로 변환 버튼을 사용하여 기존 표시/숨기기 조건을 코드를 사용하도록 변환합니다. 

로직을 코드로 변환하는 것은 되돌릴 수 없습니다. 

코드를 사용하기로 선택한 경우 장고, 프로그래밍 로직 및 Klaviyo의 데이터 유형에 대한 이해도가 높아야 합니다. Klaviyo의 지원팀은 사용자 지정 코드에 대한 직접적인 지원이나 문제 해결을 제공할 수 없습니다. 

지원되는 조건 구조에 대해 자세히 알아보세요. 

이벤트 데이터에 기반한 조건 표시/숨기기

이벤트 데이터에 기반한 조건 표시/숨기기

이메일이 이벤트 트리거 플로우(예: 장바구니 이탈 또는 주문 확인 플로우)의 일부로 전송되는 경우 해당 플로우의 트리거 이벤트 세부 정보에 따라 블록을 표시/숨길 수 있습니다. 따라서 결제 시작 트리거가 있는 장바구니 이탈 플로우에서 장바구니의 가치 또는 고객이 추가한 특정 품목을 기준으로 조건을 표시/숨기는 사용자 지정 코드를 작성할 수 있습니다. 이벤트 변수에 대해 자세히 알아보세요.

데이터 저장 방식 이해

데이터 저장 방식 이해

표시/숨기기 조건을 구성하기 전에 데이터가 어떻게 저장되어 있는지 확인하세요. 에는 5가지 데이터 유형이 Klaviyo있습니다: 

  • 텍스트
  • 번호
  • 날짜
  • 부울
  • 목록

데이터가 저장되는 방식에 따라 표시/숨기기 조건이 달라집니다. 내 계정에서 데이터 유형을 식별하는 방법을 알아보세요.

메시지 작성

메시지 작성

메시지에 사용자 지정 코딩된 표시/숨기기 조건을 추가하는 첫 번째 단계는 이메일 템플릿을 작성하는 것입니다. 이 섹션에서는 특정 예시를 살펴보지만, 동일한 단계에 따라 자체 기준에 따라 표시할 블록을 설정할 수 있습니다.

예를 들어, 회사에서 가죽 가방을 판매하는 경우 아래와 같이 가입 양식을 통해 가방 사용 방식에 대한 고객 선호도를 수집할 수 있습니다. 

가입 양식

그런 다음 고객의 가방 선호도에 따라 다른 이미지를 표시할 수 있습니다. 예를 들어 고객의 기본 설정이 '업무'인 경우 가방은 노트북 옆에 이미지로 표시됩니다. 고객의 선호도가 '야외'인 경우 하이킹 코스의 경치 좋은 전망대 근처에 가방이 표시됩니다. 

  1. 캠페인 또는 플로우 메시지를 만듭니다.
  2. 이미지 블록을 추가합니다.
  3. 업무 관련 이미지를 블록에 업로드합니다.
  4. 이미지 블록의 사용자 지정 메뉴에서 표시를 클릭합니다.
  5. 로직 표시/숨기기에서 코드 사용을 선택합니다. 
  6. 사람|조회:'가방 기본 설정' == '작업' 조건을 추가합니다. 
  7. 변경 사항 저장을 클릭합니다. 
  8. 블록에서 완료를 클릭합니다.

이 블록은 '일'을 기본 설정으로 선택한 사람들에게만 표시됩니다. 

그런 다음 업무 관련 이미지 아래의 새 블록에 여행 관련 이미지를 추가합니다. 이전과 동일한 단계를 따르되 이번에는 사람|조회:'가방 선호도' == '아웃도어' 조건을 사용합니다. 

이 블록은 '야외'를 기본 설정으로 선택한 사람들에게만 표시됩니다. 

가방 선호도 = 아웃도어

마지막으로 "직장" 또는 "야외"를 선택하지 않은 사람에게 표시할 이미지를 추가합니다. 보다 일반적인 이미지와 이 조건: person|lookup:'Bag Preference' != 'Work'person|lookup:'Bag Preference' != 'Outdoors'를 사용하세요.

여기서 !.=는 "이" 과 같지 않음을 의미하므로 이 조건은 '직장' 또는 '야외'가 아닌 다른 것을 선택했거나 환경설정을 선택한 적이 없는 사용자를 찾습니다. 

가방 선호도 = 기타

각 블록을 구성한 후에는 3개의 프로필을 사용하여 메시지를 미리 봅니다. 이러한 프로필은 각 이미지 기준 중 하나를 충족하는 구독자이어야 합니다:

  • '아웃도어'를 선택한 고객 
  • "업무"를 선택한 고객
  • 선호도가 없거나 다른 선호도가 있는 고객

이 단계를 사용하여 계정의 프로필 또는 이벤트 데이터를 기반으로 블록을 표시하거나 숨길 수 있습니다. 

프로필 데이터로 표시/숨기기 조건 만들기

프로필 데이터로 표시/숨기기 조건 만들기

프로필 속성을 기반으로 사용자 지정 코딩된 표시/숨기기 조건을 작성하는 경우 조건부 논리 참조의 테이블에 있는 샘플 변수(예: person|lookup:'Favorite Color')를 프로필 속성으로 바꾸세요. 

사용할 올바른 변수를 찾으려면

  1. 개인화를 클릭하여 개인화 메뉴를 엽니다.
  2. 메뉴에서 옵션을 선택하여 텍스트 블록에 추가합니다.
  3. 태그 내에서 변수 이름을 복사합니다. 변수 이름을 식별하려면 변수 주위의 중괄호와 끝에 있는 |default:''를 다른 필터와 함께 제거합니다(있는 경우).
    예를 들어 아래 스크린샷에서 전체 태그는 {{ person|lookup:"Accepts Marketing"|default:"" }}입니다. 변수 이름은 person|lookup:"마케팅 허용" 이므로 표시/숨기기 조건에 사용할 부분을 선택합니다. 

표시/숨기기 로직을 위한 변수

이벤트 데이터로 표시/숨기기 조건 만들기

이벤트 데이터로 표시/숨기기 조건 만들기

메시지가 이벤트 트리거 흐름의 일부인 경우 이벤트 데이터를 사용하여 블록을 표시하거나 숨길 수 있습니다. 트리거 이벤트 내의 데이터만 표시/숨기기 조건에서 사용할 수 있습니다. 

이벤트 변수를 식별합니다:

  1. 템플릿 편집기에서 & 테스트 미리 보기를 클릭합니다.
  2. 데이터 원본 미리 보기에서 이벤트를 클릭합니다.
  3. 드롭다운 메뉴에서 작성 중인 메시지를 트리거할 이벤트를 선택합니다. 
  4. 이벤트 속성을 스크롤하여 포함하려는 데이터를 찾습니다. 
  5. 속성 이름을 클릭하여 태그를 복사합니다. 
  6. 태그를 텍스트 블록이나 텍스트 편집기에 붙여넣습니다. 
  7. 태그에서 중괄호(예: {{ and }})와 필터를 모두 제거합니다.
  8. 표시/숨기기 조건에 남아 있는 변수를 사용합니다.

아래 스크린샷에서 {{ event|lookup:'Item Count' }} 태그를 볼 수 있습니다. 표시/숨기기 조건에는 이벤트|조회:'항목 수' 라는 텍스트만 있으면 됩니다. 데이터는 {{ event.extra.line_items.0.title }} 또는 {{ event.ShippingAddress.address1 }}와 같은 다른 구조를 사용할 수 있습니다. 이벤트 데이터에 표시되는 대로 변수를 사용합니다. 

데이터 미리 보기를 통해 이벤트 변수 찾기

표시/숨기기 조건 사용자 지정

표시/숨기기 조건 사용자 지정

조건부 논리 참조를 사용하여 사용자 지정 표시/숨기기 조건을 작성하는 방법을 알아보세요. 이 리소스에는 자체 프로필 및 이벤트 데이터를 사용하여 사용자 지정할 수 있는 샘플 조건이 포함되어 있습니다. 

추가 리소스

추가 리소스

이 도움말 문서가 유용했나요?
이 형식은 도움말 문서 피드백 용도로만 사용하세요. 지원 팀에 문의하는 방법.

Klaviyo에서 자세히 살펴보기

커뮤니티
동료, 파트너, Klaviyo 전문가와 연결되어 영감을 받고 인사이트를 공유하며, 모든 궁금한 사항에 대해 답을 얻으세요.
라이브 교육
Klaviyo 전문가와 함께하는 라이브 세션에 참여하여 모범 사례, 주요 기능 설정 방법 등에 대해 알아보세요.
지원

계정을 통해 지원에 액세스하세요.

이메일 지원 (무료 체험 및 유료 계정) 연중무휴 24시간 사용 가능

채팅/가상 비서
사용 가능 여부는 위치 및 요금제 유형에 따라 다름