메일 내용 단계의 추가 패널에서 상자를 본문에 넣고 문구, 글자 모양, 배경·테두리·크기·정렬과 이동 링크를 설정합니다. 링크가 없는 상자는 눌러도 이동하지 않으므로 발송 전 테스트 메일에서 반드시 클릭해야 합니다.
상자 블록을 추가하고 문구를 입력합니다
화면 이동 및 조작
메일 내용 단계의 추가 탭에서 상자 블록을 본문 캔버스에 넣고 자연스러운 행동 문구를 입력합니다.
반드시 포함할 부분
이 영역에는 왼쪽 추가 패널의 상자 블록, 캔버스의 선택된 상자와 문구, 선택 테두리와 주변 본문을 포함해주세요.
촬영 기준
문구는 7월 업데이트 보기처럼 결과를 예측할 수 있는 샘플을 사용합니다.
- 메일 내용 단계의 왼쪽 추가 탭을 엽니다.
- 기본 블록에서 상자를 캔버스의 원하는 위치로 끌어 놓습니다.
- 상자 안의 문구를 클릭해 행동을 구체적으로 설명하는 짧은 문장으로 바꿉니다.
예를 들어 자세히 보기보다 7월 업데이트 보기, 무료로 시작하기처럼 클릭 뒤 결과를 예측할 수 있는 문구가 좋습니다. 한 이메일에서 같은 중요도의 상자를 너무 많이 사용하면 핵심 행동이 흐려질 수 있습니다.
상자 스타일을 설정합니다
화면 이동 및 조작
캔버스의 상자를 선택하고 왼쪽 상자 스타일 탭을 엽니다. 설정 패널을 중간까지 스크롤합니다.
반드시 포함할 부분
이 영역에는 글자 서식, 글자·배경·테두리 색, 테두리 두께, 너비·위치, 모서리 둥글기, 높이·좌우 여백과 디자인 프리셋을 포함해주세요.
촬영 기준
한 화면에 읽기 어렵다면 글자·색상과 크기·여백을 두 장으로 나눕니다.
상자를 선택하면 상자 스타일에서 굵게·기울임·밑줄, 정렬, 글꼴과 글자 크기를 조정할 수 있습니다. 글자·밑줄·배경·테두리 색상, 테두리 두께, 너비, 위치, 모서리 둥글기, 높이와 좌우 여백도 설정할 수 있습니다.
| 설정 | 확인 기준 |
|---|---|
| 글자와 배경 | PC·모바일과 다크모드에서도 읽을 수 있는 대비인지 확인합니다. |
| 너비와 위치 | 자동 또는 비율 너비를 선택하고 왼쪽·가운데·오른쪽 위치를 확인합니다. |
| 높이와 여백 | 모바일에서 손가락으로 누르기 어렵지 않도록 충분한 영역을 둡니다. |
| 디자인 프리셋 | 상자 디자인 또는 버튼 디자인을 적용한 뒤 브랜드 색과 문구를 다시 확인합니다. |
이동 링크를 설정합니다
화면 이동 및 조작
같은 상자의 링크 설정 탭을 열고 일반 웹 주소를 입력한 상태로 둡니다.
반드시 포함할 부분
이 영역에는 일반 링크 입력·적용, 현재 연결 상태와 구독취소·구독 설정·웹에서 보기·구독 페이지·이메일·전화 특수 링크 항목을 포함해주세요.
촬영 기준
외부 주소는 https://brandname.com/update 같은 촬영용 예시를 사용합니다.
링크 설정 탭에서 일반 웹 주소를 입력하거나 구독취소, 구독 설정 변경, 웹에서 보기, 구독 페이지 같은 특수 링크를 선택합니다. 이메일 주소는 mailto 링크, 전화번호는 tel 링크로 전환할 수 있습니다.
- 연결할 주소를 입력하거나 특수 링크를 선택합니다.
- 적용 후 현재 연결된 링크를 확인합니다.
- 잘못된 링크라면 제거한 뒤 다시 연결합니다.
- 테스트 메일에서 상자를 눌러 최종 주소와 모바일 동작을 확인합니다.
구독취소 링크는 임의의 일반 URL로 바꾸지 말고 제공되는 구독취소 항목을 사용하세요. 외부 페이지는 https 주소인지, 로그인이나 만료 때문에 수신자가 열 수 없는 주소가 아닌지도 확인합니다.
발송 전 확인표
- 문구와 이동 페이지의 내용이 일치합니다.
- 배경과 글자의 대비가 충분합니다.
- 모바일에서 줄바꿈되거나 화면 밖으로 나가지 않습니다.
- 같은 목적의 상자 스타일이 이메일 전체에서 일관됩니다.
- 추적할 외부 링크를 실제 테스트 메일에서 눌러 확인했습니다.
에디터에 버튼이라는 블록이 보이지 않아요
현재 화면에서는 버튼 역할의 블록 이름이 상자입니다. 추가 탭에서 상자를 선택하고 상자 스타일과 링크 설정을 사용하세요.
다른 콘텐츠 블록 사용하기
구분선·간격·동영상·HTML 블록을 사용하는 방법을 확인하세요.