Litmus를 사용하여 모듈식 구축 시작하기

우리는 최근에 모듈식 건물에 대해 많은 이야기를 나눴습니다. 그럴만한 이유가 있습니다. 이메일 개발을 간소화하고 가속화할 수 있는 좋은 방법입니다.

그리고 이메일 팀에 대한 요구가 증가함에 따라 계속해서(소진되지 않도록) 확장 가능한 시스템을 배치할 때입니다.

모듈러 빌딩이 등장하는 곳입니다. 다양한 조합으로 조합할 수 있는 재사용 가능한 콘텐츠 블록을 활용합니다. 레고와 비슷하지만 이메일용이라고 생각하세요.

이 개념이 처음이라면 모듈식 건물 101 블로그에서 개요를 확인하세요.

이 블로그에서 우리는 귀하의 비즈니스에 대한 비즈니스 사례를 만들고 리트머스에서 모듈을 구축 당신이 시작-모두하는 데 도움이됩니다.

Litmus의 다른 모듈식 구성 요소는 무엇입니까?

본격적으로 시작하기 전에 Litmus의 모듈식 건물에 대해 이야기할 때 참조하는 몇 가지 용어를 살펴보겠습니다.

짧은 발췌

스니펫은 재사용 가능한 콘텐츠 모듈로, 이메일 디자인 전반에 걸쳐 일반적으로 사용되는 요소에 이상적입니다. 가장 유연한 유형의 모듈이며 포함된 이메일 또는 템플릿 내에서 편집할 수 있습니다.

다음은 좋은 스니펫을 만드는 몇 가지 구성 요소입니다. 영웅 블록, 기본/보조, 삼차 콘텐츠 블록 및 CTA입니다.

부분

부분은 여러 이메일에서 사용할 수 있는 전역적이고 동적이며 재사용 가능한 모듈입니다. 부분에 대한 변경 사항은 해당 부분이 참조되는 모든 단일 이메일 또는 템플릿에 적용되어 시간을 절약하고 이메일 또는 템플릿 업데이트를 잊어버릴 가능성을 제거합니다.

좋은 부분을 만드는 구성 요소에는 머리글, 바닥글, CSS 재설정 및 기본 스타일, 반응형 중단점 및 스타일, 스페이서 요소가 포함됩니다.

템플릿

템플릿을 사용하면 팀이 브랜드에 맞는 오류 없는 이메일을 빠르게 만들 수 있습니다. 보낼 때마다 전체 이메일을 처음부터 다시 작성해야 하는 대신 기존 템플릿에 사본, 이미지 및 링크를 추가한 후 테스트하여 구독자에게 보낼 수 있습니다.

디자인 라이브러리

디자인 라이브러리는 코드 모듈을 한 곳에서 중앙 집중식으로 저장하는 곳입니다. Litmus에서 빌드하는 동안 디자인 라이브러리에 저장된 스니펫과 부분을 이메일로 가져올 수 있습니다.

모듈러 빌딩을 시작하기 위해 어떻게 바이인을 얻을 수 있습니까?

지금까지 모듈식 건물을 채택하는 데 가장 큰 걸림돌은 시간입니다. 캘린더에서 재사용 가능한 코드 라이브러리를 만들 시간을 확보하려면 리더십 팀의 동의가 필요합니다.

조직마다 승인을 확보하는 방법이 다르지만 다음이 모듈식 건물에 대한 투자의 가치와 중요성을 보여주는 데 도움이 되기를 바랍니다.

다음은 마케팅 임원과 함께 집으로 돌아가고 싶은 몇 가지 주요 이점입니다.

• 인원을 크게 늘리지 않고도 규모에 맞는 브랜드 경험 제공
• 시간을 절약하여 더 많은 이메일을 더 빨리 받을 수 있습니다.
• 잡초에서 벗어나 개발보다 이메일 전략에 더 집중할 수 있습니다.

그리고 2021년 이메일 현황 보고서의 다음 통계도 이를 입증하는 데 도움이 될 것입니다.

• 대유행 이후 이메일 양은 61% 증가했지만 인원 수는 증가하지 않았습니다. 모듈식 건물을 사용하면 인원을 추가하지 않고도 더 빠르게 빌드할 수 있습니다.
• 이메일 마케터의 58%는 제작 시간이 2주입니다. 모듈식 건물은 이메일 개발 속도를 높이고 이메일을 보내는 데 걸리는 시간을 줄이는 데 도움이 될 수 있습니다.
• 이메일 마케팅 담당자의 43%는 현재 스니펫을 사용하고 있으며 12%는 사용할 계획입니다. 이것이 이메일 마케팅의 미래이며, 여러분은 앞서가고자 합니다.
• 이메일 마케팅의 ROI는 36:1입니다. 성공적인 이메일 마케팅의 핵심은 일관된 브랜드 경험입니다. 모듈식 구축을 통해 달성할 수 있습니다.

