기본 템플릿을 만드는 방법

Klaviyo에서 기본 이메일 템플릿을 만드는 방법을 알아보세요. 기본 템플릿을 만들면 캠페인과 플로우 전반에 걸쳐 이를 사용하여 구축 프로세스를 더 빠르게 진행하고 메시지 전반에서 브랜딩 일관성을 유지할 수 있어요.

시작하기 전에 알아야 할 것

기본 템플릿에는 헤더, 본문 콘텐츠, 푸터 같은 주요 섹션이 포함돼요. 콘텐츠 > 템플릿으로 이동한 다음 만들기를 클릭해 시작하세요. 그런 다음 아래 단계를 따라 템플릿에 재사용 가능한 콘텐츠를 추가하세요.

1. 기본 스타일 설정

개별 블록을 스타일 지정하기 전에 기본 스타일을 설정해 주세요. 글꼴, 색상, 패딩 등의 이러한 스타일은 템플릿 전체의 모든 블록에 적용돼요.

기본 스타일을 추가하면 브랜딩을 더 쉽게 적용할 수 있고, 코드 용량도 줄어 Gmail에서 잘림을 피하기가 더 쉬워요.

기본 스타일을 추가하려면:

1. Content 옆에 있는 Styles 를 클릭해 주세요.
   
   

1. 템플릿과 콘텐츠의 배경색을 설정하고, 여백 및 패딩도 함께 설정하세요. 받은편지함 제공업체와의 최적의 호환성을 위해 너비 설정을 600px로 유지 하는 것을 권장해요.
   

2. 글꼴, 글꼴 크기, 색상, 간격을 포함한 텍스트 스타일을 추가하세요. 일반 텍스트뿐만 아니라 H1, H2, H3, H4의 스타일도 설정해 주세요. 이러한 제목 스타일을 사용해 이메일 전반에서 중요한 텍스트를 강조할 수 있어요. 이메일에서 사용자 정의 글꼴을 사용하는 방법을 알아보세요.
   

3. 링크 색상과 스타일을 추가해 주세요.
   

4. 통화 메뉴에서 스토어의 통화를 선택하세요. 선택한 통화 기호는 템플릿에서 {% currency_format ... %} 태그가 있는 모든 위치에 사용돼요.
   

5. 모바일 최적화가 켜져 있으면 모바일 설정을 추가하세요. 이 설정은 누군가가 모바일 기기에서 이메일을 열 때 표시돼요. 모바일 최적화에 대해 자세히 알아보세요.
   

2. 헤더 섹션 만들기

이메일 스타일을 설정한 후, 헤더 섹션을 추가하세요. 일반적으로 헤더 섹션에는 로고, 주요 링크, 그리고 때로는 최신 세일 정보나 수신자의 VIP 상태에 관한 정보를 담은 배너가 포함돼요.

1. 템플릿에 이미 헤더 바가 있는 경우 자체 로고로 업데이트해 주세요. 또는 헤더 블록을 끌어다 놓고 로고를 추가해 주세요. 이미지 크기 및 품질에 대한 모범 사례를 알아보세요.
   

2. 데스크톱 레이아웃 및 모바일 레이아웃 메뉴에서 레이아웃을 선택하세요(예: 데스크톱에는 로고 인라인, 모바일에는 모두 스택). 모바일 기기는 데스크톱보다 화면이 훨씬 작기 때문에 콘텐츠를 스택으로 쌓으면 읽고 탐색하기가 더 쉬울 수 있어요.
3. 콘텐츠 섹션에서 주요 사이트 탐색 링크를 추가하세요. 휴지통 아이콘을 클릭해 링크를 삭제하거나 링크 추가를 클릭해 링크를 추가하세요. 헤더에 포함하기 좋은 일반적인 링크는 다음과 같아요: 지금 쇼핑하기, 신규 입고, 소개, 세일, FAQ 또는 일부 제품 카테고리.
   

4. 링크 콘텐츠 아래 섹션에서 블록 스타일을 조정해 주세요. 참고로 이메일 전체에 스타일 설정을 적용하려면 위 섹션에 설명된 대로 기본 스타일 탭을 사용해 주세요.
5. 완료를 클릭해 기본 템플릿 편집 옵션으로 돌아가세요.

선택 사항인 기능 배너를 추가해요.

헤더 바 위 또는 아래에 기능 배너를 추가할 수 있어요.

1. 링크 바와 같은 섹션으로 텍스트 블록을 드래그하세요.
   

