드래그 앤 드롭 편집기로 이메일 콘텐츠 만들기

드래그 앤 드롭 이메일 편집기를 사용하면 코딩이나 디자인 기술 없이도 쉽게 이메일을 디자인할 수 있습니다. 특정 요구 사항에 맞는 다양한 콘텐츠 요소와 레이아웃을 제공합니다.

드래그 앤 드롭 이메일 편집기 내에서 처음부터 시작하거나 미리 디자인된 다양한 템플릿 중에서 선택할 수 있습니다. 장바구니 포기, 약속 알림, 주문 확인, 재참여 등 일반적인 시나리오에 대한 기성 템플릿이 있습니다. 이러한 템플릿을 필요에 맞게 쉽게 편집하고 사용자 정의할 수 있습니다.

디자인을 완전히 제어하고 싶다면 빈 템플릿을 선택하여 완전히 맞춤화된 이메일을 처음부터 만드세요.

드래그 앤 드롭 편집기의 주요 탭

드래그 앤 드롭 편집기는 네 가지 주요 탭으로 구성됩니다:

콘텐츠

이 탭에서는 다양한 콘텐츠 요소를 삽입하여 이메일 레이아웃을 구성할 수 있습니다.

블록

기성 블록을 사용하여 독특한 레이아웃을 만듭니다. 개인화된 모양을 위해 이메일에 필요한 만큼 추가할 수 있습니다.

본문

이 탭에서는 프리헤더, 텍스트, 링크 서식을 포함한 이메일의 전반적인 설정을 관리합니다.

이미지

이 탭에서는 스톡 이미지를 검색하거나 AI를 사용하여 독특한 이미지를 생성할 수 있습니다.

이메일 레이아웃 사용자 정의

먼저 블록 탭으로 이동하여 이메일의 기본 구조를 제공합니다.

드래그 앤 드롭 이메일 편집기는 필요에 맞게 이메일 레이아웃을 조정할 수 있는 유연성을 제공합니다. 다른 수의 열을 가진 행을 필요한 만큼 추가할 수 있습니다.

이메일 레이아웃을 구성하려면 편집기 패널에서 이메일 본문으로 블록을 드래그 앤 드롭하세요.

블록 탭에서는 열과 행 모두에 대한 속성을 지정할 수 있습니다.

열의 경우 다음을 사용자 정의할 수 있습니다:

배경색
패딩
테두리

행의 경우 다음을 지정할 수 있습니다:

배경색
콘텐츠 배경색
배경 이미지. 이미지를 업로드하거나, 스톡 사진 라이브러리에서 선택하거나, 사용자 정의 이미지 URL을 제공할 수 있습니다.

이메일 콘텐츠 만들기

이메일의 기본 구조를 만든 후에는 콘텐츠를 추가할 차례입니다.

콘텐츠 탭 내에서 다음을 포함한 다양한 콘텐츠 요소를 이메일에 삽입할 수 있습니다:

제목
텍스트
이미지
버튼
HTML
구분선
메뉴
구독 취소 링크

이러한 콘텐츠 요소를 이메일에 포함하려면 메뉴에서 요소를 선택하고 왼쪽의 이메일로 드래그하기만 하면 됩니다.

제목 추가

제목을 삽입하려면 제목 요소를 이메일 본문으로 드래그하세요.

제목을 직접 작성하거나 Smart Headings AI 도구를 사용하여 효과적인 제목을 생성할 수 있습니다. 이렇게 하려면 제안 받기를 클릭하고 몇 단어를 입력하세요. 이 도구는 다양한 제목 옵션을 제공합니다.

또한 제목에 대해 원하는 톤을 선택할 수 있습니다.

결과에 만족하지 않거나 더 많은 제목 옵션이 필요한 경우 새로고침 버튼을 누르세요.

이메일 본문에서 제목을 클릭하면 서식 도구 모음이 나타나 서식 스타일을 선택하거나 링크를 추가하거나 이모티콘을 추가할 수 있습니다.

제목 개인화

