드래그 앤 드롭 편집기로 이메일 콘텐츠 만들기
Pushwoosh 내장 편집기에서 코드를 작성하지 않고 이메일 콘텐츠를 만드세요. Customer Journey나 일회성 이메일에서 사용할 수 있는 콘텐츠 블록, 이미지, 버튼, 개인화된 텍스트 및 규정을 준수하는 바닥글이 포함된 재사용 가능한 레이아웃을 얻을 수 있습니다.
새 이메일 콘텐츠 만들기
Anchor link to- 콘텐츠 → 이메일 콘텐츠로 이동합니다.
- 시작 방법을 선택합니다:
- 이메일 콘텐츠 만들기를 클릭하여 드래그 앤 드롭 편집기를 열고 처음부터 이메일을 만듭니다.
- 이메일 콘텐츠 만들기 옆의 화살표를 클릭한 다음 템플릿 사용을 선택하여 갤러리의 사전 제작된 레이아웃에서 시작합니다.
- 이메일 콘텐츠 만들기 옆의 화살표를 클릭한 다음 HTML 코드를 선택하여 HTML 코드 편집기를 사용합니다. 자세히 알아보기
편집기 레이아웃 살펴보기
Anchor link to이메일을 열면 내장 편집기에 다음과 같은 영역이 있습니다:
상단 바
이메일 이름을 바꾸고, 변경 사항을 실행 취소하거나 다시 실행하고, 보내기 전에 문제를 발견하기 위해 확인을 실행하고, 작업을 저장합니다. 보내기 전에 이메일 확인하기를 참조하세요. 더 많은 작업을 보려면 ⋮ 메뉴를 엽니다:
- 미리보기: 수신자에게 렌더링될 이메일을 자체 데스크톱/모바일 토글로 확인합니다. 모바일 뷰 편집하기를 참조하세요.
- 테스트 이메일: 테스트 기기나 주소로 미리보기를 보냅니다. 테스트 이메일 보내기를 참조하세요.
- 브랜드 북: 저장된 로고, 색상, 글꼴 및 블록 기본값을 한 번의 클릭으로 이 이메일에 적용합니다. 자세히 알아보기
- 브랜드 스타일 섹션: 브랜드 북을 열지 않고도 저장된 브랜드를 적용하거나 블록별 스타일 재정의를 재설정합니다. 자세히 알아보기
- 버전 기록: 이 이메일의 이전에 저장된 버전을 보고 복원합니다. 이전 버전 복원하기를 참조하세요.
언어 / 제목 / 프리헤더 바
캔버스 위에서 편집 언어를 전환하고, 이메일의 제목과 프리헤더를 설정하고, 자동 번역을 사용하여 누락된 번역을 채웁니다. 언어 및 현지화 설정 방법 알아보기.
캔버스
수신자가 보게 될 이메일을 보고, 레이아웃에서 직접 텍스트, 이미지, 버튼을 편집합니다. 빈 이메일에는 블록으로 시작이 표시됩니다.
레이어 패널
이메일의 모든 블록을 캔버스와 동일한 순서로 트리 형태로 나열합니다. 왼쪽 가장자리에서 열어 중첩된 블록을 선택하거나 행을 드래그하여 콘텐츠 순서를 변경합니다.
오른쪽 패널
세 개의 탭 간에 전환합니다:
- 블록: 이메일에 콘텐츠를 추가합니다. 이메일 콘텐츠 블록 참조를 참조하세요.
- 설정: 전체 이메일에 한 번에 스타일을 적용합니다. 이메일 전체 스타일링 및 바닥글 구성하기를 참조하세요.
- AI: AI 어시스턴트와 채팅하여 프롬프트에서 콘텐츠를 생성하거나 편집합니다.
콘텐츠 블록 추가하기
Anchor link to- 오른쪽 패널에서 블록 탭을 엽니다.
- 블록을 캔버스로 드래그하거나 블록을 클릭하여 이메일 끝에 추가합니다.
- 레이아웃이 준비될 때까지 블록을 계속 추가합니다.
각 블록 유형은 이메일에서 다른 목적을 수행합니다:
- 제목: 제목 및 짧은 헤드라인
- 텍스트: 본문 및 긴 설명
- 버튼: 클릭 가능한 행동 유도 문구
- 이미지: 미디어 스토어, 업로드 또는 URL의 사진
- 비디오: YouTube 또는 Vimeo에서 열리는 클릭 가능한 비디오 포스터
- 카드: 하나의 레이아웃에 이미지, 제목, 텍스트 및 버튼이 포함됨
- 구분선: 섹션을 구분하는 선
- 열: 나란히 배치된 레이아웃 (2, 3 또는 4개의 동일한 열 또는 33/67 및 67/33 분할)
- 제품: 제품 카드 그리드 — 제품을 직접 입력하거나 제품 카탈로그 또는 수신자의 버려진 장바구니에서 가져옵니다.
- 타이머: 제안 및 마감일을 위한 카운트다운
- 메뉴: 탐색 또는 연락처 링크의 행 또는 열
- 소셜: 소셜 프로필에 연결되는 아이콘
- HTML: 양식, 설문조사 또는 내장 비디오와 같은 사용자 지정 HTML
각 블록의 설정, 블록 저장 및 재사용 방법, 버튼 및 텍스트의 링크 유형에 대해서는 이메일 콘텐츠 블록 참조를 확인하세요.
특정 수신자에게 콘텐츠 표시하기
Anchor link to일부 수신자에게만 블록을 표시하려면 표시 조건을 설정하세요.
모바일 뷰 편집하기
Anchor link to콘텐츠 블록을 추가한 후에는 모바일로 전환하여 휴대폰에서 어떻게 보이는지 확인하고 조정합니다. 캔버스 위의 언어 전환기 옆에 있는 데스크톱 / 모바일 토글을 사용하여 실제 휴대폰 너비의 완전 편집 가능한 모바일 뷰로 전환합니다. 데스크톱 레이아웃이 어떻게 적응하는지 미리 보는 대신, 구독자가 휴대폰에서 보게 될 방식 그대로 콘텐츠를 선택, 편집 및 재정렬합니다.
모바일에서 재정의할 수 있는 모든 설정 옆에는 확인란이 있습니다. 확인란이 꺼져 있으면 상속된 데스크톱 값이 힌트로 표시되고 설정은 계속해서 해당 값을 사용합니다. 확인란을 켜서 모바일용으로 별도의 값을 설정합니다. 다시 끄면 데스크톱 값으로 돌아갑니다.
기기별로 다른 패딩 및 글꼴 크기 설정하기
Anchor link to- 패딩: 모든 블록, 열, 카드 및 개별 요소(예: 텍스트, 이미지 또는 버튼)에는 모바일용으로 재정의할 수 있는 패딩 컨트롤이 있습니다. 캔버스를 모바일로 전환하고 패딩 옆의 확인란을 켠 다음 새 값을 설정합니다. 데스크톱 패딩은 확인란을 켤 때까지 동일하게 유지됩니다.
- 글꼴 크기: 텍스트 요소에서 **글꼴 크기(모바일)**를 켜서 모바일 전용 크기를 설정합니다. 이 재정의가 없으면 큰 헤드라인은 휴대폰 화면에 맞게 자동으로 축소됩니다.
모바일에서 열이 쌓이는 방식 제어하기
Anchor link to열 레이아웃은 기본적으로 휴대폰에서 수직으로 쌓입니다. 모바일 뷰에서 열 쌓기를 사용하여 각 열 블록이 어떻게 작동할지 설정합니다:
- 쌓기: 열이 위에서 아래로 단일 열로 흐릅니다(기본값).
- 행 유지: 열이 나란히 유지되어 데스크톱 레이아웃을 보존합니다.
- 역순: 열이 역순으로 쌓입니다. 이미지 + 텍스트 행에 유용합니다: 데스크톱에서는 이미지를 오른쪽에 유지하지만 모바일에서는 상단에 표시합니다.
기기별로 콘텐츠 표시 또는 숨기기
Anchor link to블록 또는 요소의 설정을 열고 가시성 아래의 모바일에서 숨기기 또는 데스크톱에서 숨기기를 사용하여 한 기기에서만 표시되도록 설정할 수 있습니다. 이렇게 하면 두 개의 템플릿을 유지하지 않고도 기기별 배너, CTA 또는 탐색을 구축할 수 있습니다.
이메일 전체 스타일링 및 바닥글 구성하기
Anchor link to기본 레이아웃이 완성된 후, 설정 탭을 열어 전체 이메일에 적용되는 글꼴, 색상, 간격을 설정하고, 바닥글에 회사 정보와 구독 취소 링크를 채웁니다. 여기의 기본값은 캔버스에서 재정의할 때까지 새 블록을 일관되게 유지합니다. 자세히 알아보기
이메일 저장하기
Anchor link to상단 바에서 저장을 클릭하여 변경 사항을 저장합니다. 상단 바의 실행 취소/다시 실행을 사용하여 편집 내용을 단계별로 되돌리거나 앞으로 이동합니다.
이전 버전 복원하기
Anchor link toPushwoosh는 저장을 클릭할 때마다 스냅샷을 저장합니다. 이에 액세스하려면 상단 바의 ⋮ 메뉴를 열고 버전 기록을 선택합니다. 이메일이 한 번 이상 저장된 후에 사용할 수 있습니다.
왼쪽 패널에는 작성자, 타임스탬프 및 현재 버전에 최신 배지가 있는 저장된 버전이 최신순으로 나열됩니다. 버전을 선택하여 오른쪽에서 미리 본 다음 복원을 클릭하여 편집기로 로드합니다.
복원하면 버전이 저장되지 않은 변경 사항으로 로드됩니다. 저장을 클릭할 때까지 아무것도 덮어쓰지 않습니다. 복원을 취소하려면 Cmd/Ctrl+Z를 누릅니다. Pushwoosh는 이메일당 가장 최근 20개의 버전을 보관합니다.
보내기 전에 이메일 확인하기
Anchor link to상단 바에서 확인을 클릭하여 스마트 확인을 열고 이메일에서 일반적인 문제를 스캔합니다:
- 링크가 없는 버튼
- 채워지지 않은 AI 플레이스홀더
- 빈 이미지 슬롯 및 누락된 대체 텍스트
- WCAG AA를 충족하지 않는 텍스트 대비
- 비어 있거나 너무 긴 제목
- 마케팅 이메일 바닥글에 발신자 우편 주소 누락
- Gmail의 잘림 한계(~102KB, 그 이후 Gmail은 메시지를 자름)를 초과하는 콘텐츠
- 번역되지 않은 콘텐츠
- 종료 날짜가 이미 지난 카운트다운 타이머
- 깨지거나 비어 있는 규칙이 있는 표시 조건, 연결된 블록을 잃어버린 분기 또는 계정에 대해 동적 콘텐츠가 비활성화되어 적용되지 않는 조건
- 제목, 프리헤더, 바닥글 또는 본문에 깨진 Liquid 구문, 추가한 모든 언어로 확인됨
결과를 클릭하면 캔버스에서 영향을 받는 요소로 바로 이동합니다.
스마트 확인은 열 때마다 자동으로 Liquid 구문을 검증합니다. 별도로 클릭할 버튼이 없습니다. 확인이 실행되는 동안 패널에는 **Liquid 구문 확인 중…**이 표시됩니다. 이 확인이 완료될 때까지 스마트 확인은 모든 것이 통과되었다고 보고하지 않으므로, 느리거나 실패한 Liquid 확인이 거짓 “모두 정상” 뒤에 숨을 수 없습니다.
테스트 이메일 보내기
Anchor link to이메일 캠페인을 보내기 전에 테스트 이메일을 보내 수신자의 받은 편지함에서 콘텐츠가 어떻게 표시될지 미리 볼 수 있습니다.
- 상단 바의 ⋮ 메뉴를 열고 테스트 이메일을 선택합니다.
- 열리는 창에서 최대 50명의 수신자를 추가합니다: 하나 이상의 저장된 테스트 기기를 선택하거나 유효한 이메일 주소를 입력하여 목록에 추가합니다. 수신자를 제거하려면 해당 수신자의 **×**를 클릭합니다.
- 보내기를 클릭하여 선택한 모든 수신자에게 테스트 메시지를 보냅니다. 모든 주소가 실패하면 Pushwoosh는 대화 상자에 오류를 표시합니다. 일부만 실패하면 토스트에 실패한 주소를 나열하고 나머지는 계속 전달합니다.
저장된 이메일 콘텐츠 사용하기
Anchor link to이제 이메일 콘텐츠가 준비되었으므로 이메일 캠페인에 사용할 수 있습니다. 사용 방법에 대해 자세히 알아보기