MailInApp
문서 메뉴

미리보기와 테스트

MailInApp은 각 이메일을 여러 버전으로 만들고, 스튜디오에서는 발송 전에 모든 버전을 확인할 수 있습니다. 휴대폰에서, 누군가 응답한 뒤에, 그리고 특정 메일 앱이 보여 주는 그대로입니다.

데스크톱과 휴대폰

캔버스 위의 기기 전환으로 이메일을 데스크톱 너비나 375px 휴대폰으로 보고, 휴대폰 설정도 적용됩니다. 미리보기에서는 나란히 보기로 둘을 동시에 볼 수 있습니다. 발송본 단계는 휴대폰 보기를 실제 375px 프레임에 그리므로, 이메일 자체의 휴대폰 규칙이 받은편지함에서와 똑같이 적용됩니다.

미리보기 단계

미리보기에서는 단계 전환으로 볼 내용을 고릅니다.

  • 라이브 뷰: 수신자가 링크로 여는 호스팅된 웹 버전.
  • 발송본: 발송되는 HTML을 최신 메일 앱이 읽는 그대로.
  • Outlook: 발송되는 HTML에 클래식 Outlook 전용 분기를 강제로 적용한 것. Outlook이 없어도 그 버전을 볼 수 있습니다.
  • 메일 앱: 발송되는 HTML을 특정 메일 앱이 보여 주는 그대로(아래 참고).

옆의 다크 모드 전환은 선택한 단계나 앱이 그리는 방식대로 이메일을 다크 모드로 보여 줍니다.

미리보기 상태

인터랙티브 블록은 캔버스에 미리보기 상태 메뉴를 보여 줍니다. 상태를 고르면 수신자가 행동한 뒤에 보게 될 모습으로 블록을 볼 수 있습니다. 상태는 응답함(고른 답으로), 제출됨, 예약됨, 마감, 공개됨, 당첨(고른 경품으로), 폼의 마법사 페이지, 품절, 나중에 보기, 종료, 열리기 전입니다. 블록의 배지가 어떤 상태를 미리보기 중인지 알려 줍니다.

결과를 보여 주는 블록에서는 시뮬레이션 결과에 숫자(선택지별 투표 수, 평점과 평균, NPS, 좋아요 수, 참석자 수)를 입력하고 그 숫자로 결과 막대나 결과 이미지를 볼 수 있습니다.

상태와 시뮬레이션 숫자는 미리보기 전용입니다. 이메일과 함께 저장되거나 발송되지 않습니다.

메일 앱별 보기

메일 앱 단계는 고른 메일 앱이 보여 주는 그대로 이메일을 보여 줍니다. iOS 메일, iCloud 메일, Thunderbird, 각 Gmail 앱, Outlook.com과 Outlook 앱, Yahoo 메일입니다. 스크린샷이 아니라 실제 받은편지함 측정으로 만든 시뮬레이션이며, 이메일 아래에 그 앱에서 작동하는 블록, 폴백을 보여 주는 블록, 그 앱에서 폼이 하는 일, 다크 모드에서 일어나는 일을 나열합니다. 앱마다 휴대폰 너비와 다크 모드 설정이 따로 있습니다.

실제 스크린샷. Pro 요금제 이상에서는 설정 › 연동에서 Mailgun Inspect를 연결하고 실제 스크린샷 찍기를 누르면 시뮬레이션 옆에서 실제 받은편지함 속 이메일을 볼 수 있습니다. 스크린샷은 Mailgun 요금제에 포함된 미리보기를 사용합니다.

블록별 작동 위치

모든 인터랙티브 블록은 인스펙터에 작동하는 곳 줄을 보여 주고, 삽입 패널에서도 같은 내용을 툴팁으로 보여 줍니다. 이메일 안에서 블록을 실행하는 앱, 폴백을 보여 주는 앱, 아직 측정하지 않은 앱입니다. 원탭 블록(투표, 평점, RSVP, 예약)은 각 선택이 웹 페이지에서 확정되는 링크이므로 모든 앱에서 작동한다고 표시됩니다. 이 줄은 이메일 클라이언트 지원과 같은 측정에서 나옵니다.

폴백이 되는 앱에서 투표 아래에 "웹에서 투표하기"를 보여 주는 것처럼 한 버전에만 문구를 넣으려면 블록의 표시 위치 설정을 쓰세요.

프리플라이트 검사

🔍 프리플라이트 검사는 발송 전에 이메일을 검토하고 결과를 탭으로 나눠 보여 줍니다.

  • 접근성: 라이트 모드와 다크 모드의 색 대비, 제목 순서, 대체 텍스트(링크가 걸린 이미지에는 필수), "여기를 클릭" 같은 링크 텍스트, 이메일의 언어, 너무 작은 탭 영역.
  • 링크: 모든 링크를 실시간으로 확인해 상태 코드와 리디렉션을 보여 줍니다. https가 아닌 링크와 UTM 태그가 없는 추적 링크를 표시합니다.
  • 전달성: Gmail 잘림 크기, 텍스트에 비해 너무 많은 이미지, 스팸성 문구, 전부 대문자, 링크 단축기, 링크가 실제로 가는 곳과 다른 사이트 이름을 쓴 링크 텍스트.
  • 메일 앱: 제대로 작동하는 폴백이 없는 블록, 클래식 Outlook이 그리지 않는 모서리나 배경, 대체 글꼴로 바뀌는 웹 글꼴.
  • 콘텐츠: 제목 없는 탭이나 코드 없는 쿠폰처럼 비어 있거나 덜 채워진 블록.

많은 문제에는 수정을 대신 적용하는 수정 버튼이 있습니다(대체 텍스트 추가, 대비가 충분한 색으로 바꾸기 등). 캔버스 아래의 Gmail 잘림 측정기는 작업하는 동안 이메일 크기를 보여 줍니다. Gmail은 102KB가 넘는 이메일을 잘라 수신 거부 링크를 포함한 나머지를 숨깁니다.

제목, 미리보기 텍스트, 테스트 발송

스튜디오 헤더에는 이메일의 제목과 미리보기 텍스트(받은편지함이 제목 뒤에 보여 주는 줄)가 있습니다. 발송 페이지와 같은 필드입니다.

테스트 보내기는 최대 5개 주소로 이메일을 보냅니다. 다음으로 미리보기에서 수신자 행을 고르면 병합 태그와 표시 조건이 그 사람에게 적용될 때와 똑같이 처리됩니다. 갤러리 템플릿 페이지에서는 이 예시를 나에게 보내기로 템플릿을 내 주소로 보낼 수 있습니다.