이메일 워크플로에 자동화를 추가하는 7가지 방법

이메일을 디자인하고 코딩하는 데는 지루하고 지루할 뿐만 아니라 쉽게 실수할 여지를 남길 수 있는 힘든 수동 편집 프로세스가 수반되는 경우가 많습니다.

그렇게 될 필요는 없습니다. 이메일 마케터와 개발자가 이메일 워크플로를 자동화할 수 있는 다양한 도구가 존재하므로 일상적인 작업을 제거하고 보내기를 누르기 전에 값비싼 오류를 잡아낼 수 있습니다.

2018년 이메일 워크플로 현황 보고서에서 알 수 있듯이 이메일 프로그램에는 움직이는 부분이 많고 생산 주기는 일반적으로 단일 이메일에 대해 2주 또는 그 이상이 걸립니다.

생산 주기가 이만큼 길면 여기저기서 시간을 절약하고 더 효율적으로 만들 수 있는 기회가 많이 있습니다. 다음은 이메일 워크플로에 자동화를 추가할 수 있는 7가지 방법입니다.

표준화된 템플릿 생성

절약된 시간: 30-60분

워크플로를 간소화하려는 경우 템플릿을 시작하는 것이 좋습니다. 카피 또는 디자인 요소를 교체하되 중요한 브랜드별 부분은 그대로 유지하면 이메일 생성 프로세스를 시작할 수 있습니다. 코더가 아닌 사람들에게도 도움이 될 수 있습니다.

2017년 이메일 크리에이티브 현황 보고서에 따르면 대다수의 이메일 디자이너는 신제품과 같은 대규모 이벤트나 블랙 프라이데이와 같은 주요 계절 캠페인을 위한 일회성 이메일 디자인만 제작했다고 보고했습니다. 나머지 시간에는 표준화된 템플릿을 사용하면 생산 효율성이 크게 향상됩니다.

이것이 바로 우리가 계정 관리 및 전자 상거래에서 제품 출시 및 마케팅에 이르기까지 다양한 용도를 다루는 우아한 사전 테스트 템플릿 모음인 Litmus 커뮤니티 템플릿을 구축한 이유입니다.

리트머스 커뮤니티 템플릿 다운로드 Litmus의 사전 테스트된 템플릿 중 하나로 다음 캠페인을 시작하세요. 템플릿 액세스 →

코딩하는 동안 바로가기

스니펫 활용

절약된 시간: 10-15분

스니펫은 재사용 가능한 코드의 모듈입니다. 문서 유형, 방탄 버튼 및 링크와 같이 이메일 디자인 전반에 걸쳐 일반적으로 사용되는 요소에 이상적입니다. 이러한 요소 중 하나를 사용할 때마다 코드를 다시 작성하는 대신 Snippet을 사용할 수 있습니다. 이렇게 하면 이메일 디자인의 공통 요소에 대한 중복성과 잠재적인 코딩 오류가 줄어듭니다.

방탄 버튼을 예로 들어보겠습니다. 방탄 버튼은 CTA(클릭 유도문안) 이메일의 필수 요소입니다. 그러나 각 버튼은 각각의 개별 이메일에 대한 사용자 정의가 필요합니다. 다른 사본, 다른 링크 및 다른 배치.

방탄 버튼에 사용하는 HTML은 다음과 같습니다.

 <table border="0" cellspacing="0" cellpadding="0"> <tr>   <td>     <table border="0" cellspacing="0" cellpadding="0">       <tr>         <td align="{align}" bgcolor="{bgcolor}" <a href="{link}" target="_blank">I am a button &rarr; </a> </td>        </tr>      </table>    </td>  </tr> </table>

스니펫은 방탄 버튼 코드를 손으로 지속적으로 다시 생성하는 문제를 해결하고 스니펫 라이브러리에 바로 가기 트리거로 저장할 수 있습니다. 이 예에서는 방탄 버튼의 줄임말인 'bb'로 이름을 지정하겠습니다.