모듈식 건물을 시작하려면 어떻게 해야 합니까?

여기에 접근할 수 있는 몇 가지 다른 방법이 있습니다.

여기 Litmus에서 우리는 감사로 시작했습니다. 여기에는 현재 이메일 템플릿을 문서화하고 모든 템플릿에서 공통적인 모듈을 식별하는 작업이 포함되었습니다. 그런 다음 코딩에 뛰어드는 대신 Figma를 사용하여 모듈용 와이어프레임을 설계하고 생성했습니다. 이를 통해 우리는 실제로 몇 번이고 반복해서 사용하는 코드 모듈을 빌드할 수 있어 권장하는 접근 방식이 되었습니다.

또는 템플릿을 구축하여 시작한 다음 모듈로 작업할 수 있습니다. 이것이 바로 우리 고객 중 하나인 Ferguson Enterprises가 모듈식 건물을 시작하여 신속하게 시작하고 시간이 지남에 따라 반복할 수 있는 방법입니다.

앞서 언급했듯이 모듈식 건물의 가장 큰 장벽은 시간입니다. 반복적인 접근 방식을 취하면 전체 이메일 디자인 시스템을 만들 시간과 리소스가 충분하지 않더라도 시작할 수 있습니다.

Litmus를 사용하여 모듈을 구축하려면 어떻게 해야 합니까?

Litmus에서 모듈을 빌드하는 방법에는 두 가지가 있습니다.

1. 디자인 라이브러리에서 직접
2. 빌더에서 모듈 저장

각각을 살펴보고 시작하기 위한 옵션을 살펴보겠습니다.

디자인 라이브러리에서 모듈 생성

디자인 라이브러리로 이동한 다음 오른쪽 상단 모서리에 있는 새 모듈 버튼을 클릭합니다. 새 스니펫과 새 부분의 두 가지 옵션이 표시됩니다.

스니펫을 만들려면 새 스니펫 을 클릭 합니다 . 다음 화면에서 스니펫에 이름과 트리거를 지정합니다. 트리거는 Litmus Builder의 코드 편집기(예: p-list)에 스니펫을 삽입하는 데 사용할 텍스트 문자열입니다. 스니펫 콘텐츠 섹션에서 코드를 복사하여 붙여넣습니다.

새 부분을 만들려면 새 부분을 클릭 합니다. Partial에 이름을 지정하면 새 편집기 창이 열립니다. 코드를 삽입한 다음 저장을 클릭합니다. ( 참고: 부분 은 디자인 라이브러리에서만 생성할 수 있습니다.)

Litmus Builder에서 모듈 만들기

Litmus Builder에서 모듈을 만드는 첫 번째 단계는 새 이메일을 시작하는 것입니다. 시작하려면 아무 폴더에서나 새 이메일 버튼을 클릭하세요. 이메일 이름을 지정하고 "템플릿 선택"을 선택합니다. 여기에서 빈 이메일 템플릿을 선택합니다.

기존 이메일 템플릿이 있는 경우 HTML 또는 CSS를 복사하여 빌더의 코드 편집기에 붙여넣습니다. 코드 섹션을 강조 표시하면 선택 항목을 모듈로 저장 이라는 버튼이 표시 됩니다. 디자인 라이브러리에서 스니펫을 생성할 때와 마찬가지로 스니펫에 이름과 트리거를 지정합니다. 모듈 만들기를 클릭하여 스니펫을 저장합니다. 엣 짜잔! 정말 쉽습니다.

현재 가져올 코드가 없다면 괜찮습니다! 그것이 바로 이메일 커뮤니티의 목적입니다. 우리의 Carin Slater는 당신이 훔칠 수 있도록 이러한 예제 스니펫과 부분을 제작했습니다. 그리고 Litmus Community는 여러분이 사용할 수 있는 좋아하는 스니펫을 공유했습니다.

모듈식 이메일 생성 시도 Litmus를 사용하면 쉽게 모듈화할 수 있습니다. 디자인 라이브러리에서 스니펫과 부분을 저장하고 구성합니다. 그런 다음 Litmus Builder의 Visual Editor를 사용하여 이메일을 빠르게 빌드하고 QA 테스트하십시오. 모듈이 포함된 완전히 최적화된 이메일 템플릿이 미리 로드되어 있으므로 바로 사용할 수 있습니다. 무료 평가판 시작