대부분의 사용자는 Gmail, Yahoo, Hotmail과 같은 웹 기반 이메일 서비스를 이용하고 있습니다. 별도의 프로그램을 설치하거나 복잡한 설정 없이 이메일을 자유롭게 주고받을 수 있다는 점이 가장 큰 장점입니다. 하지만 이러한 서비스에는 한 가지 아쉬운 부분이 있는데, 바로 Hotmail을 제외한 대부분의 서비스가 이메일 서명에 HTML 입력을 지원하지 않는다는 점입니다.
물론 기본으로 제공되는 리치 텍스트(rich text) 서명만으로도 대부분의 사용자에게는 충분합니다. 하지만 HTML을 활용하면 이메일 서명에 독특한 디자인과 다양한 기능을 추가할 수 있는 완전히 새로운 세계가 열립니다. 더욱 좋은 소식은 HTML 전문가가 아니더라도 누구나 쉽게 HTML 서명을 만들 수 있다는 것입니다.
HTML 서명 제작 도구 활용하기
HTML 지식이 전혀 없어도 HTML 서명을 만들 수 있도록 도와주는 온라인 서비스가 많습니다. 이러한 서비스에서 제공하는 기능이 풍부한 템플릿을 자신의 필요에 맞게 자유롭게 커스터마이징할 수 있습니다. "create HTML signature online(온라인 HTML 서명 만들기)"로 간단히 검색만 해도 무료 또는 저렴한 비용으로 HTML 이메일 서명을 제작할 수 있는 다양한 옵션을 찾을 수 있습니다.
이미지 삽입 시 주의사항
서명 제작 도구로 이미지를 삽입할 때는 반드시 이미지가 온라인에 호스팅되어 있어야 합니다. 컴퓨터에 로컬로 저장된 이미지는 이 방식으로는 정상적으로 표시되지 않습니다.
커스텀 이미지를 서명에 사용하려면 먼저 postimage.org와 같은 이미지 호스팅 사이트에 이미지를 업로드하고, 이미지의 전체 링크(Direct Link)를 미리 준비해 두세요.
이 예제에서는 appuals 로고를 postimage.org에 업로드한 후, 서명에 사용할 Direct Link를 복사했습니다.
다음으로 CKEditor와 같은 사용하기 쉬운 HTML 편집기를 통해 서명을 만듭니다. 서명 작성이 완료되면 해당 창을 닫지 말고 열어 둡니다. 이 가이드 전체에서 CKEditor를 계속 참조하게 될 것입니다.
이제 HTML 서명이 준비되었습니다. 아래에서 사용 중인 이메일 서비스에 해당하는 섹션을 찾아 단계별로 따라 해 보세요.
Gmail에서 HTML 서명 만들기
Gmail에서는 일반적인 방법, 즉 설정 메뉴에서 이메일 서명 옵션에 접근하여 서명을 만들 수 있습니다. 참고로 Gmail에는 캔드 응답(Canned Responses)이라는 유용한 기능이 있어 원하는 만큼 여러 개의 이메일 서명을 만들어 둘 수 있습니다. 새 이메일을 작성할 때 상황에 맞는 서명을 골라 사용할 수 있어 매우 편리합니다.
- 화면 오른쪽 상단의 톱니바퀴(설정) 아이콘을 클릭한 후 설정(Settings)을 선택합니다.
- "일반(General)" 탭에서 아래로 스크롤하여 서명(Signature) 섹션을 찾습니다.
- 앞서 CKEditor로 만든 HTML 서명을 복사하여 서명 입력 창에 붙여넣습니다. 이때 HTML 코드(소스)가 아니라 CKEditor에서 생성된 결과물만 복사해야 합니다.
- 서명 입력이 완료되면 페이지 하단으로 스크롤하여 변경 사항 저장(Save Changes) 버튼을 클릭합니다. 이것으로 끝입니다!
Yahoo Mail에서 HTML 서명 만들기
Yahoo Mail에는 캔드 응답 기능은 없지만, 사용하기 쉬운 이메일 서명 기능을 제공합니다. 아래 단계에 따라 Yahoo Mail에 이메일 서명을 추가해 보세요.
- Yahoo 받은함 화면 오른쪽 상단의 톱니바퀴 아이콘을 클릭하고 설정(Settings)을 선택합니다.
- 설정 창 왼쪽 메뉴에서 계정(Accounts) 링크를 클릭한 후, 오른쪽에 표시되는 본인의 Yahoo 이메일 계정을 클릭합니다.
- 조금 아래로 스크롤하여 서명(Signature) 항목을 찾고, "보내는 이메일에 서명 추가(Append a signature to the emails you send)" 옵션을 활성화합니다.
- CKEditor에서 만든 HTML 서명을 복사해 붙여넣습니다(소스 코드가 아닌 결과물). 마지막으로 저장(Save) 버튼을 클릭합니다.
축하합니다! 성공적으로 Yahoo Mail에 HTML 서명을 추가했습니다.
Hotmail/Outlook.com에서 HTML 서명 만들기
Outlook.com은 HTML 서명을 추가하려는 사용자들에게 특별한 혜택을 제공합니다. HTML 서명을 직접 입력할 수 있기 때문에 숙련된 사용자는 HTML 코드로 직접 이메일 서명을 코딩할 수 있습니다. 전문 지식이 부족한 사용자라고 걱정할 필요는 없습니다. WYSIWYG 편집기를 활용하면 손쉽게 HTML 서명을 디자인할 수 있습니다.
WYSIWYG는 "What You See Is What You Get(보이는 그대로 얻는다)"의 약자로, 낯설게 느껴질 수 있지만 개념은 아주 간단합니다. WYSIWYG 편집기에서는 HTML 지식 없이도 텍스트, 이미지, 링크를 입력하고 원하는 대로 서식을 지정할 수 있으며, 편집기가 이를 자동으로 HTML 코드로 변환해 줍니다. 이 코드를 이메일 서명에 바로 넣으면 됩니다.
Hotmail에서 HTML 서명을 만들려면 다음의 간단한 단계를 따르세요.
- 화면 오른쪽 상단의 톱니바퀴 아이콘을 클릭하고 옵션(Options)을 선택합니다.
- "이메일 작성(Writing emails)" 섹션에서 서식, 글꼴 및 서명(Formatting, font and signature)을 선택합니다.
개인 서명(Personal signature) 영역의 텍스트 상자 오른쪽 상단에는 세 가지 옵션이 있습니다. 리치 텍스트(Rich Text), HTML로 편집(Edit in HTML), 일반 텍스트(Plain Text)입니다.
- 리치 텍스트(Rich Text): 이 화면에서 직접 서명을 만들고 싶을 때 사용합니다.
- 일반 텍스트(Plain Text): 서식 없이 일반 텍스트로만 서명을 작성할 때 사용합니다.
- HTML로 편집(Edit in HTML): CKEditor에서 만든 HTML 서명의 소스 코드를 붙여넣을 수 있는 모드입니다.
CKEditor에서 만든 HTML 서명을 적용하려면, 먼저 CKEditor 사이트에서 소스(Source) 버튼을 클릭해 코드를 복사합니다. 그다음 Hotmail/Outlook에서 HTML로 편집을 선택하고 본문에 소스 코드를 붙여넣은 후, 리치 텍스트로 전환하여 결과물이 어떻게 보이는지 확인합니다. 리치 텍스트 모드에서 추가 수정도 가능하며, 모든 작업이 끝나면 저장(Save)을 클릭하면 됩니다.
