ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 이미지를 넣은 HTML 이메일 서명 만들기
    일상/정보 2019. 12. 7. 15:43

    사업 초창기에 다음 스마트워크를 활용해 기업메일을 사용할 때는 자체 서명 템플릿이 있어서 간단하게 로고를 삽입하여 사용했던 것 같은데 새로운 그룹웨어를 도입하면서 서명을 사용하지 않다가 클라이언트에게 신뢰를 심어주기 위해서라도 HTML 이메일 서명을 만들 필요성을 느끼게 되었다. 참고로 나는 기본적인 코딩 지식은 있지만 HTML에 대해 무지하다. 나와 같은 사람들도 이메일 서명을 만드는 데 크게 어려움이 없을 것이라고 생각된다.

     

    1. HTML 이미지 불러오기

    나는 서명에 회사 로고를 삽입하기 위해 이 과정을 거쳤는데 이미지를 넣지 않겠다면 바로 2번으로 넘어가면 된다. 네이버 이메일을 쓰는 사람들은 네이버 블로그나 메일 에디터에서 사진을 HTML 코드로 변경하여 쓰는 것 같은데 내 경우 외부 그룹웨어를 사용해서인지 메일을 보내면 받는 사람한테 이미지가 엑박으로 보여서 다른 방법을 찾아야 했다.

     

    일단 이미지를 무료 호스팅 사이트 https://imgur.com/에 들어가 원하는 이미지를 업로드한다. 간편 로긴을 하고 이미지를 업로드하기까지 설명하기 민망할 정도로 쉬우니 무난하게 할 수 있을 것이다.

     

    Imgur

    Imgur: The magic of the Internet

    imgur.com

    업로드가 완료된 사진을 클릭하면 링크부터 코드까지 여러 항목이 있는데 2번 이메일 서명 생성기에 바로 이미지를 삽입하려면 Direct Link를 복사하고 3번 HTML 코드 편집과정에서 이미지를 삽입하려면 HTML을 복사하면 된다.

     

    2. 이메일 서명 생성기 사용

    https://www.mail-signatures.com/signature-templates/ 에 들어가면 여러 가지 이메일 서명 템플릿을 확인할 수 있다. 이 중에서 가장 마음에 드는 템플릿을 고르고 Edit signature를 선택하면 편집 화면으로 이동할 수 있다.

     

    Email signature templates - download for free

    If you are looking for free email signature templates that do not require any HTML coding, you are in the right place. Check our rich template library!

    www.mail-signatures.com

     

    Exchange Server를 누르고 하단에 정보들을 입력하면 우측 프리뷰화면에 바로 적용되는 것을 볼 수 있다. SNS 아이콘이라던지 홈페이지 주소라던지 사용하지 않을 정보는 공란으로 두면 알아서 사라진다. 개인정보와 회사정보 등 모든 정보를 모두 입력했으면 Apply your signature를 누른다.

     

    Generate HTML을 클릭한 후 나온 HTML 코드를 복사하고 각자 사용하는 이메일 환경설정에 들어가서 HTML 이메일 서명을 추가하는 화면으로 들어가 붙여넣기 한다.

     

    3. HTML 코드 편집

    이메일 서명 생성기에서는 삽입하는 정보만 수정이 가능했지만 HTML 코드 자체를 편집하면 자유롭게 수정이 가능하다.

    번호나 주소 등의 정보 뿐만아니라 번호 앞에 T. , 주소 앞에 A. 를 추가한다던지 자유롭게 텍스트를 편집하면 된다. 이미지 주소를 변경하고 싶다면 1번 과정에서 HTML을 복사한 후 src="https://i.imgur.com/뭐시기.png" 이부분만 다시 복사하여 저 빨간 박스 안에 붙여넣기하면 된다.

     

     

    이제 테스트를 해보면 이메일이 보내질 때 하단에 서명 정보가 추가되는 것을 확인할 수 있다.

     

     

    끝.

    댓글 0

ⓒ 2019. 도니박의창업활동로그. All rights reserved.