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