웹페이지에서 자주 사용되는 태그가 메일에서는 정상 동작하지 않는 경우가 많은데요. 그 이유는 스팸메일 때문에 각 메일서비스 업체에서 제한을 두는 태그들이 있기 때문입니다.그 중 구글 지메일이 타이트한 편인데, 특히 모바일 앱에서 html 소스에 대한 변조가 심한 편입니다.그래서 메일용 템플릿을 작성할 때 구글 지메일 모바일용 앱을 염두에 두고 작성하면 대부분 메일 클라이언트에서 정상적으로 보여질 확률이 높아집니다.수신 된 메일 확인 중 '애플 뉴스' 뉴스레터 메일이 웹과 모바일에서 나름 깔끔하게 노출되고 있어서 소개합니다. 뉴스레터 구독하는 방법(아이폰 기준)경로: 개인정보 - 커뮤니케이션 환경설정 - Apple News 뉴스레터 웹페이지 모바일
이메일마케팅에서 반응형 소스 사용은 권장하지 않습니다.그 이유는 수신측에서 대부분의 자바스크립트 태그를 자동으로 삭제하기 때문에 정상 동작하지 않기 때문입니다.아래 사이트에서 반응형 메일 템플릿 샘플을 실제 활용 할 수 있는데,실제 다양한 포탈사이트로 발송 후 정상 동작하는지 확인이 필요합니다.아웃룩프로그램에서도 정상 동작하는지 확인일 필요한데,모든 메일 서비스 업체의 규칙을 준수할 수 없기 때문에 수신자 도메인이 가장 많은 메일서비스 위주로 확인하면 될 것 같습니다.https://mjml.io/templateshttps://mjml.io/try-it-live/templates/happy-new-year
알리익스프레스에서 광군제 관련 마케팅 메일이 수신되어 외형과 소스를 분석해 보았습니다.메일 템플릿의 폭은 전체적으로 좁게 만들어 졌는데 별도의 모바일 페이지 없이 폭을 좁게해서 PC는 물론 모바일도 지원하는 것을 추정할 수 있습니다.대부분의 해외 메일 템플릿들은 이런 형태를 취하고 있습니다. https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700" rel="stylesheet" type="text/css"> https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet" type="te..
안녕하세요. 썬더메일입니다.메일 템플릿을 작성할 때 타사 템플릿을 참고하면 아이디어를 얻을 수 있는데요.수신 된 메일 중 이쁜 템플릿을 발견 했을 때 html 소스를 깔끔하게 확인하는 방법을 소개합니다.가령, 드랍닷컴의 메일 템플릿의 html을 확인하고 싶을 때 수신 된 메일의 eml 파일을 먼저 다운로드합니다.메일서비스 옵션 기능에 '메일 다운로드' 기능을 활용하면 됩니다.다운로드 한 eml 파일을 아웃룩 프로그램으로 열람합니다.기타동작의 소스보기를 클릭하면 메일 본문의 내용만 깔끔하게 html 로 확인 할 수 있습니다. 이런 식으로 수신 된 메일을 활용하면 메일 템플릿을 만들 때 도움을 받을 수 있겠죠.
금일 지메일에 공지메일이 한 통 수신 되었습니다.약관 안내 메일로, 단순 텍스트 형식의 메일입니다.그런데 메일을 자세히 보면 폭이 좁은 것을 알 수 있습니다. 웹과 모바일에 동시에 최적화 되어 있기 때문입니다.그렇기에 단순하게 텍스트 메일을 보낼 때 이 템플릿을 활용하면 아주 좋습니다.아래는 소스입니다. 적당히 수정해서 사용하면 되겠습니다.스크립트가 사용 되었기 때문에 아웃룩 같은 프로그램에서는 정상적으로 보여지지 않습니다. https://www.gstatic.com/identity/boq/policies/msa/google_logo_full_color-bcd6ef980269fd62476c2931f8d73e8a.png height=36px alt="" title=""> testid..
수신 된 메일 중 간결한 템플릿이 있어 소개합니다. 소스를 첨부합니다. 모바일 지원을 위해서 PC 버전 자체가 폭이 좁은 것을 확인 할 수 있습니다. SNS 아이콘과 주요 상품군을 잘 배치했네요.
