마케팅 이메일을 만들기 위해 드래그 앤 드롭 편집기와 템플릿을 사용하는 방법
이메일 캠페인의 유형을 이해하고 어떤 종류의 이메일 캠페인을 보낼지 결정한 후에는 이메일의 콘텐츠를 만들기 시작할 수 있습니다. 템플릿을 업로드하거나 편집기를 사용하여 직접 만들 수 있습니다. 이것은 드래그 앤 드롭 편집기를 사용하여 반응형 및 개인화된 이메일 캠페인을 만드는 단계별 가이드입니다. 드래그 앤 드롭 편집기는 일회성 이메일, 여정 이메일 및 API로 트리거되는 거래 이메일을 만들 수 있습니다.
목차
- 편집기에 접근하는 방법
- 드래그 앤 드롭 편집기 사용하기
- 템플릿 커스터마이징
- 메시지 개인화
- 버튼(CTA) 및 커스터마이징
- 웹 페이지 열기
- 동적 페이지 링크 열기
- 파일 다운로드
- 이메일 보내기/통화하기/SMS 보내기
- 이미지 및 개인화
- 정적 이미지 추가
- 동적 이미지 추가
- 이미지를 웹 페이지 열기, 통화하기, 이메일/SMS 보내기에 연결
- 비디오
- HTML
- 구분선
- 구독 취소 및 환경 설정 관리 링크
- 브라우저에서 보기
- 변경 기록 및 실행 취소/다시 실행
- 이메일 미리보기
- 템플릿으로 저장
편집기에 접근하는 방법
왼쪽 탐색 바에서 이메일 캠페인 유형을 선택하고 '캠페인 생성' 버튼을 클릭합니다. 그러면 이메일 템플릿 라이브러리가 열립니다.
드래그 앤 드롭 편집기에 접근하는 방법은 다음과 같습니다:
- 템플릿 라이브러리에서 템플릿 중 하나를 선택합니다. 미리 구축된 라이브러리는 메시지를 시각적으로 매력적으로 만드는 100개 이상의 스타일화된 템플릿을 제공합니다. 템플릿을 선택하고 텍스트, 색상, 글꼴, 이미지, 버튼 및 링크를 필요에 맞게 커스터마이징하세요!
- '새로 만들기'를 클릭하고 레이아웃을 선택합니다. 우리는 쉽게 편집하고 이상적인 레이아웃을 만들 수 있는 세 가지 기본 HTML 구조를 제공합니다. 템플릿을 선택하고 텍스트, 비디오, 이미지, 버튼을 추가하면 준비 완료입니다! '단순 텍스트'를 제외한 모든 레이아웃에서 드래그 앤 드롭 편집기에 접근할 수 있습니다.
- 저장된 템플릿
계정에 저장된 사용자 정의 레이아웃을 탐색하여 이메일 템플릿을 재사용하고 팀원이 설계한 유사한 캠페인을 구축하기에 완벽합니다.
드래그 앤 드롭 편집기 사용하기
기본부터 시작해 봅시다 - 행, 열, 콘텐츠 블록. 행과 열은 이메일 템플릿의 기초입니다.
행은 여러 열을 포함할 수 있으며, 각 열은 텍스트, 이미지, 링크, 버튼 등의 콘텐츠 블록을 포함할 수 있습니다. 콘텐츠 블록은 아래에 설명된 대로 행의 특정 열로 쉽게 드래그할 수 있습니다.
또한 메시지 요구 사항에 맞게 이메일 템플릿에 여러 행 블록을 추가할 수 있습니다. 추가할 수 있는 행의 수에는 상한선이 없지만, 각 행은 최대 6개의 열을 수용할 수 있습니다.
각 이메일 템플릿은 테이블처럼 작동하여 행과 열 내에서 콘텐츠 블록을 다양한 구성으로 배치할 수 있습니다. 이 사용하기 쉬운 시스템은 개인화된 템플릿을 빠르고 쉽게 만들 수 있도록 합니다. 모바일과 노트북을 위한 별도의 레이아웃을 디자인할 필요가 없습니다 - 이메일 편집기가 그 부분을 매끄럽게 처리합니다.
이제 드래그 앤 드롭 편집기의 모든 기능을 안내하겠습니다:
템플릿 커스터마이징
템플릿 내에서 모든 콘텐츠 블록과 행을 삭제, 복제 및 이동하여 특정 디자인 요구 사항을 충족할 수 있습니다.
삭제: 원하는 블록을 선택하고 블록 아래 또는 오른쪽 패널에 있는 휴지통 아이콘을 클릭합니다.
복제: 블록을 선택하고 블록 아래 또는 오른쪽 패널에 보이는 복제 아이콘을 클릭합니다. 그러면 선택한 블록 아래에 복제본이 생성됩니다.
이동: 블록을 선택하고 드래그 아이콘을 클릭하여 템플릿 내의 새 위치로 드래그합니다. 이를 통해 블록을 원하는 위치로 쉽게 이동할 수 있습니다.
또한 오른쪽 패널을 통해 각 행(및 그 열)의 외관을 커스터마이징할 수 있습니다. 예를 들어, 아래 시각적 예시에서는:
- 제품 이미지가 포함된 열에 테두리를 추가했습니다.
- 같은 열에 배경색을 추가했습니다.
오른쪽 패널의 설정 섹션을 사용하여 전체 템플릿의 전반적인 외관을 구성할 수도 있습니다. 아래 예시 시각에서는:
- 레이아웃의 배경색을 커스터마이징했습니다.
- 콘텐츠의 너비를 증가시켰습니다.
- 하이퍼링크된 텍스트의 색상을 커스터마이징했습니다.
메시지 개인화
계정에 대해 추적된 연락처 속성 및 사용자 정의 이벤트의 데이터를 활용하여 각 사용자의 개인 정보, 선호도 및 행동 이력을 통해 메시지를 쉽게 개인화할 수 있습니다. 작동 방식을 보여주는 짧은 사용 사례를 살펴보겠습니다:
사용 사례: 전자 상거래 - 배송 중 업데이트
전자 상거래 비즈니스가 이메일을 통해 사용자의 구매에 대한 배송 업데이트를 보내는 상황을 고려해 보세요.
개인화된 사용자 경험을 향상시키기 위해 마케팅 팀은 아래 속성을 사용하여 동적으로 개인화된 배송 알림 이메일을 만들었습니다.
- 사용자의 이름
- 주문 ID
이메일 템플릿에서 이름을 개인화하는 방법은 다음과 같습니다:
- 개인화 아이콘을 클릭합니다. 그렇게 하면 계정에 대해 추적되는 연락처 속성과 사용자 정의 이벤트에 접근할 수 있습니다.
- 드롭다운에서 연락처 속성을 선택합니다. 그렇게 하면 자리 표시자 메뉴에 모든 연락처 속성이 나열됩니다.
- 자리 표시자 목록에서 '이름'을 선택하고 기본값을 입력합니다. 이는 이름이 비어 있을 경우 대체값으로 작동합니다.
이렇게 하면 {{contact::first_name=<기본값>}}이 추가됩니다.
}} 템플릿에 아래와 같이 추가됩니다. 마찬가지로 템플릿에서 주문 ID를 개인화하는 방법은 다음과 같습니다. 단계 1: 개인화 아이콘을 클릭합니다. 이를 통해 계정에 추적되고 있는 연락처 속성과 사용자 정의 이벤트에 접근할 수 있습니다. 단계 2: 드롭다운에서 Shopify 이벤트를 선택합니다(Shopify 스토어를 Freshmarketer와 통합한 경우 해당 유형을 선택). 이렇게 하면 자리 표시자 메뉴에 모든 이벤트가 나열됩니다. 단계 3: 이벤트 목록에서 '주문 완료'를 선택하고 자리 표시자 목록에서 order_id를 선택합니다. 주문 ID가 비어 있을 경우 대체 값으로 작동할 기본값을 입력합니다. 이렇게 하면 아래와 같이 템플릿에 {{shopify::placed_order::order_id=<기본값>}}가 추가됩니다. 이메일이 사용자에게 전송되면, 이름과 주문 ID의 자리 표시자는 각 사용자에게서 얻은 개별 값으로 자동으로 채워집니다. 이는 모든 수신자가 자신의 세부 정보에 기반한 맞춤형 이메일을 받아 커뮤니케이션 경험을 향상시킵니다. 버튼 (CTA) 및 사용자 정의 이메일에 전략적으로 버튼을 배치하는 것은 사용자의 주의를 끌고 원하는 행동을 유도하거나 캠페인의 최종 목표를 달성하는 강력한 방법입니다. 이러한 버튼은 사용자가 구매를 하거나, 특별 제안을 이용하거나, 블로그의 새 기사를 읽거나, 구독을 갱신하거나, 새 비디오를 시청하거나, 팟캐스트를 듣는 등 다양한 행동을 유도할 수 있습니다. 버튼은 참여와 전환을 유도하는 데 중요한 요소로, 효과적인 이메일 마케팅의 필수 요소입니다. 이제 템플릿에 맞춤형 버튼을 추가하는 방법을 보여드리겠습니다: 단계 1: 템플릿에 행을 추가합니다. (적절한 자리 표시자가 이미 있는 경우 건너뜁니다) 단계 2: 버튼 콘텐츠 블록을 선택하여 행이나 열에 드롭합니다. 단계 3: 템플릿에 추가된 버튼을 선택하여 텍스트를 추가하고 외관을 사용자 정의합니다. 예를 들어, 아래 시각적 예시에서는 오른쪽 패널의 콘텐츠 속성 메뉴를 통해 버튼의 색상, 패딩, 너비를 변경했습니다. 단계 4: 버튼에 링크를 추가합니다. 사용자가 클릭할 때 웹페이지를 열거나, 전화를 걸거나, SMS를 보내거나, 파일을 다운로드하거나, 이메일을 보낼 수 있도록 버튼을 쉽게 링크할 수 있습니다. 각 콜투액션을 설정하는 방법은 다음과 같습니다: 웹 페이지 열기: 아래 강조된 것처럼, 오른쪽 패널에 사용자를 안내할 링크를 추가합니다. 동적 페이지 링크 열기: 버튼을 '주문 상태' 페이지 URL에 연결하려는 경우를 가정합니다. 이는 각 연락처와 주문 완료 이벤트에 따라 변경됩니다. 이 경우 정확한 URL을 추가하는 대신, 주문 완료 이벤트의 자리 표시자를 추가할 수 있습니다. 불행히도 이 자리 표시자를 URL 상자에서 직접 선택할 수 없습니다. 텍스트 콘텐츠 블록 중 하나에 이 자리 표시자를 추가하고, 거기서 복사하여 버튼 URL 상자에 붙여넣어야 합니다. 파일 다운로드: 사용자가 버튼을 클릭할 때 첨부된 이미지, 문서 또는 오디오/비디오 클립을 다운로드하도록 유도합니다. 예를 들어, 아래 시각적 예시에서는 디자인 회사의 서비스 및 상담 요금이 포함된 PDF 문서를 링크했습니다. URL 상자 아래의 '파일 링크' 옵션을 클릭합니다. 이렇게 하면 파일 관리자가 열리며, 새 파일을 업로드하거나 기존 파일을 버튼에 링크할 수 있습니다. 이메일 보내기/전화 걸기/SMS 보내기: 링크를 추가하는 것 외에도, CTA 버튼은 아래 이미지에 표시된 것처럼 이메일을 보내거나, 전화를 걸거나, SMS를 보내는 데 사용할 수 있습니다. 참고: 수신자가 노트북에서 이메일을 열 경우 전화 및 SMS 옵션은 작동하지 않습니다. 이미지 및 개인화 이메일 템플릿에 이미지를 쉽게 포함하거나 GIF를 추가할 수 있습니다. 미리 만들어진 템플릿의 기존 이미지를 새 이미지로 교체할 수 있습니다. 또는 빈 행에 이미지 블록을 추가하여 외관을 사용자 정의하여 선호에 맞출 수 있습니다. 추가 개인화를 위해, 각 사용자의 선호도나 행동 이력에 따라 콘텐츠를 맞춤화하는 동적 이미지를 사용하세요. 이를 통해 더 매력적이고 개인화된 이메일 경험을 만들 수 있습니다. 정적 이미지 추가 이미지의 자리 표시자를 만들려면: 오른쪽 패널에서 이미지 콘텐츠 블록을 선택합니다. 행에 추가하여 자리 표시자를 만듭니다. '찾아보기'를 클릭하고 이미지를 선택합니다. 또는 기존 이미지 블록에 이미지를 직접 추가합니다. 동적 이미지 추가 신발 전문 전자상거래 플랫폼의 예를 들어보겠습니다. 최근 여름 세일을 시작하고 기존 사용자와의 재참여를 목표로 했습니다. 이를 위해, 위시리스트에 제품을 추가했지만 아직 구매하지 않은 사용자에게 타겟팅된 이메일 캠페인을 만들었습니다. 참여를 높이기 위해, 캠페인의 배너 이미지는 각 수신자가 위시리스트에 추가한 제품에 따라 개인화되었습니다. 사용자 정의 이벤트 "위시리스트 - 추가됨"은 사용자가 위시리스트에 항목을 추가할 때 추적합니다. 추가 제품 세부 정보는 제품 카테고리, 제품 가격, 제품 수량 등을 포함한 사용자 정의 이벤트 속성으로 추적됩니다. 동적 이미지를 추가하려면, 먼저 텍스트 블록 중 하나에 위시리스트 제품 URL에 대한 자리 표시자 텍스트를 추가합니다. 이제 자리 표시자를 복사하고 이미지 블록에서 동적 이미지 옵션을 켜고, 동적 이미지 URL 상자에 붙여넣습니다. 이미지에 웹 페이지 열기, 전화 걸기, 이메일/SMS 보내기 링크 추가 버튼을 추가하는 것과 함께 이미지를 링크하는 것은 클릭률을 높이는 효과적인 방법입니다. 오른쪽 패널의 메뉴를 통해 콜투액션을 구성하여 사용자가 페이지를 방문하거나, 비디오를 시청하거나, 파일을 다운로드하거나, 이메일/SMS를 보내거나, 전화를 걸도록 유도할 수 있습니다. 이러한 작업을 추가하는 자세한 지침은 CTA 버튼 섹션을 참조하세요. 이 과정이 자세히 설명되어 있습니다. 비디오 이메일 템플릿에 비디오를 포함하려면 다음 단계를 따르세요: 단계 1: 자리 표시자가 이미 없는 경우 템플릿에 행 블록을 추가합니다. 단계 2: 비디오 콘텐츠 블록을 선택하여 행에 드롭합니다. 단계 3: 오른쪽 패널을 통해 YouTube 또는 Vimeo 링크를 추가하여 템플릿에 재생 아이콘이 있는 썸네일을 추가합니다. 단계 4: 오른쪽 패널을 통해 재생 아이콘의 외관을 템플릿의 테마에 맞게 사용자 정의합니다. 단계 5 (선택 사항): 오른쪽 패널의 블록 옵션 섹션을 사용하여 추가 사용자 정의를 수행합니다. YouTube 및 Vimeo 비디오에 대한 썸네일이 자동으로 생성됩니다. HTML 드래그 앤 드롭 편집기의 콘텐츠 블록은 인상적인 캠페인을 빠르게 생성할 수 있게 해줍니다. 그러나 추가 사용자 정의를 위해 템플릿에 사용자 정의 HTML 코드 스니펫을 추가할 수 있습니다. 이를 통해 사용자 정의 헤더, 카운트다운 타이머, 개인화된 제안, 설문 조사, 평점 수집과 같은 추가 섹션을 포함할 수 있어 이메일 캠페인에 무한한 가능성을 제공합니다. 이메일에 카운트다운 타이머를 추가한 방법은 다음과 같습니다: 단계 1: 카운트다운 타이머 HTML 코드를 복사합니다. (인터넷에서 무료로 이용 가능) 단계 2: 템플릿에 HTML 블록을 드래그 앤 드롭합니다. 단계 3: 블록에 HTML 코드를 붙여넣습니다. 구분선 구분선은 템플릿의 섹션을 나누는 공간 블록입니다. 오른쪽 패널의 콘텐츠 속성 섹션을 사용하여 외관을 쉽게 수정할 수 있습니다. 예를 들어, 아래 시각적 예시에서는 이미지와 제안 사이에 구분선을 추가했습니다. 구독 취소 및 선호도 관리 링크 이메일에 구독 취소 링크를 추가하는 것은 이메일 캠페인 생성에서 중요한 단계입니다. 이는 사용자의 이메일 제공업체에 의해 도메인이 블랙리스트에 오르는 것을 방지하고 이메일이 스팸 폴더에 들어가지 않도록 보장합니다. 구독 취소 링크는 템플릿에 자동으로 추가되며 Freshmarketer는 구독 취소 링크 없이 이메일 캠페인을 보낼 수 없습니다. Freshmarketer에는 두 가지 구독 취소 옵션이 있습니다. 구독 취소: 수신자가 이 링크를 클릭하면 모든 이메일에서 구독이 취소됩니다. 선호도 관리: 수신자가 이 링크를 클릭하면 특정 구독 유형에서 옵트아웃할 수 있는 구독 선호도 페이지로 리디렉션됩니다. 이메일 템플릿에 자동 생성된 구독 취소 링크를 포함하려면 다음 단계를 따르세요: 단계 1: 템플릿에서 사용자가 메일링 리스트에서 옵트아웃할 수 있는 옵션을 나타내는 텍스트를 추가할 눈에 띄는 영역, 예를 들어 푸터를 찾습니다. 단계 2: 서식 도구 모음에서 특수 링크를 클릭하고 구독 취소 링크를 선택하여 자동 생성된 링크를 추가합니다. 이를 통해 사용자가 클릭 한 번으로 메일링 리스트에서 쉽게 옵트아웃할 수 있습니다. 브라우저에서 보기 "브라우저에서 보기" 링크는 수신자를 서버에 저장된 이메일의 웹 호스팅 버전으로 안내합니다. 이 기능은 HTML 이메일을 볼 수 없거나 이미지 다운로드가 비활성화된 사용자가 웹 브라우저를 통해 이메일의 전체 버전에 접근할 수 있도록 합니다. 이메일 템플릿에 자동 생성된 '브라우저에서 보기' 링크를 포함하려면 다음 단계를 따르세요: 단계 1: 템플릿에서 브라우저에서 볼 수 있는 옵션을 명확히 나타내는 텍스트를 추가할 눈에 띄는 영역, 예를 들어 푸터를 찾습니다. 단계 2: 서식 도구 모음에서 특수 링크를 클릭하고 브라우저에서 보기 링크를 선택합니다. 변경 내역 및 실행 취소/다시 실행 편집기의 왼쪽 하단에 있는 변경 아이콘에서 변경 내역을 확인하고 실행 취소/다시 실행할 수 있습니다. 이메일 미리보기 데스크톱 및 모바일 장치에서 템플릿을 미리 보려면, 아래에 설명된 대로 오른쪽 상단에 있는 미리보기 아이콘을 클릭하세요. 예를 들어, 모바일 미리보기에서는 각 행의 텍스트 아래로 이미지가 이동한 것을 볼 수 있으며, 이는 높은 반응성을 강조합니다. 템플릿으로 저장 레이아웃을 '저장됨' 섹션에 저장하려면, 아래에 설명된 대로 오른쪽 상단에 있는 '저장 및 다음' 버튼의 화살표를 클릭합니다. 목적을 식별하는 데 도움이 되는 이름을 추가하고 팝업에서 '템플릿 저장'을 클릭하여 프로세스를 완료합니다. 나중에 이 템플릿을 사용하려면, 템플릿 목록 페이지의 저장된 섹션으로 이동하세요. 콘텐츠를 완료한 후, '저장 및 다음'을 클릭하여 구성을 설정하세요. 다음: 이메일 캠페인 구성 <링크 추가>드래그 앤 드롭 편집기와 템플릿을 사용하여 마케팅 이메일을 생성하는 방법
드래그 앤 드롭 편집기는 마케팅 이메일을 쉽게 디자인할 수 있도록 도와줍니다. 이 편집기를 사용하면 다양한 요소를 간단히 드래그하여 이메일에 추가할 수 있습니다. 이 가이드에서는 드래그 앤 드롭 편집기와 템플릿을 사용하여 효과적인 마케팅 이메일을 만드는 방법을 설명합니다.
드래그 앤 드롭 편집기 사용하기
드래그 앤 드롭 편집기를 사용하면 다음과 같은 작업을 수행할 수 있습니다:
- 텍스트 추가: 텍스트 블록을 드래그하여 이메일에 추가하고 내용을 입력하세요.
- 이미지 삽입: 이미지 요소를 드래그하여 원하는 위치에 이미지를 삽입하세요.
- 버튼 생성: 버튼 요소를 사용하여 클릭 가능한 버튼을 쉽게 추가할 수 있습니다.
템플릿 사용하기
템플릿을 사용하면 일관된 디자인을 유지하면서 시간을 절약할 수 있습니다. 다음은 템플릿을 사용하는 방법입니다:
- 템플릿 선택: 제공된 템플릿 중 하나를 선택하여 시작하세요.
- 맞춤화: 템플릿의 텍스트와 이미지를 필요에 맞게 수정하세요.
- 미리보기: 이메일을 발송하기 전에 미리보기를 통해 최종 결과를 확인하세요.
이러한 기능을 활용하면 보다 전문적이고 매력적인 마케팅 이메일을 쉽게 만들 수 있습니다.