이제 방탄 버튼을 추가하고 싶을 때마다 단축키 'bb'를 사용하여 코드를 생성하면 됩니다.

다음에서 스니펫을 사용할 수 있습니다.

• 리트머스 빌더
• 숭고한 텍스트
• 원자
• 드림위버
• 코다

더 많은 스니펫을 원하십니까? 공유하고 싶은 즐겨찾기가 있습니까?
커뮤니티 에 가입하여 스니펫 라이브러리에서 스니펫을 검색하고 제공 하세요 .

부분 활용

절약된 시간: 30분 — 업데이트하는 이메일 템플릿 수에 따라 몇 시간

부분은 여러 이메일에서 사용할 수 있는 전역적이고 동적이고 재사용 가능한 코드 블록입니다. 부분에 대한 변경 사항은 해당 부분이 참조되는 모든 단일 이메일에 적용됩니다.

2018년 State of Email Workflows 보고서에 따르면 마케터의 22%가 부분을 사용합니다. 이는 2017년에 18.2% 증가한 수치입니다. 자동화된 이메일의 사용량이 계속 증가함에 따라 부분적인 사용량도 증가해야 합니다.

부분은 헤더, 바닥글, CSS 재설정 및 일반적으로 사용되는 CTA와 같은 코드 섹션에 잘 작동하며, 여러 이메일에서 반복되므로 트리거 및 트랜잭션 이메일에 이상적인 도구입니다.

예를 들어 Litmus에서는 대부분의 이메일에 동일한 헤더를 사용합니다.

 <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td bgcolor="#33373e" align="center"> <!--[if (gte mso 9)|(IE)]> <table width="500" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <![endif]--> <table cellpadding="0" cellspacing="0" width="100%" border="0" align="center"> <tr> <td align="center"> <a href="http://litmus.com" target="_blank"> <img src="logo.png" width="130" height="48" alt="Litmus" border="0"> </a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table>

이메일 헤더의 실제 HTML과 CSS를 사용하는 대신 부분 참조를 사용합니다.

 <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td align="center"> {{header}} </td> </tr> </table>

참고: 위의 참조는 Litmus Builder에서 사용되는 Handlebars 구문을 사용하고 있습니다.

헤더를 변경해야 할 때마다 헤더가 표시되는 각 이메일을 수동으로 수정하지 않아도 됩니다. 개별 이메일을 업데이트하는 대신 부분 업데이트만 하면 해당 부분이 사용되는 모든 이메일에 변경 사항이 적용됩니다. 부분을 ​​사용하면 이메일을 더 쉽고 빠르고 확장 가능하게 관리하고 유지 관리할 수 있습니다.

부분을 ​​사용하려면 핸들바, 미들맨, 어셈블과 같은 정적 사이트 생성기와 빌드 시스템을 활용해야 합니다. Partials를 사용하려면 Litmus Builder(설정 필요 없음) 또는 Lee Munroe의 Grunt Email Workflow를 사용하는 것이 좋습니다.

Emmet으로 코드 바로 가기 사용

절약된 시간: 10-15분

Emmet은 키보드 단축키를 입력한 다음 전체 코드 세그먼트로 확장할 수 있는 텍스트 편집기용 무료 추가 기능입니다.

Emmet을 사용하여 이메일 작성자는 입력 횟수를 줄이고 캠페인을 구축할 때 키 입력과 시간을 모두 절약할 수 있습니다. 또한 Emmet의 자동 완성 기능을 사용하면 오타와 누락된 태그가 줄어들어 이메일이 더욱 강력해집니다.

Emmet은 다양한 텍스트 편집기에서 사용할 수 있으며 Litmus Builder에 내장되어 있습니다. 웹 디자이너에게 인기 있는 Emmet은 아직 사용량이 적지만 워크플로를 간소화하려는 이메일 디자이너 사이에서 채택이 증가했습니다.

