HTML 서명은 메일을 눈길을 끌 수 있습니다. 서명은 단순히 메일을 매력적으로 보이게하는 것이 아닙니다. 또한 고객에 대해 더 많이 알 수 있도록 도와줍니다. 당신은 당신의 클라이언트를 감명 줄 수있는 코딩 지식없이 간단하고 우아한 전자 메일 서명을 할 수 있습니다.

이제 Gmail ID 또는 다른 이메일 클라이언트에 대한 이메일 서명을 작성하는 데 도움이되는 몇 가지 간단한 단계를 수행해 보겠습니다.

Gmail에서 HTML 서명 사용

우리가 이메일 서명을하기 전에. Gmail 설정에서 서명을 사용하도록 설정하는 것이 중요합니다. 이렇게하려면 Gmail 계정에 로그인했는지 확인하십시오. 이제 오른쪽 상단의 설정 아이콘을 클릭하고 설정을 선택하십시오. 아래로 스크롤하여 서명을 찾아서 활성화하려면 라디오 버튼을 선택하십시오.

여기서 HTML 코드를 복사하여 붙여 넣어 이메일 서명을 생성 할 수 있습니다. 이제 Gmail에서 서명을 사용하도록 설정 했으므로 Gmail을 만드는 방법을 살펴 보겠습니다.

전자 메일 용 HTML 서명 만들기

서명은 시청자의 눈에 매력의 본질을 더하는 디지털 명함이 될 수 있습니다. 번거 로움없이 HTML 서명을 만들 수있는 여러 가지 방법이 있습니다. 프로그래밍 언어를 알고 있다면 원하는대로 보이도록 코드를 작성할 수 있습니다. 우리는 구조, 표준 이미지 크기 및 원하는 출력을 얻는 데 사용해야하는 다른 요소에 대한 정확한 아이디어를 얻으려는 데모로서 HTML 서명 코드를 설명합니다. 또 다른 팁은 표를 사용하여 Signature의 내용을 구조화하는 것입니다.

HTML 서명의 기본 구조 만들기

이 튜토리얼은 테이블을 만들고 회사 로고, 세부 정보, 소셜 미디어 버튼 및 그 안에 부인 텍스트를 추가하는 5 단계로 구성되어 있습니다. 태그는 태그 내부에 물건을 두는 것이 좋은 습관으로 간주되기 때문에 div 블록 안에 있어야합니다. 태그와 태그가없는 경우에도 코드가 작동합니다.

또한 외부 스타일 시트를 추가 할 수있는 옵션이 없으므로 인라인 방식으로 스타일을 정의합니다. 여기서 폭은 480px이므로 모든 브라우저가 기본적으로 지원하므로 많은 공간과 글꼴을 사용하지 않습니다.

HTML 서명에 회사 로고 추가

회사 로고 대신 헤드 샷 이미지를 추가 할 수 있습니다. 귀하의 요구 사항에 따라 다릅니다. 이미지를 추가해야하므로 인터넷에서 어딘가에 이미지를 호스트해야합니다. 이미지가 공개적으로 사용 가능한지 확인하십시오. 우리는 데모 목적으로 imgur를 사용하고 있습니다. imgur로 이동하여 왼쪽 상단의 새 게시물 을 클릭하십시오. 찾아보기 버튼을 클릭하여 이미지를 업로드하십시오. 또한 Google 드라이브, Dropbox 또는 다른 플랫폼을 사용할 수도 있습니다.

' href '링크를 편집하여 사용자를 회사 웹 사이트로 이동시키고 ' src' 링크를 클릭하여 웹에서 호스팅 한 이미지의 소스 링크를 추가 할 수 있습니다.

HTML 서명에 세부 정보 추가

다음 부분은 이름, 전화 번호, 주소, 전자 메일과 같은 세부 정보를 서명에 추가하는 것입니다. 단순히 코드의 해당 부분을 삭제하여 항목을 추가하거나 제거하거나 코드를 재정렬하여 세부 순서를 변경할 수도 있습니다. 우리는 데모 목적을 위해 모든 세부 사항을 고려했습니다. 여기서 우리는 주 테이블 내부에있는 별도의 테이블을 만들고 테이블 행에 모든 세부 사항을 다음과 같이 넣습니다.

HTML 서명의 소셜 미디어 단추 
또한 IconFinder에서 원하는대로 사교적 인 아이콘을 사용할 수 있습니다. 선택할 수있는 많은 무료 아이콘이 있습니다. 또한 프리미엄 아이콘을 원하는 경우 구입할 수도 있습니다. 그림을 검색하고 적절한 모양을 위해 32 * 32 크기를 선택하십시오. 프레젠테이션에 따라 크기를 변경할 수 있습니다. 여기서는 모든 소셜 아이콘에 대해 20 * 20 픽셀 크기를 정의했습니다. 여기서 바꿀 필요가있는 것은 소셜 미디어 프로필 링크이며 " # "을 href 의 프로필로 대체하십시오 .
카이반 도시
콘텐츠 제작자
전화 번호 : +1 (929) 999-9999
모바일 : +1 (929) 999-9999
이메일 :
주소 라인 1
주소 2

