사용자 지정 HTML 템플릿을 가져오는 방법
학습 내용
사용자 정의 HTML 템플릿을 Klaviyo로 가져오는 방법을 알아보세요.
기술에 익숙한 마케터이거나 개발자의 도움을 받을 수 있는 경우에만 맞춤 HTML 사용을 권장해요. 제품에서 맞춤 HTML은 지원하지만, 지원팀에서는 이 문서에 포함된 일반적인 안내를 제공하는 것 외에는 맞춤 템플릿 구축을 도와드릴 수 없어요. 데이터 보안을 유지하기 위해 Klaviyo 지원 팀은 HTML 파일을 열 수 없어요.
사용자 지정 HTML 템플릿 업로드
맞춤 HTML 템플릿은 .html이어야 합니다 파일에는 구독 취소 링크(예: {% unsubscribe %} 또는 {% unsubscribe_link %} 태그)를 포함해야 해요. Klaviyo에서 구독 취소에 관해 자세히 알아보세요.
- 콘텐츠 > 템플릿으로 이동해 주세요.
- 이메일 템플릿 탭을 선택합니다.
- 가져오기를 클릭합니다.
- 이름을 입력하고 템플릿의 HTML 파일을 업로드해 주세요.
- HTML에서 참조된 이미지나 에셋을 모두 업로드해 주세요.
- 템플릿 가져오기를 클릭합니다.
Klaviyo의 드래그 앤 드롭 편집기에서 만든 템플릿을 내보낸 다음 다시 Klaviyo로 가져오는 것은 권장되지 않으며, 템플릿 기능에 문제가 발생할 수 있어요.
지원되지 않는 템플릿 태그 및 변수 제거
다른 ESP(이메일 서비스 공급업체)에서 템플릿을 내보내면 Klaviyo에서 지원되지 않는 태그와 변수가 포함되어 있을 수 있어요. HTML 파일을 가져오기 전에 해당 태그를 제거하고(필요한 경우 Klaviyo 맞춤 설정 태그로 바꿔 주세요).
예를 들어, 아래의 메시지와 HTML을 확인해 보세요. 이 메시지는 다른 ESP(이메일 서비스 공급업체)에서 내보낸 것으로, 현재 연도, 회사 주소 등의 태그를 포함하고 있어요. 이러한 외부 태그는 Klaviyo와 호환되지 않아요.
Klaviyo 템플릿 태그는 중괄호 안에 포함돼요. 변수는 중괄호 두 쌍으로 둘러싸여 있고(예: {{ first_name }}), 템플릿 태그는 중괄호 한 쌍과 퍼센트 기호로 둘러싸여 있습니다(예: {% unsubscribe %}). 템플릿의 템플릿 태그와 변수가 다른 문자로 표시되어 있으면 Klaviyo에서 지원하지 않습니다.
이미지 및 첨부 파일 추가(선택 사항)
첨부 파일이 포함된 zip 파일을 업로드하고 템플릿에서 파일 이름으로 참조하면 이미지와 첨부 파일을 참조할 수 있어요.
템플릿을 가져오도록 클릭하면 이러한 이미지와 애셋이 자동으로 CDN에 추가되고, 템플릿 내에서 해당 참조가 업데이트돼요.
사용자 지정 HTML 템플릿에 숨겨진 미리보기 텍스트 추가
받은편지함에서 메시지 콘텐츠에서 미리보기 텍스트를 가져오게 하는 대신 맞춤 HTML 템플릿에 미리보기 텍스트를 설정하려면 템플릿에 아래 코드 블록을 추가해 주세요. 이 코드는 템플릿의 시작 <body> 태그 바로 뒤에 추가해야 해요.
<div style="display:none; font-size:1px; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden;">
Insert preview text here.
</div>이모지 및 사용자 지정 HTML 템플릿
2024년 2월 기준으로 모든 이모지는 모든 Klaviyo 이메일 편집기(즉, 드래그 앤 드롭 편집기, 하이브리드 편집기, 텍스트 전용 편집기 및 사용자 지정 HTML 편집기)에서 지원돼요.