도구 모음에서 바로 제목을 개인화할 수도 있습니다. 이를 위해 병합 태그를 선택하고 드롭다운 메뉴에서 제목에 통합하려는 태그를 선택하세요.

오른쪽 창에서는 다음과 같은 다양한 텍스트 설정을 조정할 수 있는 유연성도 있습니다:

제목 수준
글꼴 계열, 굵기 및 크기
텍스트 색상
텍스트 정렬
줄 높이
링크 스타일
패딩
반응형 디자인 등.

텍스트 추가

이메일에 텍스트를 포함하려면 텍스트 요소를 이메일 본문으로 드래그한 다음 텍스트를 입력하거나 붙여넣으세요. 콘텐츠를 붙여넣는 경우 텍스트의 서식을 유지할지 제거할지 선택할 수 있습니다.

텍스트를 클릭하면 텍스트 서식 옵션을 제공하는 도구 모음이 나타납니다.

텍스트 개인화

텍스트를 개인화하려면 도구 모음에서 병합 태그를 클릭하고 드롭다운 메뉴에서 포함하려는 태그를 선택하세요.

AI로 글쓰기 품질을 향상시키려면 도구 모음에서 Smart Text를 선택하고 AI가 텍스트를 도와줄 특정 방법을 선택하세요.

이미지 추가

이메일에 이미지 요소를 삽입하려면 이미지 요소를 이메일의 원하는 위치로 드래그하세요.

이미지를 추가하는 데는 여러 가지 옵션이 있습니다:

이미지를 업로드하려면 오른쪽 창에서 이미지 업로드를 클릭하세요.
이미지 URL 필드에 사용하려는 이미지의 링크를 추가하세요.
스톡 사진에서 이미지를 선택하려면 더 많은 이미지를 클릭한 다음 스톡 사진을 선택하여 원하는 사진을 찾으세요.

Magic Image AI 도구를 활용하여 필요한 독특한 이미지를 생성할 수도 있습니다.

이미지에 효과를 추가하려면 오른쪽 창에서 효과 적용을 클릭하세요. 팝업 창에서 이미지에 원하는 효과를 선택하고 저장을 클릭하여 적용하세요.

상단에 있는 히스토리 아이콘을 클릭하여 이미지에 적용한 변경 내역을 검토하고 되돌릴 수도 있습니다.

버튼 추가

이메일에 버튼을 포함하려면 편집기의 오른쪽 창에서 버튼 요소를 드래그하세요.

사용자 정의 버튼 텍스트를 입력하거나 Smart Buttons AI 도구를 사용하여 텍스트를 생성할 수 있습니다.

다음으로, 버튼을 클릭했을 때의 작업 유형을 지정하고 URL과 대상 탭을 제공하세요.

또한 버튼 옵션, 간격 기본 설정 및 반응형 디자인 설정을 구성할 수 있습니다.

HTML 추가

이메일에 HTML 코드를 통합할 수도 있습니다. 이렇게 하려면 HTML 요소를 왼쪽으로 드래그하고 오른쪽 창의 HTML 필드에 코드를 삽입하세요.

메뉴 추가

이메일에 대화형 메뉴를 통합하여 탐색을 간소화하고 클릭률을 높여 수신자에게 콘텐츠를 탐색할 수 있는 체계적이고 매력적인 방법을 제공할 수 있습니다.
이렇게 하려면 메뉴 요소를 이메일 본문으로 드래그하고 메뉴 항목을 포함하세요. 그런 다음 각 메뉴 항목의 텍스트를 지정하고 URL을 삽입하고 대상 탭을 선택하세요.

스타일을 사용자 정의하고, 컨테이너 패딩을 조정하고, 모바일 또는 데스크톱 장치에 메뉴를 표시할지 여부를 결정할 수도 있습니다.

구분선 추가

이메일을 잘 구조화하고 가장 중요한 블록을 강조하려면 구분선을 사용하세요. 구분선은 요소 블록 사이에 배치할 수 있는 선입니다.

구분선을 추가하려면 오른쪽 창에서 구분선 요소를 드래그하고 모양을 사용자 정의하세요.

