🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠🧠실제 지메일 메일 제목에 사용되 모습입니다.
이미지와 텍스트 그리고 폭 등 각 요소들이 잘 구현된 메일 템플릿 같습니다. https://view.go.se.com/?qs=f78b1d5ea105f0266e65cbc940e765d2e16da6b5adaebe430bc6b2a143d6b3db0271d5b4b3d237435224c862c629fe0f8005a53f5a0bbed1810ccd367d5d011ab97d5604404fdf4f8844fde6a4d28f9c https://view.go.se.com/?qs=f78b1d5ea105f0266e65cbc940e765d2e16da6b5adaebe430bc6b2a143d6b3db0271d5b4b3d237435224c862c629fe0f8005a53f5a0bbed1810ccd367d5d011ab97d560440..
안녕하세요. 썬더메일사업부의 최부장입니다.메일은 웹과 다르게 사용 제한이 되는 태그가 많습니다. 스팸메일 때문에 그런 것 같습니다.사람들이 많이 사용하는 네이버 메일 기준으로 설명을 하겠습니다.구글 지메일에 적용해도 대부분 틀어짐 없이 잘 노출 됩니다. https://mail.naver.com/네이버 웹메일에 접속 후 html 소스에 붙혀넣기 합니다.Editor 탭을 클릭하는 순간 html 소스가 네이버 메일에 맞게 자동으로 일부 수정 됩니다.호환되지 않는 태그가 있다면 메일 본문에 해당 부분이 이상하게 노출되고 있을 것입니다.수정 후 다시 HTML 탭을 클릭 후 소스를 복사해서 메일 발송에 활용하면 됩니다.
에버노트에서 보기: 클릭 (소스파일 및 미리보기는 에버노트 글 참고하세요.)가장 무난한 템플릿입니다. 전체 내용이 이미지로 되어 있습니다.상단 로고중간 메인 내용 부분하단 수신거부 관련 안내 문구 및 실제 수신거부 클릭 부분하단 수신거부 부분이 2분할 되어 있기에 통이미지를 분할하여 사용할 때 유용합니다.소스파일 미리보기
에버노트: 클릭 (에버노트에서 열람을 권장합니다.)전체 프레임과 테이블로 구성된 템플릿입니다. 특히, 통 이미지 분할 후 하이퍼링크를 걸 때 유용합니다.상단 로고중간 메인 이미지 또는 분할한 이미지하단 회사정보 및 수신거부 미리보기
에버노트 주소: 클릭 (에버노트에서 열람 권장) 어도비사의 뉴스레터를 수신했는데 템플릿이 상당히 간결하면서 이쁩니다.최상단 회사 로고상단 관련 이미지, 하단 관련 텍스트 설명 , 이동 클릭 버튼제일 하단 회사정보특히, 이동 클릭 버튼이 이미지가 아닌 텍스트로 되어 있습니다. 로고와 이미지만 수정하면 바로 활용 가능한 템플릿입니다.웹은 물론 모바일 대응을 위해서 일부러 폭을 좁게 만든 것을 확인 할 수 있습니다.포탈사이트와 메일 프로그램은 스팸성 태그는 제거하고 보여주기에 메일에서 ‘반응형’은 정상 동작하지 않습니다.그러나 이 템플릿은 완벽하진 않지만 어느 정도 반응형이 적용된 템플릿입니다. 폭 기준으로 얼마 넘어가면 해당 컨텐츠를 아래로내리는 방식으로 구현한 것 같습니다.미리보기소스