메일 내용 단계에서 레이아웃을 캔버스에 추가한 뒤 한 칸부터 여러 칸까지 열 구조를 선택하고 각 칸에 블록을 배치합니다. 레이아웃 설정, 전체 배경과 일괄설정을 함께 사용하면 뉴스레터 디자인을 일관되게 만들 수 있습니다.
레이아웃을 추가합니다
- 왼쪽 편집 패널에서 레이아웃 영역을 엽니다.
- 한 칸 또는 필요한 열 수의 레이아웃을 캔버스로 끌어 놓습니다.
- 각 칸에 제목, 본문, 이미지나 상자 블록을 추가합니다.
- 모바일 보기에서 열의 읽는 순서와 폭을 확인합니다.
한 행에 너무 많은 열을 넣으면 모바일에서 이미지와 글자가 작아집니다. 비교가 꼭 필요한 카드만 여러 칸으로 구성하고 긴 설명은 한 칸 본문으로 배치하세요.
열 구성과 내부 블록을 조정합니다
레이아웃 전체를 선택한 상태와 내부 블록을 선택한 상태는 설정 범위가 다릅니다. 전체 테두리를 선택해 열 구조와 배경을 바꾸고, 개별 블록을 선택해 글자·이미지·링크를 편집합니다. 푸터는 레이아웃 안에 넣을 수 없으므로 캔버스 하단의 별도 푸터 구역에 배치합니다.
배경과 이메일 너비를 설정합니다
레이아웃별 배경색 또는 배경 이미지를 적용하고, 전체 배경과 이메일 너비는 상단 또는 일괄설정에서 확인합니다. 이메일 너비를 바꾸면 제목 줄바꿈, 이미지 크기와 여러 칸 비율이 함께 달라질 수 있습니다.
- 배경 이미지가 로드되지 않아도 글자를 읽을 수 있게 배경색을 함께 설정합니다.
- 본문과 바깥 배경을 구분하되 색 대비가 과하지 않게 합니다.
- 400~800px 이메일 너비를 바꾼 뒤 PC·모바일을 모두 다시 확인합니다.
디자인 프리셋과 일괄설정을 사용합니다
디자인 프리셋은 레이아웃과 블록에 미리 정의된 모양을 빠르게 적용합니다. 일괄설정은 이메일 전체의 공통 디자인을 맞출 때 사용합니다. 프리셋을 적용한 뒤에는 브랜드 색, 글꼴, 링크, 실제 문구가 샘플 값으로 남지 않았는지 확인하세요.
완성한 레이아웃을 재사용합니다
자주 쓰는 상품 카드나 공지 구간은 레이아웃 전체를 선택해 내 템플릿으로 저장할 수 있습니다. 저장한 레이아웃을 불러오면 내부 문구·이미지·링크도 함께 들어올 수 있으므로 새 캠페인 내용으로 모두 교체합니다.
여러 칸 레이아웃은 모바일에서 그대로 가로로 보이나요?
수신 환경과 설정에 따라 표시가 달라질 수 있습니다. 에디터의 모바일 보기와 실제 테스트 메일에서 읽는 순서, 글자 크기와 이미지 폭을 확인하세요.
푸터를 레이아웃 안에 넣을 수 있나요?
현재 에디터는 레이아웃 안에 푸터 블록을 넣지 않도록 안내합니다. 본문 레이아웃과 캔버스 하단 푸터를 별도로 구성하세요.
저장과 미리보기 확인하기
레이아웃 저장, 실행 취소와 PC·모바일 미리보기 사용하기를 확인하세요.