푸시 알림에 동적 이미지를 추가하는 방법
예상 2분 읽기
|
업데이트 2025년 7월 7일 AM 12:00 EST
학습 내용
푸시 알림에 동적 이미지를 추가하는 방법을 알아보세요.
동적 이미지는 푸시 알림을 개인화하는 데 아주 좋은 방법이에요. 예를 들어, 찜한 상품, 결제를 시작한 상품, 또는 구매한 상품처럼 정확히 그 상품을 보여줄 수 있어요.
시작하기 전에 알아야 할 것
다음에서 동적 이미지를 사용할 수 있어요:
- 지표 트리거 플로우는 이벤트 데이터(예: 결제의 항목 또는 주문 완료) 또는 이벤트의 카탈로그 태그를 사용합니다.
- 캠페인과 목록 및 세그먼트 트리거 플로우이지만, 이미지 URL이 수신자의 프로필에 사용자 지정 속성으로 존재하는 경우에만 해당돼요.
또한 푸시 동적 이미지와 관련해 다음 사항을 참고하세요:
- 푸시 알림당 동적 이미지는 1개만 허용됩니다.
- 이미지는 1MB 미만이어야 합니다.
- 동적 이미지에서 조건문을 사용할 수 있어요.
Klaviyo 푸시 알림에 대한 기능을 요청하고 싶으신가요? 이 Google 양식을 작성해서 알려 주세요!
푸시 알림에 동적 이미지를 추가하기
- 동적 이미지를 포함할 메시지를 선택해 주세요.
- 왼쪽 사이드바에서 콘텐츠 구성 또는 편집을 클릭하세요.
- 플로우에서 푸시 알림을 추가하거나 선택해 주세요.
- 오른쪽 상단 모서리에서 세부 정보 보기 아이콘을 클릭해 주세요.
- 포함하려는 이미지의 데이터 출처를 찾습니다.
- 이미지의 첫 번째 변수에 대한 데이터 소스를 클릭하세요. 일반적으로 0으로 끝납니다.
- 왼쪽에서 본문 상자에 있는 미디어 삽입 아이콘을 클릭해 주세요.
- 동적 이미지 탭으로 이동해 주세요.
- 이미지의 동적 변수 또는 동적 URL을 붙여넣으세요.
- 저장을 클릭합니다.
- 미리보기 화면에 이미지가 표시되는지 확인하여 동적 이미지가 올바르게 추가되었는지 확인해 주세요.
카탈로그 태그 사용 예
카탈로그 태그를 사용해 리치 푸시 알림에 동적 이미지를 추가할 수도 있어요. 그렇게 하려면
- 분석 > 지표로 이동해요.
- 사용할 지표를 선택하세요(예: Ordered Product).
- 특정 이벤트의 경우 세부정보를 클릭해 주세요.
- SKU 또는 제품 ID 태그를 찾으세요.
- 태그의 라벨을(괄호나 콜론은 제외) 복사해 정확한 철자와 대문자/소문자 표기를 유지하세요.
아래 예시에서는 “ProductID.”를 복사해요.
- 잃어버리지 않을 곳에 이 내용을 붙여 넣어 두세요.
- 방금 선택한 것과 동일한 지표로 트리거되는 플로우로 이동해 주세요.
- 동적 이미지를 포함할 푸시 알림을 선택해 주세요.
- 왼쪽 사이드바에서 콘텐츠 구성 또는 편집을 클릭하세요.
- 왼쪽에서 본문 상자에 있는 미디어 삽입 아이콘을 클릭해 주세요.
- 동적 이미지 탭으로 이동해 주세요.
- 다음 카탈로그 태그를 붙여넣어 주세요:
{% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - {% catalog event.id %}에서 id를 이전에 복사한 라벨로 바꿔 주세요.
예: {% catalog event.ProductID %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - 저장을 클릭합니다.
동적 이미지에 조건문을 사용하는 예시
동적 이미지는 조건문을 사용할 수 있어요.
아래는 if/else 문 예시로, 같은 이메일의 다른 버전 이미지가 있으면 수신자에게 해당 이미지를 표시하고, 없으면 기본 이미지를 사용하는 방법을 보여 드려요:
{% if event.extra.line_items.0.product.variant.images.0.src %}{{ event.extra.line_items.0.product.variant.images.0.src }}{% else %}{{ event.extra.line_items.0.product.images.0.src }}{% endif %}
이러한 문구의 정확한 형식은 연동에 따라 달라지며, 이메일 템플릿에서 복사하면 안 돼요.
이 도움말 문서가 유용했나요?
이 형식은 도움말 문서 피드백 용도로만 사용하세요. 지원 팀에 문의하는 방법.