이메일 템플릿 수정하기 (HTML 활용)

안녕하세요

고객이 Email 등으로 요청을 하셨을 경우 '요청자에게 수신한 요청에 대해 알림' 트리거를 통해서 정상수신 여부를 요청 주신 이메일로 보내드립니다. 이때 트리거 내용을 수정하여 기본 템플릿 이외에 디자인된 이메일을 보낼 수 있게 됩니다. 

그럼 지금부터 트리거 내용을 수정하여 템플릿 디자인을 변경해 보도록 하겠습니다. 

1. 메뉴 : (Support) 관리자 - 트리거 - 트리거 리스트에서'요청자에게 수신한 요청에 대해 알림' 클릭합니다.

2.  트리거 내용 중에 '이메일 본문' 의 내용을 모두 삭제하고 원하는 디자인 HTML코드를 붙여넣기 합니다. 

아래 샘플코드를 해당 트리거에 붙여넣기하시면 다음과 같은 디자인이 적용된 이메일을 받게 됩니다.

샘플코드

<div>
<table cellpadding="0" cellspacing="0" width="100%" height="100%" style="padding:10px 10px;background:#ebebeb">
<tbody>
<tr>
<td align="center">
<table cellpadding="0" cellspacing="0" align="center" style="max-width:100%;border:1px solid #ebebeb;background:#fff;width:100%;">
<tbody>
<tr>
<td style="text-align:center">
<img src="https://theme.zdassets.com/theme_assets/2204593/9a1b13a70850b1a86883acc636cd21daeda1ac91.png" alt="[e-mail]" style="width:100%">
</td>
</tr>
<tr>
<td style="padding:10px;font:12px dotum;color:#000!important;line-height:18px">
<p style="font:12px dotum;text-align:center;color:#666!important;line-height:18px">
고객님의 요청({{ticket.id}})을 받았으며 현재 지원 스태프가 검토 중입니다.<br>
댓글을 추가하려면 이 이메일에 답장하세요.
<br>빠른 시간 내에 고객님께 답변 드리겠습니다.<br>

</p>
</td>
</tr>
<tr>
<td style="padding:10px;text-align:center">
<div style="padding:10px 0 0 0;border-top:1px solid #ebebeb">
<a href="https://www.zendesk.kr" target="_blank">
<img src="https://theme.zdassets.com/theme_assets/2204593/e65b8eef48a1a0a8e09ccdc766cc92c228408023.png" alt="customer center" style="width:20%">
</a>
</div>
</td>
</tr>
<tr style="background:#ebebeb;border:0">
<td style="padding:20px 0;font-size:12px;font-family:Helvetica,AppleSDGothicNeo,sans-serif;text-align:center;color:#999;border:0">
koreaportal.zendesk.com 한국 영업지원을 위한 포탈이므로, FAQ에 올린 내용들은 젠데스크 본사 홈페이지 www.zendesk.kr에 올라간 최신 정보와 상이할 수 있습니다.<br><br>구매 고객의 경우 [e-mail] 으로 문의하셔서 지원받으시기 바랍니다.
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<span style="color:#ffffff">[936K9Z-MP59]</span>
</div>