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