학습 내용
사용자 지정 HTML 템플릿을 클라비요로 가져오는 방법을 알아보세요.
사용자 지정 HTML은 기술에 능숙한 마케터나 개발자 액세스 권한이 있는 사람에게만 사용하는 것을 권장합니다. 워드프레스닷컴 제품은 사용자 정의 HTML을 지원하지만, 지원팀은 이 문서에서 다루는 일반적인 지침을 제공하는 것 외에 사용자 정의 템플릿을 구축하는 데 도움을 드리지 못합니다. 데이터 보안을 유지하기 위해 클라비요의 지원팀은 HTML 파일을 열 수 없습니다.
사용자 지정 HTML 템플릿 업로드
사용자 지정 HTML 템플릿은 .html이어야 합니다. 파일에 수신 거부 링크(예: {% unsubscribe %} 또는 {% unsubscribe_link %} 태그)를 포함해야 합니다. 클라비요에서 구독 취소에 대해 자세히 알아보세요.
- 콘텐츠 > 템플릿으로 이동합니다.
- 템플릿 가져오기를 클릭합니다.
- 이름을 입력하고 템플릿의 HTML 파일을 업로드합니다.
- HTML에 참조된 이미지나 에셋을 업로드합니다.
- 템플릿 가져오기를 클릭합니다.
Klaviyo 의 드래그 앤 드롭 편집기에서 만든 템플릿을 내보낸 다음 Klaviyo 으로 다시 가져오는 것은 권장되지 않으며 템플릿의 기능에 문제를 일으킬 수 있습니다.
지원되지 않는 템플릿 태그 및 변수 제거하기
다른 이메일 서비스 제공업체에서 템플릿을 내보내는 경우, 클라비요에서 지원하지 않는 태그와 변수가 포함될 수 있습니다. HTML 파일을 가져오기 전에 해당 태그를 제거하고(필요한 경우 클라비요 개인화 태그로 교체하세요).
예를 들어 아래 메시지와 HTML을 참조하세요. 이 메시지는 다른 이메일 서비스 제공업체에서 내보낸 것으로 현재 연도, 회사 주소 등에 대한 태그가 포함되어 있습니다. 이러한 외부 태그는 클라비요와 호환되지 않습니다.
클라비요 템플릿 태그는 중괄호 안에 포함되어 있습니다. 변수는 두 쌍의 중괄호(예: {{ first_name }})로 둘러싸여 있고 템플릿 태그는 한 쌍의 중괄호와 백분율 기호(예: {% unsubscribe %})로 둘러싸여 있습니다. 템플릿의 템플릿 태그와 변수가 다른 문자로 표시되어 있는 경우 클라비요는 이를 지원하지 않습니다.
이미지 및 첨부 파일 추가(선택 사항)
첨부 파일이 포함된 zip 파일을 업로드하고 템플릿 내에서 파일 이름으로 이미지와 첨부 파일을 참조할 수 있습니다.
템플릿 가져오기를 클릭하면 이러한 이미지와 에셋이 자동으로 CDN에 추가되고 해당 참조가 템플릿 내에서 업데이트됩니다.
사용자 지정 HTML 템플릿에 숨겨진 미리보기 텍스트 추가하기사용자 지정 HTML 템플릿에 숨겨진 미리보기 텍스트 추가하기
받은 편지함에서 메시지 콘텐츠의 미리 보기 텍스트를 가져오지 않고 사용자 지정 HTML 템플릿의 미리 보기 텍스트를 설정하려면 아래 코드 블록을 템플릿에 추가하세요. 이 코드는 <body> 템플릿의 태그 바로 뒤에 추가해야 합니다.
<div style="display:none; 글꼴크기:1px; 줄높이:1px; 최대높이:0px; 최대폭:0px; 불투명도:0; 오버플로:숨김;">
여기에 미리보기 텍스트를 삽입합니다.
</div>