알리익스프레스에서 광군제 관련 마케팅 메일이 수신되어 외형과 소스를 분석해 보았습니다.메일 템플릿의 폭은 전체적으로 좁게 만들어 졌는데 별도의 모바일 페이지 없이 폭을 좁게해서 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 아이콘과 주요 상품군을 잘 배치했네요.
로고 삽입 부분을 제외하면 전체 텍스트로 된 템플릿입니다. 구글 알리미 메일 템플릿을 응용한 것입니다. 마케팅이 아닌 단순 공지는 텍스트가 더 좋은 것 같습니다. https://www.google.co.kr/alerts 소스는 아래 '더보기' 클릭하세요. 더보기 no title 한줄 요약 : 2023년 6월 5일 임시휴무입니다. 로고 삽입 부분 안녕하세요. *****입니다. ***** 임시휴무일 안내입니다. 일시 : 2023년 6월 5일 월요일 *****은 6월 5일 임시휴무를 합니다. 해당일 ***** 고객지원이 원활하지 않을 수 있으니, 요청사항이 있으실 경우 사전에 문의바랍니다. *****은 '지식베이스'를 운영 중입니다. 일반적인 문의사항은 검색을 이용해보세요. 비상연락망 홍길동 차장 : 010-..
보호되어 있는 글입니다.