이메일에 열을 추가하는 방법
학습 내용
필요할 때 이메일에 열을 추가하여 템플릿을 더 보기 좋게 만드는 방법을 알아보세요. 템플릿에 열을 추가하는 방법은 몇 가지가 있어요. 이 문서에서는 이메일에 열을 추가하는 모든 방법과 기기에 따라 디자인을 최적화하는 방법을 안내해 드릴게요.
분할 블록, 열 또는 테이블을 사용해야 하는 경우
Klaviyo의 이메일 편집기에서 콘텐츠를 나란히 배치하는 방법은 3가지가 있어요. 분할 블록, 열, 표 블록이에요. 각 옵션에는 특정한 장점과 트레이드오프가 있어요.
콘텐츠 레이아웃 | 열 수 | 너비 옵션 | 허용되는 콘텐츠 유형 | 모바일 보기에서 열을 쌓을 수 있나요? |
블록 분할 | 2 | 정확한 제어(사용: 분할 설정 > 열 너비) | 이미지 또는 텍스트만 | 예 |
열 | 1-4 | 제한된 선택 | 모든 유형의 콘텐츠 블록(예: 텍스트 블록, 이미지 블록, 리뷰 인용문 블록) | 예 |
표 블록 | 모든 숫자 | 정밀한 제어(열 너비 > 수동 사용) | 이미지 또는 텍스트만 | 아니요 |
표는 화면 리더가 해석하기 어려워 접근성 측면에서 까다로울 수 있어요.
이메일에 분할 블록을 추가하기
이메일에 분할 블록을 추가하려면:
- 분할 블록을 템플릿으로 끌어다 놓으세요.
- 2개 열의 너비를 사용자 지정하려면 레이아웃 백분율을 조정하세요.
- 콘텐츠 섹션에서 분할 블록의 각 측에 텍스트를 넣을지 아니면 이미지를 넣을지 선택해 주세요.
- 열 선택기 아래의 아이콘을 클릭해 열을 전환해 주세요.
- 저장을 클릭하여 블록을 저장하세요.
이메일에 열 추가
이메일에 열을 추가하려면:
- 이메일에 열을 만들려면 레이아웃 아래의 열 옵션을 끌어다 놓으세요.
- 모달의 옵션에서 원하는 레이아웃을 선택하세요.
- 모든 유형의 블록을 열에 드래그하세요.
분할 블록과 달리 어떤 블록이든 사용할 수 있고, 동일한 열 내에 여러 블록을 포함할 수 있으며, 두 개를 초과하는 열을 선택할 수도 있어요. 예를 들어, 한쪽에는 이미지가 있고 다른 한쪽에는 텍스트와 버튼이 있는 이메일이에요.
또한 모바일 브라우저에서 이메일을 열면 열이 서로 위로 쌓이며, 왼쪽이 오른쪽 위에 쌓입니다. 모바일에서 열을 쌓지 않으려면 테이블 블록을 사용하도록 선택하세요.
이메일에 테이블 블록 추가
테이블 블록을 사용해 이메일에 열을 만들 수 있어요. 표 블록에는 텍스트와 이미지만 포함할 수 있지만, 모바일에서도 열이 나란히 유지되도록 해 이메일을 열로 맞춤설정할 수 있어요. 다른 블록과 마찬가지로, 시작하려면 표 블록을 이메일로 드래그 앤 드롭하세요.
표 블록의 모양을 변경하려면 블록 설정으로 이동해 열 주변의 패딩 또는 간격과 테두리 색상 및 글꼴을 조정해 주세요.
모바일 환경에 최적화하려면 표의 모바일 보기를 테스트해 보세요. 열이 많은 표가 있다면 데스크톱에서만 이상적으로 보일 가능성이 높아요. 모바일에서 열을 변경하거나 숨기려면 열 탭에서 설정을 조정하세요.
이메일 디자인에 대한 자세한 내용은 이메일 디자인 교육 코스를 확인해 보세요.