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

Published: 2024년 10월 18일 · Last updated: 2026년 7월 21일 · By 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 탭에서 원하는 구조를 레이아웃으로 드래그 앤 드롭합니다.

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