Emmet을 이해하는 가장 쉬운 방법은 예를 보는 것입니다. 텍스트 단락 위의 이미지가 있는 테이블 셀과 링크가 각각 포함된 3개의 행이 있는 테이블을 원한다고 가정해 보겠습니다.

각 행, 표 셀, 이미지, 단락 및 링크 태그를 수동으로 입력하거나 복사하여 붙여넣는 대신 한 줄로 압축하여 Emmet이 대부분의 작업을 대신하도록 할 수 있습니다.

 table>tr*3>td>img+p+a

TAB 버튼을 눌러 Emmet을 실행하면 위의 한 줄의 코드가 전체 HTML로 확장됩니다.

 <table> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> </table>

반복적인 작업을 제거하고 더 빠르게 구축

작업 실행기 사용

절약된 시간: 30-60분

작업 실행자는 CSS 인라인 및 테스트 이메일 전송과 같은 반복적인 작업을 자동화합니다. 2018년 이메일 워크플로 현황 보고서에 따르면 이메일 마케터의 8.9%가 이메일 제작 워크플로의 일부로 작업 실행기를 사용합니다.

다음 옵션을 확인하여 작업 실행기가 도움이 되는지 확인하십시오.

• 꿀꿀 거리는 소리
• 꿀꺽
• 코드킷

정적 사이트 생성기 사용

절약된 시간: 30분 — 업데이트하는 이메일 템플릿 수에 따라 몇 시간

정적 사이트 생성기는 이메일 요소를 템플릿화하고 분류할 수 있는 플랫 파일용 빌드 시스템입니다.

이렇게 하면 이메일 작성자가 해당 이메일 요소를 더 쉽게 편집하고 제어할 수 있습니다. 2018년 이메일 워크플로우 현황 보고서에 따르면 이메일 마케팅 담당자의 거의 9%가 이메일 제작 워크플로우의 일부로 정적 사이트 생성기를 사용하고 있습니다.

다음 옵션을 확인하여 정적 사이트 생성기가 도움이 되는지 확인하세요.

• 핸들바
• 중개자
• 모으다

작업 실행기 및 정적 사이트 생성기는 역사적으로 웹 개발 도구로 사용되어 왔지만 전자 메일에서 사용하여 레이아웃, 변수 및 부분을 포함하는 프레임워크를 설정하여 처음부터 끝까지 워크플로를 최적화할 수 있습니다.

전처리기와 후처리기

절약된 시간: 10-15분

전처리기와 후처리기는 본질적으로 CSS를 작성하는 다른 방법입니다. 직접적인 시간 절약은 아니지만 브라우저에서 렌더링할 수 있도록 형식을 변경하여 워크플로를 자동화하는 데 도움이 될 수 있습니다.

전처리기는 전처리 언어로 작성된 코드를 브라우저에서 렌더링할 수 있는 표준 호환 HTML 또는 CSS로 변환합니다.

다음 옵션을 확인하여 전처리기가 도움이 될 수 있는지 확인하십시오.

• 사스
• 햄
• 더 적은

포스트 프로세서는 CSS를 삭제하고 표준 준수 CSS로 변환하여 이메일 클라이언트 간의 호환성을 보장합니다.

Litmus를 사용하여 이메일 워크플로에 자동화 추가

템플릿을 생성하든, Snippets, Partials 또는 Emmet과 같은 바로 가기를 사용하든, 또는 작업 실행기를 사용하여 이메일을 코딩하든 모든 종류의 자동화를 Litmus Builder에 통합할 수 있습니다. Litmus를 사용하면 제작 시간을 단축할 수 있으므로 멋진 이메일을 디자인하고 작성하는 데 집중할 수 있습니다.

이메일 자동화 웨비나에서 듣거나 Litmus를 사용해 보십시오.

워크플로 자동화 →