이메일 템플릿에서 섹션을 사용하는 방법
학습 내용
Klaviyo의 이메일 템플릿 편집기에서 이메일 템플릿 레이아웃의 섹션을 사용하는 방법을 알아보세요. 섹션은 블록 그룹으로, 템플릿을 구성하는 데 사용할 수 있어요. 모든 템플릿에는 최소 1개의 섹션이 포함되어 있어요.
템플릿 섹션 정보
템플릿 섹션을 사용하면 이메일 템플릿에서 관련 콘텐츠 블록을 그룹화할 수 있습니다. 이러한 블록을 섹션 내에서 그룹화하면 모든 블록에 스타일을 한 번에 적용하거나, 템플릿 내에서 섹션을 쉽게 이동할 수도 있습니다.
모든 블록은 섹션 내에 포함되어야 합니다. 블록을 드래그 앤 드롭하여 섹션 간에 이동할 수 있습니다.
섹션을 생성하고 편집하는 방법
모든 템플릿은 최소 1개의 섹션으로 시작해요. 새 섹션을 추가하려면 섹션 블록을 템플릿으로 드래그하세요. 다음으로, 섹션에 콘텐츠 블록(예: 텍스트, 이미지 또는 버튼 블록)을 추가하고 설정하세요.
섹션을 삭제하려면 섹션 영역 위에 마우스를 올린 다음 휴지통 아이콘을 클릭하세요.
별 아이콘을 클릭하여 섹션을 저장된 콘텐츠에 저장한 다음, 향후 템플릿에 사용하세요.
섹션 사용 사례 및 모범 사례
모든 템플릿은 섹션으로 구성되어 있으며, 특히 유용한 사용 사례가 몇 가지 있습니다. 예를 들어, 헤더와 푸터는 섹션으로 쉽게 관리할 수 있고 섹션을 사용해 콘텐츠 블록에 배경 이미지를 추가할 수도 있습니다.
헤더
섹션을 사용해 로고, 내비게이션 링크, 이메일 상단에 포함되는 기타 콘텐츠 등 모든 이메일 헤더 콘텐츠를 구축하세요. 섹션으로 헤더를 만든 다음, 다른 이메일에 쉽게 추가할 수 있도록 해당 섹션을 저장된 콘텐츠로 저장해 주세요.
바닥글
이메일 바닥글에는 보통 구독 취소 링크, 비즈니스 주소, 주요 링크, 그리고 메시지에 포함하는 면책 조항 또는 법적 문구 등 다양한 콘텐츠가 포함돼요. 섹션을 사용해 이 모든 콘텐츠를 체계적으로 정리하고, 섹션을 저장된 콘텐츠로 저장해 두면 이후 이메일에 쉽게 추가할 수 있어요.
텍스트 아래에 배경 이미지를 추가
섹션의 스타일 탭에서는 배경 이미지 위에 텍스트, 버튼 또는 기타 콘텐츠를 오버레이로 표시하도록 설정할 수 있어요. 섹션에 배경 이미지를 추가하는 방법을 알아보세요.
정보 섹션 스타일
섹션을 사용하면 여러 콘텐츠 블록에 걸쳐 적용되는 스타일을 추가할 수 있어요. 섹션에서 사용할 수 있는 모든 스타일 옵션을 보려면 섹션을 클릭한 다음 스타일 탭을 확인하세요. 스타일 옵션은 다음과 같아요:
- 배경 이미지
섹션에 배경 이미지를 추가하세요. - 콘텐츠 색상
auto를 사용하면 템플릿 스타일의 콘텐츠 색상이 적용되고, manual 을 사용하면 다른 배경색을 선택할 수 있으며, none을 선택하면 배경이 투명해요. - 테두리
섹션을 둘러싸는 실선, 점선 또는 점 테두리를 설정합니다. - 패딩
콘텐츠 블록과 섹션 영역의 가장자리 사이에 여백을 추가하세요. - 정렬
모바일에서 열을 스택할지 여부와 열 콘텐츠를 섹션의 상단, 중앙, 하단 중 어디에 정렬할지 선택합니다.
정보 섹션 표시 옵션
섹션 가시성
데스크톱 또는 모바일 기기에서만 섹션이 표시되도록 설정하려면:
- 섹션의 디스플레이 옵션 탭에서 이 섹션의 모든 블록에 동일한 가시성을 설정합니다. 를 켜세요. 이렇게 하면 해당 섹션의 모든 블록에 동일한 설정이 적용돼요.
- 데스크톱 또는 모바일 중에서 선택하세요.
논리 표시/숨기기
개별 블록과 마찬가지로, 섹션은 특정 특성을 가진 수신자에게 표시하거나 숨기도록 설정할 수 있어요. 표시 옵션을 구성할 때는 블록 및 섹션의 표시/숨기기 규칙이 서로 충돌하지 않도록 하는 것이 중요해요. 예를 들어 섹션을 캐나다의 수신자에게 표시하도록 설정했다면, 해당 섹션의 블록을 매사추세츠의 수신자에게만 표시하도록 설정하지 마세요. 그렇게 하면 모든 수신자에게 해당 블록이 숨겨져요.
수신자의 프로필 정보를 기반으로 템플릿 블록과 섹션을 표시하거나 숨기는 방법을 알아보세요.
콘텐츠 반복
개별 블록과 마찬가지로, 섹션도 동적 프로필 또는 이벤트 데이터를 기반으로 반복되도록 설정할 수 있어요. 콘텐츠 반복을 설정하는 방법을 알아보세요.