문자 메시지에 동적 이미지를 추가하는 방법
학습 내용
Klaviyo에서 MMS 메시지에 동적 이미지를 추가하는 방법을 알아보세요.
동적 이미지를 포함하면 문자 메시지를 개인화할 수 있어요. 예를 들어, 누군가가 조회했거나 결제를 시작했거나 구매한 정확한 상품을 보여줄 수 있어요.
시작하기 전에 알아야 할 것
사용 사례에 따라 동적 이미지를 항상 추가할 수 있는 것은 아닙니다.
- 지표 트리거 플로우에서만 이벤트 데이터(예: 결제 또는 주문 완료의 항목) 또는 이벤트의 카탈로그 태그를 기반으로 한 동적 이미지를 사용할 수 있어요.
- 캠페인과 리스트 및 세그먼트 트리거 플로우에서는 사용자 지정 프로필 속성에 저장된 이미지 URL을 사용할 수 있어요. 또한 수신자의 프로필에 저장된 항목 ID를 사용해 카탈로그 태그로 이미지를 조회할 수도 있어요.
또한 동적 이미지에 대해 다음 사항을 참고해 주세요:
- MMS에는 동적 이미지 1개만 허용돼요.
- 이미지 크기는 600 KB 미만이어야 해요. 더 큰 이미지는 통신사에서 압축할 수 있어 이미지가 왜곡되거나, 전송에 실패할 수 있어요.
- MMS를 지원하지 않는 발신 번호로 동적 이미지를 보내려고 하면 메시지는 전송되지만 이미지는 제거돼요.
- 동적 이미지가 비어 있거나 유효하지 않은 URL로 확인되면, 텍스트만 있고 다른 첨부 파일이 없는 메시지는 이미지 없이 SMS로 전송돼요. 이 대체 동작은 미리 보기, 테스트 전송 또는 번역을 사용하는 메시지에는 적용되지 않으며, 이러한 경우에는 유효한 이미지 URL이 필요해요.
- 동적 이미지에서 조건문을 사용할 수 있어요.
- 모바일 통신사는 WebP 파일을 지원하지 않으며, 이런 유형의 이미지를 첨부하면 메시지 전송이 실패할 수 있어요.
동적 이미지를 추가하는 방법
아래 단계는 플로우 메시지에서 시작해요. 캠페인이 초안인 경우 문자 메시지 편집기를 열고 처음 2단계는 건너뛰세요.
- 동적 이미지를 포함하려는 플로우 메시지를 선택하세요.
- 콘텐츠 옆의 편집을 클릭합니다.
- 편집기에 RCS 옵션이 표시되면 SMS 대체를 선택하세요. 이미지를 별도로 편집하려면 콘텐츠를 열고 RCS 메시지와 동일한 콘텐츠 사용을 끄세요.
- 오른쪽 상단에서 미리보기를 클릭합니다.
- 이미지 URL이 포함된 미리보기 이벤트 또는 프로필을 선택한 다음 모든 속성을 펼쳐 보세요.
- 이미지 URL 속성을 클릭하여 변수를 복사하세요. 제품 또는 이미지 목록의 경우,
0는 첫 번째 항목을 식별하며 변수 중간에 표시될 수도 있어요.
- 완료를 클릭합니다.
- 콘텐츠 패널에서 첨부 파일을 켜고 이미지 (또는 표시되는 경우 미디어)를 선택하세요.
- 이미지 선택 (또는 미디어 선택)을 클릭하세요. 이미지가 이미 첨부되어 있다면 교체를 클릭하세요.
- 동적 이미지 탭으로 이동해 주세요.
- 이미지의 동적 변수 또는 동적 URL을 붙여넣으세요.
- 저장을 클릭합니다.
- 미리보기를 클릭하고 MMS를 지원하는 지역에서 선택한 이벤트 또는 프로필에 대해 예상한 이미지가 표시되는지 확인하세요.
- 완료를 클릭한 다음 다음을 클릭해 메시지를 저장하고 편집기를 나가세요.
카탈로그 태그 사용
또한 카탈로그 태그를 사용해 MMS에 동적 이미지를 추가할 수도 있어요. 그렇게 하려면
- 미리 보기에서 모든 속성을 펼친 다음 이벤트 데이터에서 첫 번째 제품의 item ID를 찾아보세요. Klaviyo 카탈로그의 항목과 일치하는 식별자(연동에 따라 제품 ID 또는 SKU)를 사용하세요. 프로필 기반 이미지의 경우, 대신 item ID가 포함된 사용자 지정 프로필 속성을 찾아보세요.
- 이 변수를 복사하세요.
- SMS 편집기로 돌아가려면 완료를 클릭하세요.
- 콘텐츠 패널에서 첨부 파일을 켜고 이미지 (또는 표시되는 경우 미디어)를 선택하세요.
- 이미지 선택 (또는 미디어 선택)을 클릭하세요. 이미지가 이미 첨부되어 있다면 교체를 클릭하세요.
- 동적 이미지 탭으로 이동해 주세요.
- 다음 카탈로그 태그를 붙여넣으세요:
{% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - 이전에 복사한 태그의 변수로 {% 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 %} - 저장을 클릭합니다.
- 미리 보기를 클릭하고 MMS를 지원하는 지역에서 일치하는 카탈로그 항목 ID가 있는 이벤트 또는 프로필을 사용해 이미지를 확인해 주세요. 완료를 클릭한 다음 다음을 클릭해 메시지를 저장하고 편집기를 종료해 주세요.
조건문 사용 예시
동적 이미지는 조건문을 사용할 수 있어요.
아래는 같은 이메일의 다른 버전 이미지가 있으면 이를 수신자에게 표시하고, 그렇지 않으면 기본 이미지를 사용하도록 하는 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 %}
이러한 문구의 정확한 형식은 연동에 따라 달라지며, 이메일 템플릿에서 복사하면 안 돼요.
추가 자료
- Understanding MMS image and GIF best practices
Learn best practices for sending images and GIFs in text messages so that they display nicely to recipients.
- How to use event data to personalize email and SMS flows
Learn what dynamic event data is, when to use it, where to find it, and how to include it in your flow messages. Learn about the different actions your customers take, and how you can use that data for creating personalized messaging flows in Klaviyo. For instance, you could use event data in an abandoned cart flow message to show individuals what product they left behind, an image of the item, and more. This allows for a more personalized experience for the customer, as well as a higher chance of conversion.