기본 템플릿을 만드는 방법

예상 5 읽은 시간(분)

업데이트 2024년 11월 22일 오전 9:24 EST

Klaviyo에서 기본 이메일 템플릿을 만드는 방법을 알아보세요. 기본 템플릿을 만든 후에는 캠페인과 플로우 전반에 걸쳐 이를 사용하여 구축 프로세스의 속도를 높이고 메시지 전반에 걸쳐 브랜딩의 일관성을 유지할 수 있습니다.

기본 템플릿에는 머리글, 본문 콘텐츠, 바닥글과 같은 주요 섹션이 포함되어 있습니다. 콘텐츠 > 템플릿으로 이동한 다음 빈 이메일 만들기를 클릭하여 시작합니다. 그런 다음 아래 단계에 따라 템플릿에 재사용 가능한 콘텐츠를 추가하세요.

개별 블록을 스타일링하기 전에 기본 스타일을 설정하세요. 글꼴, 색상, 패딩 등과 같은 이러한 스타일은 템플릿의 모든 블록에 적용됩니다.

기본 스타일을 추가하면 브랜딩을 적용하기가 더 쉬워지고 코드의 무게도 줄어들어 Gmail에서 클리핑을 피할 수 있습니다.

기본 스타일을 추가하려면

스타일 ( 콘텐츠 옆)을 클릭합니다.

콘텐츠 대신 스타일 탭 옆에 표시 옵션이 표시되는 경우 완료를 클릭하여 해당 블록 또는 섹션에만 적용되는 블록/섹션의 스타일 설정에서 빠져나옵니다.
템플릿 및 콘텐츠의 배경색과 여백 및 패딩을 설정합니다. 받은 편지함 제공업체와의 최적의 호환성을 위해 너비 설정을 600px로 두는 것이 좋습니다.
글꼴, 글꼴 크기, 색상 및 간격을 포함한 텍스트 스타일을 추가합니다. 일반 텍스트와 H1, H2, H3 및 H4에 대한 스타일을 설정해야 합니다. 이러한 제목 스타일을 이메일 전체에서 눈에 잘 띄는 텍스트에 사용할 수 있습니다. 이메일에서 사용자 지정 글꼴을 사용하는 방법을 알아보세요.
링크 색상과 스타일을 추가합니다.
모바일 최적화가 켜져 있는 경우 모바일 설정을 추가합니다. 누군가 모바일 장치에서 내 이메일을 열면 이 메시지가 표시됩니다. 모바일 최적화에 대해 자세히 알아보세요.
마지막으로 통화 메뉴에서 스토어 통화를 선택합니다. 선택한 통화 기호는 템플릿에서 {% currency_format … %} 태그가 있는 모든 곳에서 사용됩니다.

이메일 스타일을 설정한 후 헤더 섹션을 추가합니다. 일반적으로 헤더 섹션에는 로고, 주요 링크, 때로는 최신 세일 또는 수신자의 VIP 상태에 대한 정보가 포함된 배너가 포함됩니다.

템플릿에 이미 헤더 표시줄이 있는 경우 고유한 로고로 업데이트하세요. 또는 헤더 블록을 드래그하여 로고를 추가합니다. 이미지 크기 조정 및 품질에 대한 모범 사례를 알아보세요.
데스크톱 레이아웃 및 모바일 레이아웃 메뉴에서 레이아웃을 선택합니다(예: 데스크톱의 경우 로고 인라인, 모바일의 경우 모두 쌓기 ). 모바일 디바이스는 데스크톱보다 훨씬 작은 화면을 사용하므로 콘텐츠를 쌓아두면 읽고 탐색하기가 더 쉬워집니다.
콘텐츠 섹션에서 주요 사이트 탐색 링크를 추가합니다. 링크를 제거하려면 휴지통 아이콘을 클릭하고, 추가하려면 링크 추가를 클릭합니다. 헤더에 포함할 수 있는 일반적인 링크는 지금 쇼핑하기, 신상품, 정보, 세일, FAQ 또는 제품 카테고리 선택 등입니다.
링크 콘텐츠 아래 섹션에서 블록 스타일을 조정합니다. 전체 이메일에 스타일 설정을 적용하려면 위 섹션에 설명된 대로 기본 스타일 탭을 사용하세요.
완료를 클릭하여 기본 템플릿 편집 옵션으로 돌아갑니다.

헤더 표시줄 위나 아래에 기능 배너를 추가할 수 있습니다.

텍스트 블록을 링크 표시줄과 같은 섹션으로 드래그합니다.
배경을 강조 색상으로 설정하고 "첫 주문 시 15% 할인 코드 WELCOME을 사용하세요!" 등의 추천 메시지를 추가합니다.
블록의 왼쪽 또는 오른쪽 공간 위로 마우스를 가져가서 기능 배너와 링크 바가 같은 섹션에 있는지 확인합니다. 마우스를 가져가면 회색 섹션 테두리가 두 블록을 둘러싸고, 섹션을 클릭하면 파란색으로 바뀝니다.
선택 사항입니다: 별 모양 아이콘을 클릭하여 섹션을 유니버설 콘텐츠로 저장합니다. 범용 블록과 섹션은 여러 템플릿에서 사용할 수 있으며, 블록/섹션의 모든 인스턴스를 한 번에 편집할 수 있습니다. 유니버설 콘텐츠에 대해 자세히 알아보세요.

콘텐츠 사이드바의 레이아웃 섹션에서 섹션 블록을 드래그하여 헤더 아래에 배치합니다.
이메일 본문 콘텐츠에 플레이스홀더 블록을 추가합니다. 여기에는 브랜드 또는 프로모션 메시지에 대한 설명이 포함된 텍스트 블록, 사용하려는 일반적인 레이아웃, 플레이스홀더 제품 이미지 등이 포함될 수 있습니다. 열, 분할 블록 및 표를 사용하여 콘텐츠를 나란히 배치하는 방법을 알아보세요.