어떠한 용도로 사용해도 잘 어울릴 것 같은 템플릿입니다.상단 중앙에 로고 배치본문에 내용하단에 발송자 정보이렇게 3단으로 구성된 메일 템플릿입니다. 아래 샘플은 뉴스레터를 구독했을 때 환영 메일 모습입니다. PC에서 모습입니다.모바일에서의 모습입니다.(구글 지메일 앱) 더보기 https://tr.favero.com/e/c?q=0%3d9YGXEZ%26v%3dX%26v%3daDg%26w%3dVDaDaF%26E8i4k%3diWICD8pb-G6Fb-B5n8-jWGf-0UkCDaCBE6CX%26qL%3dCf9bE%26A%3d%262%3dUCXEUEb0Z&mupckp=mupAtu4m8OiX0wt" width="1" height="1" border="0" style="mso-hide:all;display:none..
안녕하세요. 썬더메일사업부의 최부장입니다.네이버페이 관련 구매확정 메일을 수신했는데 메일 템플릿이 상당히 깔끔하고 이뻐서 소개합니다.무엇보다, 네이버웹메일, 아웃룩 프로그램, 구글 지메일 모바일앱에서 틀어짐 없이 깔끔하게 보입니다.테이블 구조를 유지하면서 활용하면 좋을 듯합니다.템플릿에 사용 된 폰트도 나눔고딕, 맑은고딕, 돋움 순으로 지정되어 있어서 한국 환경에 최적화 되어 있습니다.대략적인 디자인입니다. 모바일을 고려해서 폭이 넓지 않습니다.아웃룩에서도 깔끔하게 보여지고 있습니다. 무엇보다 한국인들이 많이 사용하는 폰트가 설정되어 있어서 수신 된 메일이 더 깔끔하게 보이는 것 같습니다. 구글 지메일 웹메일에서도 동일하게 보입니다.구글 지메일 모바일앱에서도 깔끔하게 잘 보입니다.네이버와 다음 웹메일에서..
안녕하세요. 최부장입니다. 수신 된 메일의 템플릿을 보니 프레임으로 나누어져 있는데 간격 없이 상당히 이쁜 것 같아서 소개합니다.https://www.canecreek.com/홈페이지 하단에 메일 주소를 넣고 뉴스레터를 구독하면 웰컴 메일이 수신 됩니다.메시지 다운로드 기능으로 메일을 eml 파일로 다운로드 합니다. 아웃룩 프로그램으로 열람 후동작 - 기타동작 - 소스보기 위 경로에서 html 소스만 깔끔하게 확인 할 수 있습니다. html 소스를 수정해서 사용하면 될 듯 합니다. 지메일에서 수신 된 메일을 네이버 메일로 전달해본 모습입니다. 중앙 정렬이 틀어지지 않고 잘 노출 됩니다.지메일 웹메일에서도 중앙 정렬로 잘 노출 됩니다.좌우 폭을 어느 정도 주고 제작 된 메일 템플릿인데, 모바일에 최적화 ..
웹페이지에서 자주 사용되는 태그가 메일에서는 정상 동작하지 않는 경우가 많은데요. 그 이유는 스팸메일 때문에 각 메일서비스 업체에서 제한을 두는 태그들이 있기 때문입니다.그 중 구글 지메일이 타이트한 편인데, 특히 모바일 앱에서 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..