빠른 답변
상자 블록을 선택한 뒤 왼쪽 상자 스타일에서 상자 디자인 또는 버튼 디자인을 고릅니다. 프리셋을 먼저 적용하고 글자·색상·너비·정렬·모서리를 브랜드에 맞게 조정하면 빠르고 일관된 디자인을 만들 수 있습니다.
상자 블록을 추가하세요
- 메일 내용 → 추가에서 상자를 선택합니다.
- 캔버스의 원하는 섹션에 상자 블록을 넣습니다.
- 상자를 선택해 왼쪽 상자 스타일 패널을 엽니다.
상자 디자인과 버튼 디자인을 구분하세요
| 종류 | 적합한 내용 | 예시 |
|---|---|---|
| 상자 디자인 | 안내·공지·혜택·주의사항처럼 짧은 정보를 묶어 보여줍니다. | 할인 안내, 배송 공지, 시스템 점검, 환영 메시지 |
| 버튼 디자인 | 수신자가 눌러야 할 하나의 행동을 강조합니다. | 상품 보기, 신청하기, 쿠폰 받기, 일정 확인 |
프리셋을 빠르게 탐색하세요
패널 아래의 상자 디자인과 버튼 디자인 탭을 전환하면 목적별 예시가 표시됩니다. 마우스로 목록을 스크롤하거나, 안내 문구에 표시된 것처럼 키보드 방향키로 다음 프리셋을 빠르게 확인할 수 있습니다. 문구가 완성된 카드라도 적용 후 실제 캠페인 내용으로 반드시 바꾸세요.
프리셋 적용 후 세부 모양을 맞추세요
- 폰트·글자 크기: 주변 제목과 본문의 위계를 해치지 않도록 맞춥니다.
- 글자·밑줄·배경·테두리 색상: 브랜드 색과 충분한 대비를 유지합니다.
- 너비: 자동 또는 슬라이더로 조절하고 모바일에서 넘치지 않는지 확인합니다.
- 상자 위치: 왼쪽·가운데·오른쪽 중 콘텐츠 흐름에 맞게 선택합니다.
- 둥글게·높이: 버튼 성격과 주변 여백을 보면서 조절합니다.
클릭 링크를 연결하세요
- 행동을 유도하는 상자나 버튼을 선택합니다.
- 왼쪽 위의 링크 설정 탭을 엽니다.
- 이동 주소를 전체 URL로 입력합니다.
- 버튼 문구가 링크의 도착 페이지와 일치하는지 확인합니다.
좋은 버튼 문구
‘자세히 보기’보다 ‘신제품 앰플 보기’, ‘8월 웨비나 신청하기’처럼 클릭 후 결과가 예상되는 문구가 이해하기 쉽습니다.
한 이메일의 강조 수준을 정리하세요
색이 강한 버튼을 여러 개 쓰면 핵심 행동이 흐려집니다. 가장 중요한 행동에는 대표 버튼 디자인을 사용하고, 보조 행동에는 채도가 낮은 상자나 텍스트 링크를 사용하세요. 같은 역할의 버튼은 색상·모서리·높이를 동일하게 유지합니다.
저장 전에 확인하세요
- 프리셋의 샘플 문구가 남아 있지 않은지 확인합니다.
- PC와 모바일에서 버튼 문구가 두 줄 이상으로 어색하게 나뉘지 않는지 확인합니다.
- 배경색과 글자색의 대비가 충분한지 확인합니다.
- 모든 링크를 미리보기와 테스트 메일에서 직접 눌러 봅니다.
자주 묻는 질문
프리셋을 적용하면 기존 문구가 사라지나요?
디자인과 샘플 내용이 함께 바뀔 수 있습니다. 적용 직후 문구와 링크를 다시 확인하고 실제 캠페인 내용으로 수정하세요.
버튼이 모바일에서 너무 길어요.
문구를 짧게 줄이고 너비를 자동으로 맞춘 뒤 모바일 보기에서 좌우 여백과 줄바꿈을 확인하세요.