2. 배경을 강조 색상으로 설정하고 “첫 주문 15% 할인! 코드 WELCOME을 사용하세요!”와 같은 주요 메시지를 추가하세요.
3. 블록 왼쪽 또는 오른쪽의 공간 위에 마우스를 올려 기능 배너와 링크 바가 같은 섹션에 있는지 확인해 주세요. 마우스를 올리면 회색 섹션 테두리가 두 블록을 모두 둘러야 하며, 섹션을 클릭하면 파란색으로 바뀌어요.
   

4. 선택 사항: 별 아이콘을 클릭하여 섹션을 범용 콘텐츠로 저장하세요. 범용 블록과 섹션은 여러 템플릿에서 사용할 수 있으며, 블록/섹션의 모든 인스턴스를 한 번에 편집할 수 있어요. 범용 콘텐츠에 대해 자세히 알아보기.

3. 본문 콘텐츠 추가

1. Content 사이드바의 Layout 섹션에서 Section 블록을 드래그해 헤더 아래에 배치하세요.
   

2. 이메일 본문 콘텐츠용 자리 표시자 블록을 추가하세요. 여기에는 브랜드 또는 프로모션 메시지 설명이 포함된 텍스트 블록, 사용하려는 일반적인 레이아웃, 자리 표시자 제품 이미지 등이 포함될 수 있어요. 열, 분할 블록, 표를 사용하여 콘텐츠를 나란히 배치 하는 방법을 알아보세요.
   

4. 푸터 섹션 구축하기

Klaviyo에서는 이메일에 구독 취소 링크를 포함해야 하며, 일반적으로 바닥글에 배치합니다. 또한 다음과 같은 바닥글 요소를 권장합니다:

• 사업장 주소
• 개인정보 보호정책으로 연결되는 링크
• 소셜 프로필 링크(예: Facebook, Instagram, Twitter, Tiktok)
• 웹사이트로 연결되는 링크
• 이메일 환경 설정 링크

기본 템플릿에 바닥글을 추가하려면:

1. 본문 섹션 아래로 새 섹션을 드래그하거나 기본 바닥글을 편집하세요.
2. 텍스트 블록을 추가하세요.
3. 개인 설정을 클릭하세요.
4. 검색 개인화 필드에서 “구독 취소”를 검색하세요.
5. 텍스트 블록에 구독 취소 링크 태그를 추가하려면 구독 취소를 선택하세요.
6. 이 동일한 메뉴를 사용해 조직 주소, 환경설정 관리 링크, 웹 보기 링크 등을 추가할 수 있어요.
   

7. 이메일을 보내면 이러한 태그가 적절한 텍스트 또는 링크로 대체됩니다.
   

8. 다음으로, 이전 단계의 텍스트 블록 바로 위에 소셜 링크 블록을 템플릿으로 드래그하세요.
9. 드롭다운에서 소셜 채널을 선택해 블록에 추가하세요.
   

10. 각 소셜 채널의 링크 주소 필드에 프로필로 연결되는 링크를 추가해 주세요.
11. 아이콘 스타일을 선택하세요.
    

12. 완료를 클릭해 기본 템플릿 편집 옵션으로 돌아가세요.
13. 선택 사항으로, 전체 바닥글 섹션을 범용 콘텐츠로 저장하세요.

5. 미리보기

헤더, 본문 콘텐츠, 푸터 섹션을 추가한 다음 이메일을 미리 보세요.

1. 이메일 편집기의 오른쪽 상단에서 미리보기 & 테스트를 클릭하세요.
2. 데스크톱과 모바일 간에 전환하여 두 형식 모두에서 템플릿이 원하는 대로 표시되는지 확인하세요.
3. 테스트 보내기를 클릭하여 테스트 이메일을 본인 받은편지함으로 보내세요.
4. 미리보기 모달을 닫으려면 완료를 클릭하세요.
5. 저장을 클릭하여 템플릿을 저장해 주세요.

기본 템플릿을 저장한 후에는 이를 이후 모든 캠페인 및 플로우 이메일의 기반으로 사용할 수 있어요.

다음 단계

• 교육 코스: 이메일 콘텐츠를 개선하기 위한 모범 사례
• 템플릿을 만들고, 편집하고, 삭제하고, 관리하는 방법
• 이메일 또는 SMS에 이름을 추가하는 방법
• 동적 변수를 기반으로 템플릿 블록과 섹션을 표시하거나 숨기는 방법