이메일에 동적 이미지를 삽입하는 방법

학습 내용

이메일 이미지 블록의 동적 이미지 옵션에 대해 알아보고, 적합한 개인화 태그를 찾아 이메일 템플릿에 추가하는 방법을 알아보세요. 

동적 이미지를 사용하면 클라비요 프로필 또는 이벤트 데이터에 저장된 데이터를 기반으로 각 수신자의 메시지를 맞춤 설정할 수 있습니다. 예를 들어, 이 기능을 사용하여 장바구니에 추가됨 메트릭에 의해 트리거되는 흐름에서 최근에 장바구니에 추가한 품목을 표시할 수 있습니다. 또는 구독자의 프로필에 고유한 이미지 URL을 저장하여 구독자에게 보내는 캠페인에서 해당 사용자 지정 이미지를 표시할 수 있습니다.

프로필 또는 이벤트에 이미지 저장

메트릭 트리거 흐름 이메일에 이벤트 데이터(예: 중단된 카트 흐름의 결제 이벤트 시작)의 동적 이미지를 표시할 수 있습니다. 이벤트 데이터에 저장된 이미지는 캠페인 또는 비지표 트리거 흐름에 표시할 수 없으며, 수신자의 프로필에 저장된 이미지만 프로필 속성으로 사용할 수 있습니다.

캠페인 및 비지표 트리거 흐름용 이미지 저장하기

캠페인 또는 비지표 트리거 흐름(즉, 목록, 세그먼트 또는 날짜에 의해 트리거된 흐름)에 동적 이미지를 표시하려면 각 수신자의 프로필 속성에 이미지 URL(예: https: //www.klaviyo.com/static/klaviyo-social-share-image.jpg)을 저장해야 합니다. 다음과 같은 방법으로 프로필 속성에 이미지 URL을 추가할 수 있습니다: 

• 프로필 데이터의 CSV 업로드
• 타사 통합 사용 
• 클라비요의 API 사용

메트릭 트리거 흐름에 대한 이미지 저장하기

메트릭 트리거 흐름(예: 장바구니에 추가 이벤트에 의해 트리거되는 흐름)에 동적 이미지를 표시하려면 위에서 설명한 방법으로 저장된 프로필 데이터를 사용하거나 흐름을 트리거하는 메트릭의 이벤트 데이터를 사용할 수 있습니다. 

이벤트 데이터는 해당 이벤트에 의해 트리거된 흐름에서만 사용할 수 있습니다. 

다음과 같은 방법으로 클라비요에 이벤트 데이터를 추가할 수 있습니다: 

• 기본 클라비요 통합을 통해
• 타사 통합을 통해 
• 클라비요의 API 사용

이메일에 동적 이미지 추가

클라비요에 동적 이미지 정보를 저장한 후에는 이메일에 포함할 올바른 태그를 식별합니다. 

1. 동적 이미지를 추가할 이메일 템플릿을 엽니다.
2. 미리보기 및 테스트를 클릭합니다.
3. 이미지 변수가 사용자 지정 속성으로 스토어인 경우 프로필 검색을 클릭하고 이미지 스토어가 사용자 지정 속성으로 있는 프로필을 찾습니다. 이미지 변수를 찾을 때까지 속성을 스크롤한 다음 변수 이름을 클릭하여 복사합니다.
4. 이미지 변수가 이벤트의 데이터 내에 저장된 경우 이벤트를 클릭합니다. 드롭다운에서 이벤트를 선택합니다. 이 메시지는 동일한 이벤트에 의해 트리거된 플로우를 통해 전송되어야 하며, 그렇지 않으면 동적 이미지가 표시되지 않습니다. 이미지 변수를 찾을 때까지 이벤트 데이터를 스크롤합니다. 그런 다음 변수 이름을 클릭하여 복사합니다.
5. 태그를 복사한 후 이미지 블록을 메시지로 드래그합니다.
6. > 동적 이미지 찾아보기를 클릭합니다.
7. 태그를 동적 변수 또는 동적 URL 필드에 붙여넣습니다.
   
8. 마지막으로 이메일을 미리 보고 태그가 올바르게 작동하는지 확인합니다. 이미지가 표시되지 않으면 사용한 변수가 포함된 이벤트 또는 프로필을 선택했는지 다시 확인하세요. 

백업 이미지 추가

모든 이메일 수신자가 프로필 또는 이벤트 데이터에 이미지를 사용할 수 있는지 확신할 수 없다면 해당 영역이 비어 있지 않도록 백업 이미지를 사용하는 것이 좋습니다. 백업 이미지를 추가하는 방법에는 두 가지가 있습니다: 

누락된 제품 필터 사용 

누락된 제품 필터를 동적 이미지 변수 끝에 추가하여 클라비요의 기본 백업 이미지를 사용하세요. 이 필터를 추가하려면 다음과 같이 동적 이미지 변수 뒤에 |missing_product_image를 추가합니다: 

{{ event.image_url|missing_product_image }}

이메일을 받는 사람에게 이미지가 누락된 경우 대신 이 이미지가 표시됩니다:

나만의 백업 이미지 설정

직접 백업 이미지를 선택하려면 원하는 이미지 URL로 기본 필터를 적용하세요. 수신자에게 설정된 이미지가 없는 경우 사용자 지정 백업 이미지가 표시됩니다. 이 필터를 추가하려면 다음과 같이 이미지 변수 끝에 작은따옴표 사이에 사용자 지정 이미지 URL과 함께 |default:''를 추가합니다: 

{{ event.image_url|default:'www.example.com/custom_image_url.jpg' }}

추가 리소스

• 텍스트 블록에 개인 맞춤 설정을 추가하는 방법
• 플로우 이메일에서 동적 블록을 만드는 방법
• 메트릭 트리거 플로우를 만드는 방법
• 이메일에 직접 에셋을 삽입하는 방법