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

학습 내용

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

미리 보기 텍스트 정보

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

미리보기 텍스트를 사용하여 이메일을 개선하는 방법에는 크게 두 가지가 있습니다:

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

미리 보기 텍스트를 특별히 삽입하지 않으면 받은 편지함에서 자동으로 이메일 내의 첫 줄 텍스트에서 가져옵니다. 즉, ALT 텍스트, 탐색 모음 등이 미리 보기 텍스트로 표시될 수 있으므로 미리 보기 텍스트로 표시할 내용을 정확히 지정하는 것이 가장 좋습니다. 미리보기 텍스트를 전략적으로 사용하는 방법에 대해 자세히 알아보려면 클라비요 블로그를 방문하세요.

흐름 이메일에 미리 보기 텍스트 추가 

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

1. 편집하려는 이메일이 포함된 플로우를 엽니다.
2. 흐름 메시지를 클릭하여 콘텐츠 사이드바를 엽니다.
3. 콘텐츠 사이드바에서 편집을 클릭합니다.
4. 텍스트 미리 보기 필드에 원하는 미리 보기 텍스트를 추가합니다.
   

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

이메일 미리 보기 화면에 캠페인의 미리 보기 텍스트를 삽입하려면 다음과 같이 하세요:

1. 수정하려는 캠페인을 엽니다.
2. 콘텐츠로 계속을클릭합니다.
3. 텍스트 미리 보기 필드에 원하는 미리 보기 텍스트를 추가합니다.
   

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

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

장치와 이메일 클라이언트마다 표시되는 미리보기 텍스트 글자 수에 대한 제한이 다르며, 작은 화면에서는 더 적은 수의 미리보기 문자가 표시됩니다. 이를 염두에 두고 미리보기 텍스트를 간결하게 작성하세요. 이메일 클라이언트별 글자 수 제한은 다음과 같습니다: 

Acid의 이메일을통한 이미지 

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

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

{% render_variable preview_text %}

템플릿의 텍스트 블록에 태그를 붙여넣습니다. 

미리 보기 텍스트 숨기기

미리 보기 텍스트를 완전히 숨기고 고객의 받은 편지함에 제목만 표시하려면 이메일 맨 위에 아래 코드 스니펫을 추가하세요. 이 코드는 이메일 콘텐츠를 텍스트 미리 보기 영역을 지나치게 밀어내어 공백으로 표시합니다. 

1. 이메일 맨 위에 다른 모든 콘텐츠 위에 HTML 블록을 추가합니다. 
2. 다음 코드 조각을 추가합니다: 
   

   <div style="display: none; max-height: 0px; overflow: hidden;"> ͏ ‌
       & & 부끄러움; ͏ &부끄러움; &부끄러움; ͏ &부끄러움; ͏ &부끄러움; &부끄러움; &부끄러움; ͏ &부끄러움; &부끄러움; &부끄러움; ͏ &부끄러움; &부끄러움; &부끄러움;
       ͏‌   ­ ͏ ‌   ­ ͏ ‌   ­ ‌   ­ ͏ ‌  
      ­ ͏ ‌   ­ ͏ ‌ 39nbsp; ­ ‌   ­ ͏ ‌   ­ ͏ ‌
       & & shy; ͏ ‌   ­ ‌   ­ ͏ ‌   ­ ͏ ‌   ­
       ͏‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌  
      ­ ‌ nbsp; ­ ͏ ‌   ­ ‌   ­ ͏ ‌   ­ ͏ ‌
       & & shy; ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­ ‌   ­
       ͏‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌ nbsp;
      ­ ͏ ‌   ­ ͏ ‌   ­ ‌   ­ ͏ ‌   ­ ͏ ‌
       & & shy; ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­
       ͏‌   ­
   </div>

3. HTML 블록을 저장합니다. 

이메일이 받은 편지함에 도착하면 고객은 제목만 볼 수 있습니다.

추가 리소스

• 메시지 개인화 참조
• 템플릿 및 디자인 용어집