안녕하세요. 썬더메일사업부의 최부장입니다.메일은 웹과 다르게 사용 제한이 되는 태그가 많습니다. 스팸메일 때문에 그런 것 같습니다.사람들이 많이 사용하는 네이버 메일 기준으로 설명을 하겠습니다.구글 지메일에 적용해도 대부분 틀어짐 없이 잘 노출 됩니다. https://mail.naver.com/네이버 웹메일에 접속 후 html 소스에 붙혀넣기 합니다.Editor 탭을 클릭하는 순간 html 소스가 네이버 메일에 맞게 자동으로 일부 수정 됩니다.호환되지 않는 태그가 있다면 메일 본문에 해당 부분이 이상하게 노출되고 있을 것입니다.수정 후 다시 HTML 탭을 클릭 후 소스를 복사해서 메일 발송에 활용하면 됩니다.
에버노트에서 보기: 클릭 (소스파일 및 미리보기는 에버노트 글 참고하세요.)가장 무난한 템플릿입니다. 전체 내용이 이미지로 되어 있습니다.상단 로고중간 메인 내용 부분하단 수신거부 관련 안내 문구 및 실제 수신거부 클릭 부분하단 수신거부 부분이 2분할 되어 있기에 통이미지를 분할하여 사용할 때 유용합니다.소스파일 미리보기
에버노트: 클릭 (에버노트에서 열람을 권장합니다.)전체 프레임과 테이블로 구성된 템플릿입니다. 특히, 통 이미지 분할 후 하이퍼링크를 걸 때 유용합니다.상단 로고중간 메인 이미지 또는 분할한 이미지하단 회사정보 및 수신거부 미리보기
에버노트 주소: 클릭 (에버노트에서 열람 권장) 어도비사의 뉴스레터를 수신했는데 템플릿이 상당히 간결하면서 이쁩니다.최상단 회사 로고상단 관련 이미지, 하단 관련 텍스트 설명 , 이동 클릭 버튼제일 하단 회사정보특히, 이동 클릭 버튼이 이미지가 아닌 텍스트로 되어 있습니다. 로고와 이미지만 수정하면 바로 활용 가능한 템플릿입니다.웹은 물론 모바일 대응을 위해서 일부러 폭을 좁게 만든 것을 확인 할 수 있습니다.포탈사이트와 메일 프로그램은 스팸성 태그는 제거하고 보여주기에 메일에서 ‘반응형’은 정상 동작하지 않습니다.그러나 이 템플릿은 완벽하진 않지만 어느 정도 반응형이 적용된 템플릿입니다. 폭 기준으로 얼마 넘어가면 해당 컨텐츠를 아래로내리는 방식으로 구현한 것 같습니다.미리보기소스
어떠한 용도로 사용해도 잘 어울릴 것 같은 템플릿입니다.상단 중앙에 로고 배치본문에 내용하단에 발송자 정보이렇게 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..
안녕하세요. 썬더메일사업부의 최부장입니다.네이버페이 관련 구매확정 메일을 수신했는데 메일 템플릿이 상당히 깔끔하고 이뻐서 소개합니다.무엇보다, 네이버웹메일, 아웃룩 프로그램, 구글 지메일 모바일앱에서 틀어짐 없이 깔끔하게 보입니다.테이블 구조를 유지하면서 활용하면 좋을 듯합니다.템플릿에 사용 된 폰트도 나눔고딕, 맑은고딕, 돋움 순으로 지정되어 있어서 한국 환경에 최적화 되어 있습니다.대략적인 디자인입니다. 모바일을 고려해서 폭이 넓지 않습니다.아웃룩에서도 깔끔하게 보여지고 있습니다. 무엇보다 한국인들이 많이 사용하는 폰트가 설정되어 있어서 수신 된 메일이 더 깔끔하게 보이는 것 같습니다. 구글 지메일 웹메일에서도 동일하게 보입니다.구글 지메일 모바일앱에서도 깔끔하게 잘 보입니다.네이버와 다음 웹메일에서..
