티켓 또는 헬프 센터 업데이트와 같은 이벤트가 발생할 때 계정에서는 최종 사용자에게 정기적인 이메일 알림을 보냅니다. 거의 모든 이메일의 콘텐츠와 형식은 관리 센터의 두 가지 기본서식인 HTML 기본서식과 일반 텍스트 기본서식으로 제어됩니다. 두 형식 모두 보낸 각 이메일에 포함되어 있습니다. 최종 사용자가 보는 버전은 이메일 애플리케이션의 기본 설정에 따라 달라집니다.
두 기본서식을 모두 사용하거나 필요에 맞게 더 잘 편집할 수 있습니다. 일반 텍스트 기본서식과 달리 HTML 기본서식을 사용하면 계정에서 보내는 이메일의 디자인도 사용자 지정할 수 있습니다. 예를 들어 브랜드 아이덴티티와 일치하거나 헬프 센터 디자인과 더 일치하게 회사 로고나 클릭 유도 문안 배너를 추가할 수 있습니다.
제한 사항
- 이메일 기본서식 편집은 기본적으로 평가판에서 허용되지 않으며 일부 계정에서는 허용되지 않을 수도 있습니다. 편집을 사용 설정하려면 하위 도메인, 회사 웹사이트 링크 및 원하는 변경에 대한 간략한 설명과 함께 Zendesk 고객 지원팀에 문의하세요.
- 사이드 대화 이메일 알림은 이메일 기본서식을 사용하지 않습니다.
이메일 기본서식의 구조
HTML 및 일반 텍스트 기본서식의 구조는 사용자 지정 시 유용합니다.
HTML 기본서식의 구조
Zendesk 계정에서 보내는 기본 HTML 알림 이메일은 다음과 같습니다.
스크린샷의 측면 숫자는 이메일 기본서식의 다음 구성 요소에 해당합니다.
이메일 본문 |
이메일 본문은 관리 센터의 HTML 이메일 기본서식에서 이메일을 보내기 전에 시스템이 기본서식의 이메일 본문 자체는 트리거에서 정의됩니다. 다음 트리거 작업에서 이메일 본문이 빨간색으로 하이라이트되어 있습니다. 예에서 이메일 본문은 다음 두 요소로 구성됩니다.
트리거 및 자동화에서 이메일 사용자 지정하기를 참조하세요. |
기본 바닥글 |
기본 바닥글은 다음 두 자리 표시자로 구성됩니다.
두 자리 표시자 모두 선택 사항입니다. 기본서식에서 하나 또는 둘 다를 삭제할 수 있습니다. |
일반 텍스트 기본서식의 구조
사용자가 HTML 형식으로 된 이메일 메시지를 읽지 않기로 선택할 때 일반 텍스트 이메일 기본서식이 사용됩니다. 기본서식은 다음 두 개의 시스템 자리 표시자로 구성됩니다.
{{content}} {{footer}}
{{content}}
자리 표시자는 비즈니스 규칙(트리거, 자동화 또는 매크로)에서 생성된 텍스트와 티켓 댓글을 삽입합니다. {{footer}}
자리 표시자는 선택 사항입니다. 원하면 제거할 수 있습니다. 자세한 내용은 시스템 자리 표시자 이해하기를 참조하세요.
일반 텍스트 이메일에 줄을 추가하려면 기본서식에 추가하세요.
Thanks for contacting Mondocam Support! {{content}} {{footer}}
HTML 이메일 사용자 지정하기
고객에게 보내는 HTML 이메일 알림의 디자인을 사용자 지정할 수 있습니다. 이 섹션에서는 다음과 같은 주제를 다룹니다.
가이드라인과 사용법은 Zendesk 이메일 디자인 쿡북을 참조하세요.
HTML 이메일 기본서식 편집하기
관리 센터에서 HTML 이메일 기본서식을 편집하여 HTML 이메일의 모양을 변경할 수 있습니다. HTML 기본서식을 편집하려면 HTML과 CSS에 어느 정도 익숙해야 합니다. 사용법은 Zendesk 이메일 디자인 쿡북을 참조하세요. 디자인 가이드라인은 이메일을 위한 HTML 가이드라인을 참조하세요.
변경 내용을 저장한 후 바로 발신 이메일에 적용됩니다. 따라서 기본서식에 적용하기 전에 변경 내용을 미리 보고 테스트해야 합니다. Enterprise 플랜을 사용하는 경우에는 이메일을 공개적으로 배포하기 전에 샌드박스에서 이메일 변경 내용을 테스트할 수도 있습니다.
HTML 기본서식을 편집하려면 다음과 같이 하세요.
-
관리 센터의 사이드바에서
채널을 클릭한 다음 Talk 및 이메일 > 이메일을 선택합니다.
Enterprise 플랜을 사용하는 경우에는 설정 관리 > 기본서식을 클릭하여 계속합니다.
- HTML 기본서식 상자로 스크롤합니다.
- 필요에 따라 기본서식의 HTML을 수정합니다.
Zendesk 이메일 디자인 쿡북을 참조하세요.
- 기본 버전을 사용하여 처음부터 새로 시작하려면 기본서식 아래에 있는 기본값으로 되돌리기를 클릭합니다.
- 이메일에 사용자 사진을 표시하려면 이메일 기본서식 섹션에서 이메일에 사용자 프로필 사진 표시를 클릭합니다.
선택하면 이메일 클라이언트가 지원하는 경우 이메일에 프로필 사진이 표시됩니다. 모든 이메일 클라이언트가 기본적으로 이미지를 표시하는 것은 아닙니다.
- 저장을 클릭합니다.
예: 바닥글 텍스트의 색 변경하기
이 예에서는 바닥글의 글꼴 색을 청록색(16진수 색 코드 #009966)으로 변경하는 방법을 보여줍니다. 바닥글에 대한 더 많은 아이디어는 Zendesk 이메일 디자인 쿡북에서 다음 사용법을 참조하세요.
기본서식의 바닥글이 {{footer}}
및 {{footer_link}}
자리 표시자로 구성되어 있다고 가정하세요. 회사 이름이 Mondocam이면 자리 표시자가 보내는 이메일에 다음과 같은 문구를 렌더링합니다. "Mondocam의 이메일 서비스입니다. Zendesk에서 전달합니다".
- 관리 센터의 사이드바에서
채널을 클릭한 다음 Talk 및 이메일 > 이메일을 선택합니다.
-
이메일 기본서식 섹션에서 두 개의 바닥글 자리 표시자와 해당 상위
<div>
태그를 찾습니다.... <div style="padding: 10px; line-height: 1.5; font-family: 'Lucida Grande',Verdana,Arial,sans-serif; font-size: 12px; color: #aaaaaa; margin: 10px 0 14px 0; padding-top: 10px; border-top: 1px solid #eeeeee;"> {{footer}} {{footer_link}} </div> ...
-
color
의 값을 청록색의 16진수 코드인 #009966으로 변경합니다. - 저장을 클릭합니다.
:hover
와 같은 CSS 가상 클래스로 스타일이 지정됩니다. 예: a:hover
{color:#FF00FF;}
. 인라인 CSS에서는 CSS 가상 클래스가 지원되지 않으며 Gmail과 같은 주요 이메일 클라이언트는 인라인이 아닌 모든 CSS를 제거합니다.
텍스트 색을 변경할 때 접근 가능성을 위해 충분한 색 대비를 사용하세요. 웹 콘텐츠 접근성 가이드라인(WCAG) 권장 사항을 따르고 WebAIM 색 대비 확인기와 같은 도구를 사용하여 텍스트와 배경 간의 대비를 확인하세요.
예: 로고 추가하기
이메일 알림 위쪽에 회사 로고를 추가할 수 있지만, 일부 이메일 클라이언트는 기본적으로 이미지를 표시하지 않습니다.
이메일 알림에 회사 로고를 추가하려면 다음과 같이 하세요.
-
<img>
태그(<img src="">
)를<body>
태그 뒤에 삽입하되, 콘텐츠<div>
태그 앞에 삽입합니다. - 로고 이미지의 URL을
src
속성 값으로 지정합니다. 예:<img src="https://mondocam.com/assets/logo.png"/>
- 로고에 하이퍼링크를 추가하려면 아래 예와 같이 앵커 태그 안에
<img>
태그를 넣습니다.<a href="https://mondocam.com/home"><img src="https://mondocam.com/assets/logo.png"></a>
로고를 더 자세히 사용자 지정하려면 Zendesk 이메일 디자인 쿡북에서 사용법: 회사 로고 추가를 참조하세요.
일반 텍스트 이메일 사용자 지정하기
HTML을 사용할 수 없기 때문에 고객에게 보내는 일반 텍스트 이메일 알림의 디자인을 사용자 지정할 수 없습니다. 하지만 이메일에 정보를 추가할 수는 있습니다.
일반 텍스트 기본서식을 사용자 지정하려면 다음과 같이 하세요.
- 관리 센터의 사이드바에서
채널을 클릭한 다음 Talk 및 이메일 > 이메일을 선택합니다.
- 이메일 기본서식 섹션으로 내려갑니다.
- 필요에 따라 텍스트 기본서식을 수정합니다.
- 기본 버전을 사용하여 처음부터 새로 시작하려면 기본서식 아래에 있는 기본값으로 되돌리기를 클릭합니다.
- 저장을 클릭합니다.
트리거 및 자동화에서 이메일 사용자 지정하기
트리거 및 자동화에 사용자에게 이메일을 보내는 작업이 있을 수 있습니다. 이메일 기본서식 대신 트리거 또는 자동화 작업에 HTML 및 유동 마크업을 추가하여 이메일 본문을 사용자 지정할 수 있습니다. 예:
여러 브랜드에 대한 이메일 사용자 지정하기
여러 브랜드에 대한 이메일 알림을 사용자 지정하려면 트리거와 자동화 작업에서 이메일 본문을 사용자 지정하되 이메일 기본서식은 하나만 있으므로 가능한 한 일반적으로 유지해야 합니다. 즉, 모든 브랜드에 대해 단일 기본서식을 사용하되 각 브랜드에 대해 서로 다른 작업을 사용자 지정합니다. 자세한 내용은 다음 리소스를 참조하세요.
- 여러 브랜드와 함께 이메일 기본서식 사용하기
- Andrew Soderberg가 기고한 팁인 각 브랜드에 사용자 지정 HTML 레이아웃을 사용하도록 이메일 기본서식을 구성하는 방법
HTML 이메일 기본서식에 대한 자리 표시자 참조
알림 이메일에 있는 콘텐츠 대부분은 Zendesk 시스템에서 동적으로 생성된 것입니다. 생성된 콘텐츠는 이메일 기본서식에 자리 표시자로 나타납니다. {{footer}}
등의 자리 표시자는 다음과 같이 이중 중괄호 안에 들어갑니다.
자리 표시자는 이메일 콘텐츠 및 바닥글 텍스트를 삽입합니다.
{{content}}
- 티켓 댓글 및 사용자 프로필 사진을 포함할 수 있는 이메일 콘텐츠를 표시합니다. 콘텐츠는 트리거, 자동화 또는 귀하의 계정에서 이메일을 보내는 그 밖의 모든 것에서 정의됩니다. 티켓 업데이트 및 알림을 위한 트리거 만들기 및 관리하기를 참조하세요.
{{quoted_content}}
- 선택 사항으로, 메시지 기록을 표시합니다. 인용 콘텐츠는 보통 사용자의 이메일 애플리케이션에서 축소되지만 사용자가 확대할 수 있습니다. 예를 들어 Gmail에서 사용자가 줄임표(…)를 클릭합니다. 간소화된 이메일 스레딩 이해하기를 참조하세요.
- 티켓이 만들어진 방법에 따라 인용 콘텐츠에 첨부 파일이 포함되지 않을 수도 있습니다.
- 이메일을 통해 티켓이 만들어진 경우에는 인용 콘텐츠에 첨부 파일이 포함되지 않습니다.
- 웹 양식이나 이메일이 아닌 다른 채널을 통해 티켓이 만들어진 경우에는 인용 콘텐츠에 첨부 파일이 포함됩니다.
{{footer}}
- 선택 사항으로, YourZendeskName의 이메일 서비스입니다.”라는 문구가 표시됩니다. 상담사에게 보내는 이메일에서는 상태와 요청자 같은 티켓 특성도 표시합니다. 최종 사용자에게 보내는 이메일에는 특성이 표시되지 않습니다.
{{footer_link}}
- 선택 사항으로, “Zendesk에서 전송했습니다.”라는 문구가 표시됩니다. Zendesk를 누르면 https://www.zendesk.com으로 이동합니다.
{{delimiter}}
- “##- 이 줄 위에 답장을 입력하세요 -##”라는 문구가 표시됩니다. 시스템은 구분 기호를 사용하여 이전 콘텐츠와 새 콘텐츠를 구분합니다. 이메일에 답장을 하면 답장의 새 콘텐츠가 티켓에 댓글로 추가됩니다. 이메일 구분 기호를 사용하는 경우에는 HTML 기본서식에서 이 자리 표시자가 필수입니다. 이메일에서 구분 기호 텍스트 사용자 지정하기를 참조하세요.
{{styles}}
- 선택 사항으로, 향후 사용을 위한 것으로 현재, 시스템이 이 자리 표시자를 사용하여 오른쪽에서 왼쪽으로 쓰는 로캘을 감지하는 경우 스타일을 삽입합니다.
{{attributes}}
- 선택 사항으로, 향후 사용을 위한 것으로 현재 시스템이 이 자리 표시자를 사용하여 오른쪽에서 왼쪽으로 쓰는 로캘을 감지하는 경우 속성을 삽입합니다.
댓글 0개