이메일 워크플로우를 향상시키는 3가지 도구

#1 태스크 러너 사용

Gulp는 캠페인을 구축할 때마다 수행하는 모든 개발 작업을 자동화할 수 있는 훌륭한 도구입니다. 예를 들어 이전 이메일에서 HTML 코드를 복사하여 다음 캠페인에 붙여넣고 ⌘+F를 눌러 이전 사본을 모두 새 버전으로 교체하고 헤드라인 font-size를 업데이트하려는 경우 - 그것은 또 다른 ⌘+F입니다. 시간이 많이 걸리는 것 외에도 이 워크플로우는 사람의 실수에 대한 충분한 기회를 제공합니다. 닫히지 않은 테이블 셀이 있습니까? 이러한 방식으로 이메일을 작성하는 데 있어 또 다른 문제는 코드 오류가 시간이 지남에 따라 복잡해지는 경향이 있다는 것입니다. 좋은 뮤추얼 펀드와 달리 이러한 유형의 이익은 긍정적인 수익을 내지 못합니다.

그렇다면 태스크 러너는 어떻게 도움이 될까요? 기본적으로 태스크 러너는 자동으로 태스크를 실행합니다. 그렇게 간단합니다. 태스크 러너 덕분에 몇 시간(일부 경우에는 며칠)이 걸렸던 작업을 몇 분만에 완료할 수 있습니다. 올바르게 설정하면 이러한 자동화된 워크플로를 통해 모든 오류(예: 코드에 닫힌 테이블 셀 태그가 누락된 경우 알림을 받습니다.

See how to setup your Gulp task runner

#2 템플릿 활용

이미 태스크 러너를 사용 중이신가요? 좋습니다. 제가 추천하고 싶은 다음 단계는 템플릿 사용을 통합하는 것입니다. 진정으로 태스크 러너의 사용을 최대화하고 싶다면 개발 요구에 맞는 템플릿 언어를 찾는 것이 좋습니다. 현재 Nunjucks을 사용하고 있습니다.

이러한 템플릿 언어는 사용하기 어렵지 않으며 대부분 배우기 쉽습니다. 이러한 템플릿 언어의 진정한 힘은 사용자 정의에 있습니다. 다른 사람의 템플릿을 사용하는 대신 필요에 따라 템플릿을 만들고 쉽게 복제할 수 있습니다. 다음은 기본 템플릿의 모양에 대한 샘플입니다.

{% extends "base.html" %}

{% block header %}
<h1>{{ title }}</h1>
{% endblock %}

{% block content %}
<ul>
  {% for name, item in items %}
  <li>{{ name }}: {{ item }}</li>
  {% endfor %}
</ul>
{% endblock %}

임베디드 루프를 보셨나요!? 템플릿은 6개 행을 모두 포함할 수 있습니다. 또는 .json 파일이 참조하는 항목 수를 조회하고 필요한 행을 작성하는 한 줄의 코드를 사용할 수 있습니다. 이는 여러 프로젝트에서 작업할 때 클러치입니다.

Learn more on how to get started with Nunjucks

#3 Think 모듈

레고 가지고 놀았던 거 기억나? 이메일은 레고 키트와 매우 유사하게 만들어집니다. 서로 맞물리는 여러 조각으로 구성되어 있습니다. 마지막으로 작성한 이메일을 살펴보세요. 콘텐츠가 보관된 주요 영역이 보이나요? 다음을 포함하는 기본 이메일 템플릿은 3개의 섹션으로 나눌 수 있습니다. 템플릿을 실제로 압축하려는 경우 2개입니다.

제목

히어로 이미지

본체

CTA 버튼

내가 그것들을 분해하는 방법은 다음과 같습니다.

- sectionBlock01 (contains headline)
- sectionBlock02 (contains hero image)
- sectionBlock03 (contains body and CTA button)

이 세 가지sectionBlock를 사용하여 몇 초 만에 이메일을 작성할 수 있습니다. 내sectionBlock03에 포함된 행 수에 관계없이 루프가 작업을 처리합니다.

이메일 워크플로를 개선하고 효율적인 개발자가 되기 위한 올바른 길을 갈 수 있도록 도와주는 3가지 도구가 있습니다.