학습 내용

푸시 알림에 동적 이미지를 추가하는 방법을 알아보세요.

동적 이미지는 푸시 알림을 개인화하는 데 아주 좋은 방법이에요. 예를 들어, 찜한 상품, 결제를 시작한 상품, 또는 구매한 상품처럼 정확히 그 상품을 보여줄 수 있어요.

시작하기 전에 알아야 할 것

다음에서 동적 이미지를 사용할 수 있어요:

  • 지표 트리거 플로우는 이벤트 데이터(예: 결제의 항목 또는 주문 완료) 또는 이벤트의 카탈로그 태그를 사용합니다.
  • 캠페인과 목록 및 세그먼트 트리거 플로우이지만, 이미지 URL이 수신자의 프로필에 사용자 지정 속성으로 존재하는 경우에만 해당돼요.

또한 푸시 동적 이미지와 관련해 다음 사항을 참고하세요:

  • 푸시 알림당 동적 이미지는 1개만 허용됩니다.
  • 이미지는 1MB 미만이어야 합니다.
  • 동적 이미지에서 조건문을 사용할 수 있어요.

Klaviyo 푸시 알림에 대한 기능을 요청하고 싶으신가요? 이 Google 양식을 작성해서 알려 주세요!

푸시 알림에 동적 이미지를 추가하기

  1. 동적 이미지를 포함할 메시지를 선택해 주세요.
  2. 왼쪽 사이드바에서 콘텐츠 구성 또는 편집을 클릭하세요.
  3. 플로우에서 푸시 알림을 추가하거나 선택해 주세요.
  4. 오른쪽 상단 모서리에서 세부 정보 보기 아이콘을 클릭해 주세요.
View Details icon within the push preview window
View Details icon within the push preview window
  1. 포함하려는 이미지의 데이터 출처를 찾습니다.
  2. 이미지의 첫 번째 변수에 대한 데이터 소스를 클릭하세요. 일반적으로 0으로 끝납니다.
Example of what the data source looks like for an image
Example of what the data source looks like for an image
  1. 왼쪽에서 본문 상자에 있는 미디어 삽입 아이콘을 클릭해 주세요.
Add media to push.jpg
Add media to push.jpg
  1. 동적 이미지 탭으로 이동해 주세요.
  2. 이미지의 동적 변수 또는 동적 URL을 붙여넣으세요.
Dynamic Image tab after pasting in an example variable
Dynamic Image tab after pasting in an example variable
  1. 저장을 클릭합니다.
  2. 미리보기 화면에 이미지가 표시되는지 확인하여 동적 이미지가 올바르게 추가되었는지 확인해 주세요.
카탈로그 태그 사용 예

카탈로그 태그를 사용해 리치 푸시 알림에 동적 이미지를 추가할 수도 있어요. 그렇게 하려면

  1. 분석 > 지표로 이동해요.
  2. 사용할 지표를 선택하세요(예: Ordered Product).
  3. 특정 이벤트의 경우 세부정보를 클릭해 주세요.
  4. SKU 또는 제품 ID 태그를 찾으세요.
  5. 태그의 라벨을(괄호나 콜론은 제외) 복사해 정확한 철자와 대문자/소문자 표기를 유지하세요.
    아래 예시에서는 “ProductID.”를 복사해요.
image5.png
image5.png
  1. 잃어버리지 않을 곳에 이 내용을 붙여 넣어 두세요.
  2. 방금 선택한 것과 동일한 지표로 트리거되는 플로우로 이동해 주세요.
  3. 동적 이미지를 포함할 푸시 알림을 선택해 주세요.
  4. 왼쪽 사이드바에서 콘텐츠 구성 또는 편집을 클릭하세요.
  5. 왼쪽에서 본문 상자에 있는 미디어 삽입 아이콘을 클릭해 주세요.
Add media to push.jpg
Add media to push.jpg
  1. 동적 이미지 탭으로 이동해 주세요.
  2. 다음 카탈로그 태그를 붙여넣어 주세요:
    {% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
  3. {% catalog event.id %}에서 id를 이전에 복사한 라벨로 바꿔 주세요.
    예: {% catalog event.ProductID %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
  4. 저장을 클릭합니다.
동적 이미지에 조건문을 사용하는 예시

동적 이미지는 조건문을 사용할 수 있어요.

아래는 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 %}

이러한 문구의 정확한 형식은 연동에 따라 달라지며, 이메일 템플릿에서 복사하면 안 돼요.

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

Klaviyo에서 자세히 살펴보기

커뮤니티
동료, 파트너, Klaviyo 전문가와 연결되어 영감을 받고 인사이트를 공유하며, 모든 궁금한 사항에 대해 답을 얻으세요.
파트너
특정 작업을 도와주거나 지속적인 마케팅 관리를 위해 Klaviyo 인증 전문가를 고용하세요.
지원

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

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

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