문자 메시지에 동적 이미지를 추가하는 방법

학습 내용

Klaviyo에서 MMS 메시지에 동적 이미지를 추가하는 방법을 알아보세요.

동적 이미지를 포함하면 문자 메시지를 개인화할 수 있어요. 예를 들어, 누군가가 조회했거나 결제를 시작했거나 구매한 정확한 상품을 보여줄 수 있어요.

시작하기 전에 알아야 할 것

사용 사례에 따라 동적 이미지를 항상 추가할 수 있는 것은 아닙니다.

• 지표 트리거 플로우에서만 이벤트 데이터(예: 결제 또는 주문 완료의 항목) 또는 이벤트의 카탈로그 태그를 기반으로 한 동적 이미지를 사용할 수 있어요.
• 캠페인과 리스트 및 세그먼트 트리거 플로우에서는 이미지 URL이 수신자 프로필의 사용자 지정 속성으로 존재하는 경우에만 동적 이미지를 사용할 수 있어요.

또한 동적 이미지와 관련해 다음 사항에 유의하는 것이 중요해요:

• MMS에는 동적 이미지 1개만 허용돼요.
• 이미지는 600KB 미만이어야 해요. 그렇지 않으면 통신사가 압축해 이미지가 왜곡되어 보일 수 있어요.
• MMS를 지원하지 않는 발신 번호로 동적 이미지를 보내려고 하면 메시지는 전송되지만 이미지는 제거돼요.
• 동적 이미지에서 조건문을 사용할 수 있어요.
• 모바일 통신사는 WebP 파일을 지원하지 않으며, 이런 유형의 이미지를 첨부하면 메시지 전송이 실패할 수 있어요.

동적 이미지를 추가하는 방법

1. 동적 이미지를 포함하려는 플로우 메시지를 선택하세요.
2. 오른쪽 사이드바에서 편집을 클릭해 주세요.

3. 오른쪽 상단 모서리에서 미리 보기 & 텍스트를 클릭해 주세요.
   

4. 포함하려는 이미지의 데이터 소스를 찾으세요.
5. 이미지의 첫 번째 변수에 대한 데이터 소스를 클릭하세요. 일반적으로 0으로 끝납니다.
   

6. 완료를 클릭합니다.
7. 왼쪽에서 메시지 상자에 있는 이미지 추가 아이콘(이미지 아이콘)을 클릭하세요.
   

8. 동적 이미지 탭으로 이동해 주세요.
9. 이미지의 동적 변수 또는 동적 URL을 붙여넣으세요.
   

10. 저장을 클릭합니다.
11. 미리보기 화면에 이미지가 표시되는지 확인하여 동적 이미지가 올바르게 추가되었는지 확인해 주세요.

카탈로그 태그 사용

또한 카탈로그 태그를 사용해 MMS에 동적 이미지를 추가할 수도 있어요. 그렇게 하려면

1. SMS 미리보기 모달에서 첫 번째로 나열된 제품의 제품 ID 또는 SKU를 찾아보세요.
2. 이 변수를 복사하세요.
   

1. SMS 편집기로 돌아가려면 완료를 클릭하세요.
2. 왼쪽에서 메시지 상자에 있는 이미지 추가 아이콘(이미지 아이콘)을 클릭하세요.
   

1. 동적 이미지 탭으로 이동해 주세요.
2. 다음 카탈로그 태그를 붙여넣으세요:
   {% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
3. 이전에 복사한 태그의 변수로 {% catalog event.id %}의 event.id를 바꿔 주세요. 변수에서 대괄호와 필터를 모두 제거하세요({{ event.extra.line_items.0.product_id|default:'' }}가 event.extra.line_items.0.product_id로 변경됨).
   예: {% catalog event.extra.line_items.0.product_id %} {{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 %}

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