이메일에서 헤더 바 블록을 사용하는 방법
학습 내용
이메일 상단에 로고, 주요 링크 및 기타 정보를 추가하는 데 사용하는 헤더 바 블록에 대해 알아보세요.
헤더 바 블록 정보
헤더 바 블록에는 로고와 강조하고 싶은 링크를 어떤 것이든 포함할 수 있어요. 헤더 바에 다음 링크 중 일부를 포함하는 것을 고려해 보세요:
- 홈
- 회사 소개
- 지금 쇼핑하기
- 신규
- 베스트셀러
- 세일
- 자주 묻는 질문
- 반품 & 교환(주문 후속 이메일에서)
링크를 추가할 때는 신중하게 진행해 주세요. 너무 많이 포함하면 이메일이 복잡해 보이고 탐색하기 어려울 수 있어요.
헤더 바 블록 형식 옵션
데스크톱과 모바일에서 버튼과 로고의 배치를 다르게 선택할 수 있어요.
- 데스크톱 레이아웃 옵션
- 로고 스택
- 로고 인라인
- 로고 가운데 정렬
- 링크 및 버튼만 해당
- 모바일 레이아웃 옵션
- 모두 스택
- 로고 스택
- 로고 인라인
- 링크 및 버튼만 해당
- 스택 링크 및 버튼만
모바일에서는 화면이 훨씬 작기 때문에 스택형 형식을 사용하면 버튼을 더 쉽게 읽고 클릭할 수 있어요.
이메일에 헤더 바 블록 추가
- 이메일 템플릿에서 헤더 바 블록을 캔버스로 드래그하세요.
- 콘텐츠 > 이미지 및 브랜드 > 브랜드에서 Klaviyo 계정에 이미 로고를 추가했다면 로고가 미리 채워져 있어요. 그렇지 않으면 로고를 추가하세요.
- 드롭다운 화살표 아이콘을 사용해 각 링크의 세부 정보를 확인하고 링크 텍스트와 URL을 편집해 주세요.
- 모바일에서 공간을 절약하려면 필수적이지 않은 링크는 데스크톱만을 선택하는 것을 고려해 보세요.
- 추가 링크 또는 콘텐츠를 더 추가하려면 링크 추가 또는 이미지 추가 버튼을 사용해 주세요.
- 콘텐츠 섹션 아래의 설정을 사용해 글꼴, 색상, 패딩 등을 포함해 링크 텍스트의 스타일을 지정하세요.
향후 이메일에서 사용할 수 있도록 헤더 바를 저장하세요.
보내는 대부분의 이메일에는 헤더 바가 포함되어야 해요. 헤더 바 블록을 저장해 나중에 이메일에서 재사용할 수 있는 범용 콘텐츠로 만들려면, 블록 옆의 별 아이콘을 클릭하고 표시되는 안내를 따라 주세요.
유니버설 및 저장 콘텐츠에 대해 자세히 알아보세요.
헤더 바 블록 받은편지함 관련 고려 사항
수신자의 받은편지함에 따라 헤더 바(또는 이메일 전체)가 약간 다르게 표시될 수 있습니다. 이메일이 다양한 받은편지함에서 어떻게 표시되는지 확인하려면 Email on Acid 같은 도구를 사용하는 것을 고려해 보세요.
헤더 바 블록 및 Gmail 클리핑
헤더 바 블록은 코드 비중이 높기 때문에 이메일의 전체 코드 용량을 증가시킵니다. 다른 콘텐츠가 많이 포함된 메시지에서는 Gmail 클리핑이 발생할 수 있습니다.
메시지가 잘릴 위험이 있다면 로고에는 이미지 블록을 사용하고, 그 다음에 링크가 포함된 표 블록을 사용하는 것을 고려해 보세요.
헤더 바 차단 및 Microsoft Outlook
Outlook의 고유한 HTML 렌더링 엔진 때문에 Outlook을 사용하는 수신자의 경우 헤더 바 요소에 테두리가 추가될 수 있어요.
이를 방지하려면 로고에는 이미지 블록을, 링크에는 표를 사용하여 헤더를 만드세요.