Stripo 드래그 앤 드롭 이메일 콘텐츠 편집기

게시일: 2024년 10월 18일 · 최종 업데이트: 2026년 9월 12일 · 작성자 Marcus Biel

Maildroppa의 이메일 콘텐츠 편집기를 사용하면 전문적인 이메일을 손쉽게 만들 수 있습니다. 드래그 앤 드롭 인터페이스로 이메일 캠페인을 빠르게 디자인하고 개인화할 수 있습니다. 사용법이 간단해 메시지를 효과적으로 전달하는 데 도움이 됩니다.

편집기 개요

콘텐츠 영역

왼쪽의 콘텐츠 영역은 이메일 콘텐츠를 만들고 실시간으로 미리 보는 기본 작업 공간입니다. 변경한 모든 내용이 이 영역에 표시되므로 이메일이 어떻게 보이는지 바로 확인할 수 있습니다.

설정 영역

오른쪽의 설정 영역에는 Content와 Appearance 탭이 있습니다. 이 영역에서는 전체 레이아웃부터 세부적인 디자인과 서식까지 이메일의 다양한 요소를 설정할 수 있습니다. 설정 영역은 이 글의 뒷부분에서 자세히 살펴보겠습니다.

이 가이드에서는 미리 준비된 템플릿을 사용하지 않고 새 이메일 캠페인을 처음부터 만듭니다.

콘텐츠 영역

편집기를 열면 커다란 연한 회색 직사각형이 표시됩니다. 이 공간이 이메일의 레이아웃과 콘텐츠를 만드는 캔버스입니다. 상단 중앙에는 작은 흰색 직사각형이 있고, 그 안에 연한 파란색 직사각형이 있습니다. 이 파란색 영역은 이메일의 기본 구조를 나타내며 콘텐츠를 배치할 자리입니다.

구조 이해하기

구조는 이메일의 레이아웃을 결정하는 기본 요소입니다. 콘텐츠 블록을 담는 컨테이너 역할을 하며, 이메일을 헤더, 본문, 푸터처럼 용도에 맞는 섹션으로 나눕니다. 처음에는 이메일 디자인을 구성할 콘텐츠 블록을 담는 틀만 있습니다.

구조에 콘텐츠 추가하기

연한 파란색 영역 중앙에는 아래쪽 화살표와 함께 "Drop Content Here"라는 안내 문구가 표시됩니다. 이곳에 요소를 추가하면 됩니다.

이 영역에 마우스 포인터를 올리면 다음 아이콘이 나타납니다.

1. Image
2. Text
3. Button

아이콘을 하나 선택하면 구조가 해당 콘텐츠 블록으로 바뀌며, 바로 원하는 대로 수정할 수 있습니다.

이메일 레이아웃 구성하기

설정 영역의 Content 탭에서 제공하는 다양한 요소로 이메일을 구성하세요.

• Image: 이미지를 삽입해 시각적인 흥미를 더합니다.

• Text: 자유롭게 편집할 수 있는 텍스트로 메시지를 전달합니다.

• Button: 수신자의 행동과 참여를 유도하는 버튼을 추가합니다.

• Spacer: 요소 사이에 여백을 넣어 시각적인 여유를 줍니다.

• Video: 동영상을 삽입해 생동감 있는 콘텐츠를 제공합니다.

• HTML: 콘텐츠의 특수한 요구 사항에 맞춰 사용자 지정 HTML을 삽입합니다.

이러한 요소를 활용하면 콘텐츠의 다양한 요구에 맞춰 이메일을 다채롭게 디자인하고, 캠페인의 전반적인 디자인과 기능을 개선할 수 있습니다.

구조 관리하기

이메일 안의 콘텐츠를 효과적으로 구성하려면 구조를 효율적으로 관리하는 것이 중요합니다.

구조 편집하기

구조의 파란색 영역에 마우스 포인터를 올리면 "Structure" 레이블과 함께 오른쪽에 흰색 점 세 개가 있는 작은 회색 레이블이 나타납니다. 여기에서 다음 옵션을 사용할 수 있습니다.

• Move: 이메일 안에서 구조의 위치를 변경합니다.
• Copy: 구조를 복제합니다.
• Delete: 구조를 삭제합니다.

참고: 구조가 하나 이상 있어야 하므로 처음부터 있던 구조는 삭제할 수 없습니다.

구조 이동 및 복사하기

구조의 위치를 조정하거나 복제하려면 다음 단계를 따르세요.

1. Move 또는 Copy 아이콘을 마우스로 누른 상태를 유지하세요.
2. 원하는 위치로 드래그해 "Drop Here"가 표시되는지 확인하세요.
3. 마우스 버튼을 놓아 구조를 배치하세요.

구조 삭제하기

불필요한 구조를 삭제하려면 다음 단계를 따르세요.

1. 구조 위에 마우스 포인터를 올리세요.
2. 흰색 점 세 개를 클릭하세요.
3. Delete 아이콘을 선택하세요.

새 구조 추가하기

구조를 추가해 레이아웃을 확장할 수 있습니다.

• 더하기 아이콘 사용: 기존 구조에 마우스 포인터를 올렸을 때 나타나는 더하기 기호를 클릭한 다음, 미리 준비된 구조 레이아웃 중 하나를 선택하세요.

• 설정 영역 사용: Content 탭에서 원하는 구조를 레이아웃으로 끌어다 놓으세요.

다음 섹션에서는 설정 영역을 더 자세히 살펴보고, 이메일 디자인을 다듬는 데 사용할 수 있는 도구와 옵션을 알아보겠습니다. 이를 활용해 각 요소를 이메일 마케팅 목표에 꼭 맞게 조정할 수 있습니다.