이 글에서는
에디터를 사용하면 복잡한 코딩 작업 없이도 이메일을 쉽게 편집할 수 있지만 HTML 코딩을 할 수 있다면 조금 더 자유롭게 편집을 하는 것도 가능합니다. 그 방법에 대해서 알아봅니다.
목차
이메일 전체를 HTML로 편집하기
이메일 본문 전체를 HTML로 편집할 수도 있습니다. 이메일 편집 단계 중 [템플릿] 단계에서 [HTML로 만들기]를 선택합니다.
'HTML로 만들기'를 선택하면 이메일을 HTML 코드로 편집할 수 있는 화면이 표시됩니다. 왼쪽의 HTML 코드 입력창에 코드를 입력하면 오른쪽에서 실시간으로 작업 내용을 확인할 수 있습니다.
*주의! 이메일 환경은 일반적인 웹 환경과 다르기 때문에 HTML 코드를 작성할 때 몇가지 주의해야 할 점이 있습니다. 자세한 내용은 아래 블로그 글을 참고하세요.
*HTML로 편집할 때도 스티비를 사용해 이메일을 발송한다면 '웹에서보기', '수신거부' 등의 기능도 사용하는 것이 가능합니다. 아래 예시를 참고하세요.
- 웹에서보기
-
<a href="$%permanent_link%$">웹 에서 보기</a>
-
- 수신거부
-
<a href="$%unsubscribe%$">수신거부</a>
-
💬아래 내용은 스탠다드 요금제에 해당하는 도움말입니다.
이메일의 일부만 HTML 코드로 편집하기
스티비의 개편된 에디터를 사용하는 경우 이메일의 본문 중 일부만 HTML 코드로 편집할 수 있는 HTML 코드 상자를 이용할 수 있습니다. HTML 코드 상자는 스탠다드 요금제부터 사용 가능합니다.
HTML 코드 상자를 이용하면 이메일의 본문 일부만 HTML 코드로 편집하는 것이 가능합니다. 에디터에서 HTML 코드로 작성한 내용을 바로 확인 할 수 있습니다. 오른쪽 패널에서는 HTML 코드를 직접 입력하고 수정할 수 있습니다.
*주의 HTML 코드 상자에서는 아래 태그는 사용이 불가능합니다. (Script 실행 코드도 사용할 수 없습니다.)
<script>, <head>, <body>, <html>, <style>, <form>, <input>,
<button>, <noscript>, <meta>, <iframe>
HTML에서 메일머지 기능 사용하기
HTML 코드에서도 메일머지 기능을 사용할 수 있습니다. 사용자 정의 필드의 Key값을 입력하면 구독자마다 개인화 된 메시지(예. 구독자 이름, 쿠폰 번호 등)를 발송할 수 있습니다. 태그는 $%key%$의 형식으로 입력하면 됩니다.
기본으로 제공되는 사용자 정의 필드의 Key 값은 다음과 같습니다.
-
$%email%$: 구독자의 이메일 주소
-
$%name%$: 구독자의 이름
이 외에도 다른 필드를 직접 추가할 수 있습니다. 사용자 정의 필드를 추가하는 방법은 이메일 주소 외의 다른 구독자 정보를 추가할 수 있나요?를 참고하세요.