타이머 추가

타이머 요소를 사용하면 기간 한정 제안이나 예정된 이벤트에 대한 카운트다운을 표시할 수 있습니다. 이는 긴급성을 조성하고 사용자가 시간이 다 되기 전에 조치를 취하도록 장려하는 좋은 방법입니다. 타이머를 추가하려면:

타이머 요소를 이메일 또는 메시지 레이아웃으로 드래그합니다.
카운트다운의 종료 날짜와 시간을 설정합니다.
카운트다운이 청중에게 올바르게 표시되도록 시간대를 선택합니다.
시간 단위 레이블(일, 시간, 분, 초)의 언어를 선택합니다.
단위 이름을 표시할지 여부에 따라 레이블을 켜거나 끕니다.
디자인에 맞게 타이머의 모양을 사용자 정의합니다.

링크 추가

이메일에 링크를 추가하려면 링크를 삽입하려는 텍스트를 선택한 다음 도구 모음의 링크 아이콘을 클릭하세요.

이메일 내에서 링크를 추가하거나 편집할 때 링크의 동작을 정의하는 여러 옵션이 있습니다. 사용 가능한 작업은 다음과 같습니다:

웹사이트 열기
웹 버전 링크
통계 추적 안 함
구독 취소 링크

웹사이트 열기

수신자를 외부 웹사이트로 안내하는 하이퍼링크를 삽입하려면 이 옵션을 선택하세요. 클릭하면 수신자는 지정한 특정 웹페이지로 이동합니다.

URL 필드에 링크하려는 웹사이트의 전체 웹 주소를 입력하세요.

대상 옵션을 설정하여 링크가 열리는 방식을 정의하세요:

새 탭: 링크가 새 브라우저 탭에서 열립니다.
같은 탭: 링크가 같은 탭의 현재 페이지를 대체합니다.

웹 버전 링크

수신자가 받은 편지함에서 이메일을 보는 데 어려움을 겪는 경우 유용할 수 있는 이메일의 웹 버전에 액세스할 수 있도록 이 옵션을 선택하세요.

이 기능을 활성화하려면 지원팀에 문의하세요.

통계 추적 안 함

시스템이 링크와의 클릭이나 상호 작용을 추적하지 않도록 하려면 이 옵션을 사용하세요. 수신자가 이 링크와 상호 작용할 때 추적 데이터가 기록되지 않습니다.

구독 취소 링크

규정을 준수하고 이메일 수신에 대한 선호도를 존중하기 위해 수신자가 향후 통신을 쉽게 거부할 수 있는 옵션을 제공하기 위해 이메일에 구독 취소 링크를 포함해야 합니다.

이메일에 HTML을 통해 직접 구독 취소를 포함하려면 다음과 같이 이메일에 구독 취소 링크를 추가하세요:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%> Unsubscribe </a>

속성 값 **%%PW_EMAIL_UNSUBSCRIBE%%**는 이메일 메시지를 보낼 때 Pushwoosh 구독 취소 링크로 대체됩니다. 수신자가 링크를 따라가면 이메일 구독을 취소하고 해당 특정 이메일 메시지의 메시지 기록에서 구독 취소율에 포함됩니다.

이메일 내의 모든 텍스트를 사용하여 사용자 정의 구독 취소 링크를 만들 수 있는 유연성이 있습니다. 이렇게 하면 사용자를 성공적으로 구독 취소되었습니다 페이지로 안내합니다.

사용자 정의 구독 취소 링크를 만드는 방법은 다음과 같습니다:

구독 취소 링크로 사용할 텍스트를 강조 표시합니다.
서식 도구 모음에서 링크 아이콘을 클릭합니다.
팝업 창의 작업 유형 드롭다운 메뉴에서 구독 취소 링크 옵션을 선택합니다.

프리헤더 추가

본문 탭에서 수신자가 받은 편지함에서 이메일을 볼 때 제목 줄 뒤에 나타나는 간결한 요약 텍스트인 프리헤더를 포함할 수 있습니다.

향후 사용을 위해 콘텐츠 블록 저장

