이메일에 미리보기 텍스트를 삽입하는 방법

학습 내용

미리보기 텍스트가 무엇인지, 기본적으로 이메일에서 어디에 표시되는지, 그리고 이메일 본문에 어떻게 삽입하는지 알아보세요.

미리보기 텍스트 정보

미리보기 텍스트는 이메일이 받은편지함에 도착했을 때 수신자가 가장 먼저 보게 되는 요소 중 하나예요. 이메일의 제목 뒤에 받은편지함에 표시되며, 일반적으로 이메일 본문 내 첫 번째 텍스트 줄에서 가져옵니다.

미리보기 텍스트를 사용해 이메일을 개선하는 주요 방법은 2가지가 있어요:

1. 미리보기 텍스트를 사용해 이메일을 요약하세요.
2. 미리보기 텍스트를 사용해 제목을 보완해 보세요.

미리 보기 텍스트를 직접 삽입하지 않으면, 받은편지함에서 자동으로 이메일의 첫 번째 텍스트 줄에서 가져와요. 즉, ALT 텍스트, 탐색 모음 등이 미리 보기 텍스트로 가져와질 수 있으므로, 미리 보기 텍스트에 정확히 무엇을 표시할지 지정하는 것이 가장 좋아요. 미리 보기 텍스트를 전략적으로 사용하는 방법에 대해 더 알아보려면 Klaviyo 블로그로 이동하세요.

플로우 이메일에 미리보기 텍스트 추가

이메일 미리보기 화면에서 플로우 이메일의 미리보기 텍스트를 삽입하려면:

1. 편집하려는 이메일이 포함된 플로우를 여세요.
2. 플로우 메시지를 클릭해 Email details 사이드바를 여세요.
   

3. 제목 및 발신자 아래에서, 콘텐츠 사이드바의 편집을 클릭해 주세요.
4. 미리 보기 텍스트 필드에 원하는 미리 보기 텍스트를 추가하세요.
   

캠페인 이메일에 미리보기 텍스트 추가

이메일 미리 보기 화면에서 캠페인 미리 보기 텍스트를 삽입하려면:

1. 편집하려는 캠페인을 여세요.
2. 다음을 클릭합니다.
3. 미리 보기 텍스트 필드에 원하는 미리 보기 텍스트를 추가하세요.
   

받은편지함의 미리보기 텍스트

미리보기 텍스트 입력란은 자동으로 공백을 추가하므로, 입력한 미리보기 텍스트만 고객의 받은편지함에 표시됩니다.

기기와 이메일 클라이언트마다 표시되는 미리보기 텍스트 글자 수 제한이 다르며, 화면이 작을수록 미리보기 글자 수가 더 적게 표시돼요. 이를 염두에 두고, 미리보기 텍스트는 간결하게 유지해 주세요. 다음은 이메일 클라이언트별 문자 수 제한을 정리한 내용이에요:

이메일 내에 미리보기 텍스트 표시

경우에 따라 템플릿 본문 안에 미리보기 텍스트를 표시하고 싶을 수도 있어요. 다음 태그를 사용하여 이메일 미리보기 화면에서 설정한 모든 미리보기 텍스트를 참조할 수 있어요:

{% render_variable preview_text %}

템플릿의 어떤 텍스트 블록에든 태그를 붙여 넣으세요.

미리보기 텍스트 숨기기

미리보기 텍스트를 완전히 숨기고 고객의 받은편지함에 제목만 표시되게 하려면 아래의 코드 조각을 이메일 맨 위에 추가하세요. 이 코드는 이메일 콘텐츠를 미리보기 텍스트 표시 영역 밖으로 밀어내므로, 미리보기 텍스트가 비어 있는 것처럼 표시돼요.

1. 이메일의 가장 위쪽, 다른 모든 콘텐츠 위에 HTML 블록을 추가하세요.
2. 다음 코드 조각을 추가하세요:
   

<div style="display: none; max-height: 0px; overflow: hidden;">͏ &zwnj;
    &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy;
    ͏&zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp;
    &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj;
    &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy;
    ͏&zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp;
    &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj;
    &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
    ͏&zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp;
    &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj;
    &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy;
    ͏&zwnj; &nbsp; &shy;
</div>

1. HTML 블록을 저장해 주세요.

이메일이 받은편지함에 도착하면 고객은 제목만 보게 돼요.