기본 템플릿을 만드는 방법
Klaviyo에서 기본 이메일 템플릿을 만드는 방법을 알아보세요. 기본 템플릿을 만들면 캠페인과 플로우 전반에 걸쳐 이를 사용하여 구축 프로세스를 더 빠르게 진행하고 메시지 전반에서 브랜딩 일관성을 유지할 수 있어요.
시작하기 전에 알아야 할 것
기본 템플릿에는 헤더, 본문 콘텐츠, 푸터 같은 핵심 섹션이 포함돼요. 만드는 방법:
- 콘텐츠 > 템플릿으로 이동한 다음 만들기 > 새 템플릿을 선택하세요.
- 이메일을 선택하고 이름 필드에 “기본 이메일 템플릿”과 같은 설명이 되는 이름을 입력해 주세요.
- 만들기를 클릭해 이메일 편집기를 여세요. 그런 다음 아래 단계를 따라 템플릿에 재사용 가능한 콘텐츠를 추가하세요.
1. 기본 스타일 설정
개별 블록을 스타일링하기 전에 기본 스타일을 설정해 주세요. 글꼴, 색상, 패딩 등과 같은 이러한 스타일은 템플릿 전반에 걸쳐 기본값을 제공해요. 개별 블록이나 텍스트에 적용된 서식은 이러한 기본값을 덮어쓸 수 있어요.
기본 스타일을 추가하면 브랜딩을 더 쉽게 적용할 수 있고, 코드 용량도 줄어 Gmail에서 잘림을 피하기가 더 쉬워요.
기본 스타일을 추가하려면:
- 왼쪽 사이드바에서 스타일을 클릭해 주세요.
선택한 블록 또는 섹션 안의 스타일 탭은 해당 블록 또는 섹션에만 영향을 줘요. 왼쪽 사이드바의 스타일을 사용해 템플릿의 기본 스타일을 변경하세요.
- 템플릿과 콘텐츠의 배경색을 설정하고, 여백 및 패딩도 함께 설정하세요. 받은편지함 제공업체와의 최적의 호환성을 위해 너비 설정을 600px로 유지 하는 것을 권장해요.
- 텍스트 및 제목에서 글꼴, 글꼴 크기, 색상, 간격 등을 포함한 텍스트 스타일을 추가해요. 스타일 유형 메뉴를 사용해 본문 텍스트와 제목 1, 제목 2, 제목 3, 제목 4의 스타일을 설정해요. 이 제목 스타일을 사용해 이메일 전체에서 눈에 띄는 텍스트를 만들 수 있어요. 이메일에서 사용자 정의 글꼴을 사용하는 방법을 알아보세요.
- 링크 색상과 스타일을 추가해 주세요.
- 통화 메뉴에서 스토어 통화를 선택하세요. 선택한 통화 기호는 이 템플릿에서 {% currency_format ... %} 태그의 기본값이에요.
- 모바일에 최적화가 켜져 있으면 모바일 설정을 추가해 주세요. 이 설정은 누군가 모바일 기기에서 이메일을 열 때 표시돼요. 모바일 최적화에 대해 자세히 알아보세요.
2. 헤더 섹션 만들기
이메일 스타일을 설정한 후, 헤더 섹션을 추가하세요. 일반적으로 헤더 섹션에는 로고, 주요 링크, 그리고 때로는 최신 세일 정보나 수신자의 VIP 상태에 관한 정보를 담은 배너가 포함돼요.
- 템플릿에 이미 헤더 바가 있다면, 이를 클릭해서 자체 로고로 업데이트해 주세요. 또는 왼쪽 사이드바에서 콘텐츠를 클릭하고, 헤더 바 블록을 드래그해 넣은 다음 로고를 추가해 주세요. 이미지 크기 및 품질에 대한 모범 사례를 알아보세요.
- 데스크톱 레이아웃 및 모바일 레이아웃 메뉴에서 레이아웃을 선택하세요(예: 데스크톱에는 로고 인라인, 모바일에는 모두 스택). 모바일 기기는 데스크톱보다 화면이 훨씬 작기 때문에 콘텐츠를 스택으로 쌓으면 읽고 탐색하기가 더 쉬울 수 있어요.
- 콘텐츠 섹션에서 주요 사이트 탐색 링크를 추가해 주세요. 휴지통 아이콘을 클릭해 링크를 삭제하거나 링크 추가를 클릭해 링크를 추가해 주세요. 헤더에 포함하기 좋은 일반적인 링크는 다음과 같아요. 지금 쇼핑하기, 신상품, 회사 소개, 세일, 자주 묻는 질문(FAQ), 또는 제품 카테고리 선택 항목.
- 링크 콘텐츠 아래 섹션에서 블록 스타일을 조정해 주세요. 이메일 전체에 스타일 설정을 적용하려면, 위 섹션에서 설명한 대로 기본 스타일 패널을 사용해 주세요.
- 콘텐츠로 돌아가려면 블록 설정 상단의 뒤로 화살표를 클릭하세요.
선택 사항인 기능 배너를 추가해요.
헤더 바 위 또는 아래에 기능 배너를 추가할 수 있어요.
- 링크 바와 같은 섹션으로 텍스트 블록을 드래그하세요.
- 배경을 강조 색상으로 설정하고 “첫 주문 15% 할인! 코드 WELCOME을 사용하세요!”와 같은 주요 메시지를 추가하세요.
- 블록 왼쪽 또는 오른쪽의 공간 위에 마우스를 올려 기능 배너와 링크 바가 같은 섹션에 있는지 확인해 주세요. 마우스를 올리면 회색 섹션 테두리가 두 블록을 모두 둘러야 하며, 섹션을 클릭하면 파란색으로 바뀌어요.
- 선택 사항: 별 아이콘을 클릭하고 섹션 이름을 입력한 다음 만들기를 클릭해 범용 콘텐츠로 저장하세요. 범용 블록과 섹션은 여러 템플릿에서 사용할 수 있으며, 한 번에 블록/섹션의 모든 인스턴스를 편집할 수 있어요. 범용 콘텐츠에 대해 자세히 알아보세요.
3. 본문 콘텐츠 추가
- 왼쪽 사이드바에서 콘텐츠가 닫혀 있으면 여세요. 블록 또는 섹션 설정이 열려 있으면 뒤로 가기 화살표를 클릭하세요. 레이아웃에서 섹션 블록을 드래그해 헤더 아래에 놓으세요.
- 이메일 본문 콘텐츠용 자리 표시자 블록을 추가하세요. 여기에는 브랜드 또는 프로모션 메시지 설명이 포함된 텍스트 블록, 사용하려는 일반적인 레이아웃, 자리 표시자 제품 이미지 등이 포함될 수 있어요. 열, 분할 블록, 표를 사용하여 콘텐츠를 나란히 배치 하는 방법을 알아보세요.
섹션에 배경 이미지를 추가 하고 그 위에 버튼, 텍스트 및 기타 요소를 오버레이하는 방법을 알아보세요.
4. 푸터 섹션 구축하기
Klaviyo에서는 이메일에 구독 취소 링크를 포함해야 하며, 일반적으로 바닥글에 배치합니다. 또한 다음과 같은 바닥글 요소를 권장합니다:
- 사업장 주소
- 개인정보 보호정책으로 연결되는 링크
- 소셜 프로필 링크(예: Facebook, Instagram, Twitter, TikTok)
- 웹사이트로 연결되는 링크
- 이메일 환경 설정 링크
기본 템플릿에 바닥글을 추가하려면:
- 블록 또는 섹션 설정이 열려 있으면 뒤로 가기 화살표를 사용해 콘텐츠로 돌아가세요. 본문 섹션 아래로 새 섹션을 드래그하거나 기본 바닥글을 클릭해 편집하세요.
- 텍스트 블록을 추가하세요.
- 텍스트 서식 지정 도구 모음에서 개인화 아이콘을 클릭합니다.
- 검색 개인화 필드에서 “구독 취소”를 검색하세요.
- 텍스트 블록에 구독 취소 링크 태그를 추가하려면 구독 취소를 선택하세요.
- 같은 메뉴에서 조직 주소, 환경설정 관리 링크, 웹 보기 링크 등을 추가할 수 있어요.
환경설정 관리 및 웹 보기의 경우 링크 텍스트를 검토한 다음 삽입을 클릭해 주세요.
이메일을 보내면 이러한 태그가 적절한 텍스트 또는 링크로 대체됩니다.
- 텍스트 블록 설정 상단의 뒤로 가기 화살표를 클릭한 다음, 푸터 섹션에서 이전 단계의 텍스트 블록 바로 위로 소셜 링크 블록을 드래그해 넣으세요.
- 기존 각 아이콘의 아이콘 드롭다운에서 소셜 채널을 선택하세요. 다른 채널을 추가하려면 아이콘 추가를 클릭한 다음, 새 아이콘에 사용할 채널을 선택하세요.
- 각 소셜 채널의 링크 주소 필드에 프로필로 연결되는 링크를 추가해 주세요.
- 아이콘 스타일을 선택하세요.
- 콘텐츠로 돌아가려면 블록 설정 상단의 뒤로 화살표를 클릭하세요.
- 선택적으로 전체 바닥글 섹션을 범용 콘텐츠로 저장할 수 있어요. 바닥글 섹션을 선택하고 별표 아이콘을 클릭한 다음 이름을 입력하고 만들기를 클릭하세요.
5. 미리보기
헤더, 본문 콘텐츠, 푸터 섹션을 추가한 다음 이메일을 미리 보세요.
- 이메일 편집기 오른쪽 상단에서 미리 보기를 클릭해 주세요.
- 데스크톱과 모바일 간에 전환하여 두 형식 모두에서 템플릿이 원하는 대로 표시되는지 확인하세요.
- 테스트 수신자 필드에 이메일 주소를 입력한 다음, 테스트 보내기를 클릭해 본인 받은편지함으로 테스트 이메일을 보내세요.
- 미리보기 모달을 닫으려면 완료를 클릭하세요.
- 편집을 끝내고 템플릿으로 돌아가려면 나가기를 클릭해 주세요. Klaviyo에서 템플릿 변경 사항을 자동으로 저장해요.
기본 템플릿을 저장한 후에는 이를 이후 모든 캠페인 및 플로우 이메일의 기반으로 사용할 수 있어요.