이메일 콘텐츠를 디자인할 때 특정 콘텐츠 블록을 향후 사용을 위해 저장할 수 있습니다.

블록을 완성한 후 블록 저장 옵션을 클릭합니다.

팝업 창에서 블록을 정리하기 위한 카테고리 이름(예: “프로모션”, “뉴스레터”)을 입력합니다. 블록을 분류하고 검색하는 데 도움이 되도록 관련 태그를 쉼표로 구분하여 추가합니다(예: “세일, 할인, 여름”).

카테고리와 태그를 입력한 후 저장 버튼을 클릭하여 향후 사용을 위해 블록을 저장합니다.

이제 이메일 편집기의 블록 섹션에서 저장된 블록에 액세스할 수 있습니다. 이를 통해 다른 이메일 캠페인에서 콘텐츠를 쉽게 재사용할 수 있습니다.

전반적인 콘텐츠 설정 구성

또한 본문 탭 내에서 텍스트 색상, 배경색, 콘텐츠 너비, 정렬, 글꼴 계열 및 굵기 등과 같은 이메일의 전반적인 설정을 구성할 수 있습니다.

방대한 이미지 라이브러리 액세스

이미지 탭에서는 Creative Commons Zero 라이선스가 부여된 Unsplash, Pexels, Pixabay의 방대한 이미지 라이브러리에 액세스할 수 있습니다. Magic Images 도구를 사용하여 사용자 정의 이미지를 생성할 수도 있습니다.

이메일에 이미지를 통합하려면 오른쪽의 원하는 위치로 드래그하기만 하면 됩니다.

이메일 미리보기 및 저장

이메일 콘텐츠가 준비되면 편집기 하단에 있는 미리보기 아이콘을 클릭하여 어떻게 보일지 확인할 수 있습니다. 여기에서 데스크톱, 태블릿, 모바일 장치에 대한 미리보기를 볼 수 있으며 어두운 모드와 밝은 모드 모두에서 이메일이 어떻게 보일지 확인할 수 있습니다.

이메일 작성을 마친 후 편집기 상단에 있는 저장 버튼을 클릭합니다.

팝업 창에서 이메일에 명확한 이름을 지정하세요. 제목 줄과 같을 수 있습니다. 또한 이메일 콘텐츠 목록에서 이메일을 쉽게 찾을 수 있도록 레이블을 만드세요. 아직 발신자 세부 정보를 설정하지 않았다면 그것도 확인하세요. 그런 다음 저장을 클릭합니다.

이제 이메일 콘텐츠가 준비되었으므로 이메일 캠페인에서 사용할 수 있습니다. 사용 방법에 대해 자세히 알아보기

테스트 이메일 보내기

이메일 캠페인을 보내기 전에 테스트 이메일을 보내 수신자의 받은 편지함에서 콘텐츠가 어떻게 표시될지 미리 볼 수 있습니다. 이를 통해 캠페인을 최종 확정하기 전에 레이아웃, 콘텐츠 및 개인화된 요소를 검토하여 정확성을 보장할 수 있습니다. 필요한 경우 테스트 결과에 따라 콘텐츠를 조정하세요.

테스트 이메일을 보내려면 이메일 편집기에서 테스트 이메일을 클릭하세요.

열리는 창에서:

이메일 주소 필드에 테스트 이메일을 받을 이메일 주소를 입력합니다.

KYC가 완료되지 않은 경우 이메일을 입력하는 대신 테스트 주소 목록에서 확인된 이메일 주소를 선택해야 합니다.

이메일에 동적 콘텐츠 필드(first name, city 또는 favourite_category 등)가 포함된 경우 수동 테스트 값을 입력하여 개인화가 어떻게 표시될지 미리 볼 수 있습니다. 테스트하려는 필드를 켜고 샘플 값을 입력하세요.

예:

City (string): New York

Favourite_category (string): Sushi

First name (string): John

필요한 세부 정보를 모두 입력했으면 테스트 이메일 보내기를 클릭하여 제공된 이메일 주소로 테스트 메시지를 보냅니다.