썬더메일 블로그

썬더메일 활용방안/메일 템플릿 (17)

모바일과 웹에 최적화 된 케인크릭 웰컴 메일 템플릿

안녕하세요. 최부장입니다. 수신 된 메일의 템플릿을 보니 프레임으로 나누어져 있는데 간격 없이 상당히 이쁜 것 같아서 소개합니다.https://www.canecreek.com/홈페이지 하단에 메일 주소를 넣고 뉴스레터를 구독하면 웰컴 메일이 수신 됩니다.메시지 다운로드 기능으로 메일을 eml 파일로 다운로드 합니다. 아웃룩 프로그램으로 열람 후동작 - 기타동작 - 소스보기 위 경로에서 html 소스만 깔끔하게 확인 할 수 있습니다. html 소스를 수정해서 사용하면 될 듯 합니다. 지메일에서 수신 된 메일을 네이버 메일로 전달해본 모습입니다. 중앙 정렬이 틀어지지 않고 잘 노출 됩니다.지메일 웹메일에서도 중앙 정렬로 잘 노출 됩니다.좌우 폭을 어느 정도 주고 제작 된 메일 템플릿인데, 모바일에 최적화 ..

더 읽기

뉴스레터로 사용하지 좋은 메일 템플릿 샘플, '애플 뉴스'

웹페이지에서 자주 사용되는 태그가 메일에서는 정상 동작하지 않는 경우가 많은데요. 그 이유는 스팸메일 때문에 각 메일서비스 업체에서 제한을 두는 태그들이 있기 때문입니다.그 중 구글 지메일이 타이트한 편인데, 특히 모바일 앱에서 html 소스에 대한 변조가 심한 편입니다.그래서 메일용 템플릿을 작성할 때 구글 지메일 모바일용 앱을 염두에 두고 작성하면 대부분 메일 클라이언트에서 정상적으로 보여질 확률이 높아집니다.수신 된 메일 확인 중 '애플 뉴스' 뉴스레터 메일이 웹과 모바일에서 나름 깔끔하게 노출되고 있어서 소개합니다. 뉴스레터 구독하는 방법(아이폰 기준)경로: 개인정보 - 커뮤니케이션 환경설정 - Apple News 뉴스레터 웹페이지 모바일

더 읽기

반응형 이메일 템플릿, Responsive Email Templates

이메일마케팅에서 반응형 소스 사용은 권장하지 않습니다.그 이유는 수신측에서 대부분의 자바스크립트 태그를 자동으로 삭제하기 때문에 정상 동작하지 않기 때문입니다.아래 사이트에서 반응형 메일 템플릿 샘플을 실제 활용 할 수 있는데,실제 다양한 포탈사이트로 발송 후 정상 동작하는지 확인이 필요합니다.아웃룩프로그램에서도 정상 동작하는지 확인일 필요한데,모든 메일 서비스 업체의 규칙을 준수할 수 없기 때문에 수신자 도메인이 가장 많은 메일서비스 위주로 확인하면 될 것 같습니다.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 소스를 깔끔하게 확인하는 방법을 소개합니다.가령, 드랍닷컴의 메일 템플릿의 html을 확인하고 싶을 때 수신 된 메일의 eml 파일을 먼저 다운로드합니다.메일서비스 옵션 기능에 '메일 다운로드' 기능을 활용하면 됩니다.다운로드 한 eml 파일을 아웃룩 프로그램으로 열람합니다.기타동작의 소스보기를 클릭하면 메일 본문의 내용만 깔끔하게 html 로 확인 할 수 있습니다. 이런 식으로 수신 된 메일을 활용하면 메일 템플릿을 만들 때 도움을 받을 수 있겠죠.

더 읽기

구글 지메일 최적화 메일 템플릿 샘플

금일 지메일에 공지메일이 한 통 수신 되었습니다.약관 안내 메일로, 단순 텍스트 형식의 메일입니다.그런데 메일을 자세히 보면 폭이 좁은 것을 알 수 있습니다. 웹과 모바일에 동시에 최적화 되어 있기 때문입니다.그렇기에 단순하게 텍스트 메일을 보낼 때 이 템플릿을 활용하면 아주 좋습니다.아래는 소스입니다. 적당히 수정해서 사용하면 되겠습니다.스크립트가 사용 되었기 때문에 아웃룩 같은 프로그램에서는 정상적으로 보여지지 않습니다.   https://www.gstatic.com/identity/boq/policies/msa/google_logo_full_color-bcd6ef980269fd62476c2931f8d73e8a.png height=36px alt="" title=""> testid..

더 읽기

Copyright © Andwise Inc. All Rights Reserved Tel: 070-7095-9792

티스토리툴바