HTML 서명의 부인

전문 비즈니스 대기업은 항상 서명 끝 부분에서 면책 조항 텍스트를 추가합니다. 동일한 코드를 추가하려면 아래 코드를 따르십시오.

 ADD 면책 조항 텍스트 여기에

위 코드를 사용하고 필요에 따라 수정하십시오. 한 곳에서 코드를 배치하면 HTML 서명이 다음과 같이 보입니다.

유감스럽게도 Gmail이 이메일 내의 자바 스크립트 콘텐츠를 차단할 때 자바 스크립트 요소를 사용하여 스타일을 지정할 수는 없습니다. 애니메이션을 수행하는보다 복잡한 CSS 속성은 작동하지 않을 수 있습니다.

Gmail의 HTML 서명

여기서 까다로운 부분은 Gmail에서 HTML 편집기를 제공하지 않는다는 것입니다. WYSIWYG (사용자가 볼 수있는 것) 유형의 서식있는 텍스트 편집기를 사용할 수 있습니다. 이 문제를 해결하려면 모든 브라우저에서 HTML 코드를 실행하십시오. 모든 것을 선택하고 Gmail의 서명 영역에 복사하여 붙여 넣으십시오. 아래로 스크롤하여 변경 사항 저장을 클릭하면 변경 사항이 효과적으로 적용됩니다.

HTML 서명을 만드는 온라인 도구

자신의 서명을 코딩 할 시간이없는 사람들에게는 구조를 생성 할 수있는 온라인 도구를 사용할 수 있습니다. 사용하기 쉬운 도구 중 일부는 Mail Signatures, MySignature, Signature입니다. 위에 언급 된 도구는 사용자 정의를 매우 자세하게 제공하며 서명은 5 분 이내에 만들 수 있습니다. 다른 소셜 버튼, 이미지, 인증 및 기타 여러 가지 기능을 추가 할 수 있습니다. 법적 서명을 추가 할 수있는 옵션과 서명 끝에 따옴표를 추가 할 수있는 옵션이 있습니다. 완벽한 서명을 만든 후에는 복사하여 Gmail 편집기의 서명 섹션에있는 텍스트 편집기에 붙여 넣기 만하면됩니다. 종료하기 전에 변경 사항을 저장하십시오.

데모 용으로 Exclaimer의 무료 전자 메일 서명 작성자를 사용했습니다. 여기에서 관심사에 따라 서명을 개인화 할 수 있습니다. 또한 색 구성표를 변경할 수 있습니다. 레이아웃 섹션에서 가장 적합한 템플릿 스타일을 선택할 수 있습니다. 세부 사항에서 이름, 회사 이름, 웹 사이트, 전자 메일 주소, 전화 번호 등과 같은 개인 정보를 추가해야합니다.

웹 사이트 링크 : HTML 서명 작성자.

또한 사용자 정의 된 면책 텍스트를 추가 할 수 있으며 회사의 로고를 업로드 할 수도 있습니다. 서명 도구로 게임을 마쳤 으면 설치 섹션으로 이동하여 서명 강조 표시를 선택하십시오. 마지막으로 Gmail 설정의 서명 섹션에 복사하여 붙여 넣으십시오.

많은 프리미엄 서비스가 HTML 시그니처에보다 정교한 디자인과 분석 기능을 제공하여 고객을 추적합니다. 사람이 귀하의 소셜 버튼이나 웹 사이트 링크를 클릭 할 때마다 클릭을 등록하고 얼마나 많은 사람들이 관심을 갖고 귀하의 서비스를 체크 아웃했는지에 대한 보고서를 제공합니다. 그러한 진술은 전환에 중요한 역할을 할 수 있습니다.

Gmail 용 HTML 서명 만들기

전자 메일 마케팅은 매년 약 35 %의 매출을 제품 판매에 반영합니다. 더 나은 전환을 얻기 위해 메일을 정확하게 작성하는 것이 본질적입니다. 대부분의 사업체가 놓친 한 부분은 창조적이지만 단순한 디자인입니다. 메일을 완벽하게 끝내려면 힘든 일이 될 수 있습니다.

HTML 서명은 사람들이 발신자에 대해 더 많이 알 수있게 해주는 방법이며, 또한 더 전문적으로 보입니다. 서명을 직접 작성하거나 언급 된 도구 중 하나를 사용하여 서명을 만드십시오. 간단하고 전문적인 디자인을 선택하고 짧고 미묘하게 유지하십시오.