Chapters
Contents
the email tool that makes email marketing simple
- Guides and Tutorials
- 랜딩 페이지 만들기 및 게시
랜딩 페이지 만들기 및 게시
Published: · Last updated: · By Marcus Biel
In brief
Maildroppa에서 템플릿과 섹션으로 랜딩 페이지를 만들고 가입 양식과 디자인을 설정하세요. 초안 저장, 공개 주소와 맞춤 도메인, 가입 흐름, SEO·소셜 미리보기, 법적 프로필을 검토해 페이지를 게시하고 관리하는 방법을 단계별로 자세히 안내합니다.
Maildroppa 랜딩 페이지는 가입 양식을 중심으로 구성된 완전한 독립형 페이지입니다. 기존 웹사이트가 없어도 사용할 수 있습니다.
Maildroppa를 통해 페이지를 게시하고, 공개 링크를 광고, 소셜 미디어 게시물, QR 코드, 이메일, 메신저 대화 또는 다른 웹사이트의 버튼에서 공유할 수 있습니다. 사용자 지정 랜딩 페이지 도메인을 연결했다면 해당 도메인으로도 페이지를 게시할 수 있습니다.
이 가이드에서는 랜딩 페이지에만 해당하는 기능을 설명합니다. 레이아웃, 콘텐츠 블록, 텍스트 편집, 양식 필드, 태그, 디자인 설정, 레이어 및 가입 흐름은 기본 가입 양식 빌더 가이드에서 한 번 설명합니다.
랜딩 페이지 만들기
“가입 양식”을 열고 “양식 만들기”를 클릭한 다음 “랜딩 페이지”를 선택합니다. 명확한 내부 이름을 입력하고 빌더로 계속 진행합니다.
기존 랜딩 페이지는 가입 양식 개요에서 해당 이름을 클릭하거나 작업 메뉴에서 “양식 편집”을 선택하여 열 수도 있습니다.
이름은 Maildroppa 내부에서 페이지를 식별하는 데 사용됩니다. 공개 페이지의 기본 제목이 되지는 않으며, 나중에 랜딩 페이지 이름을 변경해도 기존 공개 주소가 자동으로 변경되지는 않습니다.
랜딩 페이지 템플릿 선택하기
랜딩 페이지 빌더는 다음 다섯 가지 시작점을 제공합니다.
빈 페이지 — 완전히 사용자 지정할 수 있는 빈 캔버스로 시작합니다.
뉴스레터 가입 — 뉴스레터 구독자를 늘리기 위한 범용 페이지입니다.
리드 마그넷 — 다운로드 가능한 혜택이나 기타 가입 인센티브를 중심으로 설계된 페이지입니다.
웨비나 가입 — 웨비나, 실시간 교육 또는 온라인 이벤트 등록 페이지입니다.
대기자 명단 — 제품, 서비스 또는 이벤트가 제공되기 전에 관심을 수집하는 페이지입니다.
목표에 가장 가까운 구조의 템플릿을 선택합니다. 모든 템플릿 콘텐츠는 편집할 수 있습니다. 텍스트와 이미지를 교체하고, 디자인을 변경하고, 섹션을 재배치하거나 필요하지 않은 항목을 삭제할 수 있습니다.
섹션으로 페이지 만들기
랜딩 페이지는 다른 모든 가입 양식과 동일한 레이아웃 및 콘텐츠 블록을 사용하지만, “레이아웃” 아래에서 완전히 재사용 가능한 섹션도 제공합니다.
가입 양식이 포함된 히어로 섹션 — 혜택을 소개하고 주요 메시지 가까이에 양식을 배치하는 눈에 띄는 시작 섹션입니다.
혜택 카드 — 가장 중요한 장점이나 결과를 설명하는 세 개의 카드입니다.
이미지/텍스트 분할 — 이미지와 보조 문구를 함께 배치하는 2열 섹션입니다.
고객 평가 — 고객 피드백, 인용문 또는 기타 사회적 증거를 위한 섹션입니다.
FAQ — 가입 전에 일반적인 우려 사항을 해결하는 질문과 답변 섹션입니다.
섹션을 클릭하여 현재 삽입 위치에 추가하거나 캔버스로 드래그합니다. 섹션은 일반 상자, 열, 텍스트, 이미지, 목록 및 기타 블록으로 구성되므로 나중에 각 부분을 개별적으로 편집할 수 있습니다.
섹션을 사용하여 다음과 같은 간단한 흐름을 만드세요.
- 혜택을 설명합니다.
- 왜 가치가 있는지 보여줍니다.
- 예상되는 질문에 답하거나 증거를 제공합니다.
- 방문자에게 가입을 요청합니다.
모든 섹션을 사용할 필요는 없습니다. 명확한 하나의 혜택에 집중한 페이지가 관련 없는 정보가 가득한 긴 페이지보다 이해하기 쉬운 경우가 많습니다.
가입 양식 추가하기
랜딩 페이지에는 가입 양식 블록이 하나 포함되어야 합니다. 이 블록은 방문자의 이메일 주소와 선택한 추가 구독자 필드를 수집합니다.
대부분의 템플릿에는 가입 양식이 이미 포함되어 있습니다. 빈 페이지로 시작한 경우 “콘텐츠”를 열고 “가입 양식”을 추가합니다. 양식이 생성되면 빌더에서 두 번째 가입 양식 블록을 추가하지 못하도록 제한합니다.
블록을 선택하여 필드, 숨겨진 태그, 진행 표시기, 구독자 수, 입력 디자인 및 제출 버튼을 구성합니다. 이러한 공통 설정은 가입 양식 구성하기에서 다룹니다.
양식 위, 아래 또는 옆에 보조 콘텐츠를 배치할 수 있습니다. 기본 제목과 버튼에 가입 후 방문자가 받게 될 내용을 명확하게 설명하세요.
이미지, 동영상 및 보조 콘텐츠 사용하기
랜딩 페이지에는 텍스트, 이미지, 동영상, 목록, 버튼, 소셜 링크, 구독자 수, 여백 및 구분선을 포함할 수 있습니다.
이미지는 URL로 추가하거나 업로드하거나 Maildroppa 미디어 라이브러리에서 선택할 수 있습니다. 이미지가 유용한 정보를 전달한다면 의미 있는 대체 텍스트를 추가하세요. 크기, 가로세로 비율, 자르기, 초점 위치, 링크, 회전 및 반응형 표시도 제어할 수 있습니다.
동영상 블록은 YouTube, Vimeo, 임베드 URL 및 직접 동영상 파일을 지원합니다. 미리보기 이미지와 재생 버튼 스타일은 별도로 구성할 수 있습니다.
버튼은 제품 페이지를 열거나 다른 리소스로 이동하는 등 페이지에 보조 작업이 포함된 경우 유용합니다. 가입 양식의 제출 버튼은 구독자 정보를 Maildroppa로 전송하는 작업을 계속 담당합니다.
잠재고객 규모를 페이지 콘텐츠의 일부로 표시하려면 독립형 구독자 수 블록을 사용합니다. 제출 영역 바로 옆에 숫자를 표시하려면 가입 양식 설정 안의 구독자 수를 사용하세요.
페이지 모양 설정하기
오른쪽 사이드바에서 “페이지 설정”을 열어 전체 페이지 디자인을 정의합니다.
페이지 배경 색상 또는 이미지, 배경 위치와 크기, 최대 페이지 너비, 기본 글꼴과 색상, 제목 스타일, 링크 스타일, 버튼 기본값, 상자 스타일 및 모바일 여백을 설정할 수 있습니다. 또한 작은 화면에서 다중 열 레이아웃을 언제 세로로 쌓을지도 선택할 수 있습니다.
이러한 기본 설정을 사용하면 페이지의 일관성을 유지할 수 있습니다. 개별 섹션, 열 또는 콘텐츠 블록을 선택하여 다른 색상, 여백, 테두리 또는 타이포그래피를 적용할 수도 있습니다.
편집하는 동안 “미리보기”를 자주 사용하세요. 스크롤하기 전에 가입 혜택을 이해할 수 있는지, 버튼을 쉽게 찾을 수 있는지, 이미지가 양식을 압도하지 않는지 확인합니다.
랜딩 페이지 초안 저장하기
랜딩 페이지는 공개하지 않고 초안으로 저장할 수 있습니다.
작업하는 동안 상단 표시줄에 현재 저장 상태가 표시됩니다. 현재 버전을 명시적으로 저장하려면 “초안 저장”을 사용합니다. 초안은 미리 보고 편집할 수 있지만, 게시될 때까지 방문자는 공개 링크를 통해 초안을 열 수 없습니다.
페이지가 이미 공개된 상태라면 이후 디자인 변경 사항이 공개 버전을 즉시 대체하지 않습니다. Maildroppa는 이러한 변경 사항을 게시되지 않은 변경 사항으로 표시합니다. 따라서 현재 방문자에게 보이는 내용을 바꾸지 않고 계속 편집하고 미리 볼 수 있습니다. 새 버전이 준비되면 “변경 사항 게시”를 사용하세요.
게시 설정 열기
첫 번째 버전이 준비되면 “게시”를 클릭합니다. 기존 공개 페이지의 경우 버튼에 “변경 사항 게시” 또는 “게시 관리”가 표시될 수 있습니다.
게시 창에는 랜딩 페이지를 공개하는 데 필요한 모든 항목이 모여 있습니다.
- 게시 상태
- 공개 주소
- 가입 흐름 및 구독자 영향
- 검색 미리보기
- 소셜 공유 이미지
- 파비콘
- 호스팅 페이지 법적 프로필
- 게시 준비 상태
Maildroppa는 게시 전에 이러한 설정을 확인합니다. 필수 항목이 누락된 경우 “게시 준비 완료” 섹션에서 주의가 필요한 사항을 설명하고 가능한 경우 작업을 제공합니다.
공개 주소 선택하기
게시되는 모든 랜딩 페이지에는 고유한 공개 주소가 필요합니다.
Maildroppa는 계정에 표준 랜딩 페이지 주소를 제공할 수 있습니다. 하나 이상의 사용자 지정 랜딩 페이지 도메인을 연결한 경우 준비된 도메인을 선택하고 페이지 경로를 구성할 수 있습니다.
예를 들어 사용자 지정 주소에 /newsletter, /webinar 또는 /summer-guide와 같은 경로를 사용할 수 있습니다.
Maildroppa는 선택한 주소를 사용할 수 있는지 확인합니다. 경로가 이미 사용 중이면 게시 설정에 충돌이 표시되고 대체 경로가 제안될 수 있습니다. 사용자 지정 도메인은 해당 도메인으로 페이지를 게시하기 전에 완전히 연결되고 준비되어야 합니다.
이미 게시된 페이지의 주소를 변경하면 다음 게시 후 페이지를 이용할 수 있는 위치가 변경됩니다. 특히 기존 링크를 이미 공유한 경우 변경 사항을 게시하기 전에 주소 경고를 주의 깊게 검토하세요.
사용자 지정 도메인을 연결, 확인 또는 문제 해결하려면 사용자 지정 랜딩 페이지 도메인 연결 및 확인을 참조하세요. 사용자 지정 도메인 확인이 진행 중인 동안에도 표준 Maildroppa 주소를 통해 계속 게시할 수 있습니다. 도메인이 준비되면 도메인을 선택하고 고유한 경로를 지정한 다음 페이지를 다시 게시합니다.
가입 흐름 검토하기
게시 창에는 랜딩 페이지가 사용하는 가입 흐름과 방문자 경험 요약이 표시됩니다.
제출 후 어떤 일이 발생하는지, 어떤 이중 옵트인 이메일이 전송되는지, 확인 후 어떻게 처리되는지 검토합니다. 흐름이 불완전하거나 현재 페이지에 적합하지 않다면 “가입 흐름 설정”을 열어 흐름을 선택, 생성 또는 편집합니다.
공유 가입 흐름은 여러 양식에서 사용할 수 있다는 점을 기억하세요. 따라서 이를 편집하면 다른 양식의 경험도 변경될 수 있습니다. 랜딩 페이지에 자체 확인 문구, 이메일 또는 확인 후 작업이 필요한 경우 별도의 흐름을 만드세요.
검색 미리보기 구성하기
검색 미리보기 섹션에서는 페이지가 검색 엔진에 어떻게 설명될지 제어합니다.
페이지를 정확하게 설명하는 SEO 제목과 SEO 설명을 입력합니다. 페이지 언어를 선택하고 검색 결과에 페이지를 표시할지 결정합니다.
비공개 캠페인이나 임시 등록 페이지처럼 직접 링크를 받은 사람에게만 페이지를 제공하려면 “검색에 표시”를 비활성화합니다. 이 설정은 검색 엔진이 페이지를 색인하지 않도록 지시하지만, 링크를 비밀로 만들거나 비밀번호로 보호하지는 않습니다.
내부 양식 이름을 반복하기보다 명확한 제목을 사용하세요. SEO 설명에는 혜택과 방문해야 하는 이유를 간략하게 설명해야 합니다.
소셜 공유 이미지 추가하기
소셜 공유 미리보기 섹션에서는 링크 미리보기를 지원하는 서비스에서 랜딩 페이지 링크를 공유할 때 사용할 이미지를 지정할 수 있습니다.
이미지 URL을 입력하거나 이미지를 업로드할 수 있습니다. 작은 미리보기로 표시되어도 쉽게 알아볼 수 있는 단순한 이미지를 선택하세요. 이미지 안의 텍스트는 읽기 충분히 크게 표시해야 합니다.
파비콘 추가하기
파비콘은 브라우저 탭과 기타 브라우저 인터페이스 영역에 표시되는 작은 아이콘입니다.
파비콘 브랜딩 섹션에서 파비콘 URL을 입력하거나 이미지를 업로드합니다. 정사각형의 단순한 브랜드 표시가 작은 크기에서 일반적으로 가장 잘 작동합니다.
호스팅 페이지 법적 프로필 작성하기
Maildroppa가 랜딩 페이지를 호스팅하고 게시하므로 게시 설정에는 페이지의 법적 프로필이 포함됩니다.
프로필은 계정에 저장된 우편 주소를 사용하며 페이지 제공자를 식별하고 연락하는 데 필요한 정보를 요청합니다. 조직에 따라 다음 항목이 포함됩니다.
- 제공자 유형
- 공개 연락처 이메일
- 선택 사항인 추가 연락 방법
- 필요한 경우 제공자 정보 또는 법적 고지 URL
- 필요한 경우 개인정보 보호 URL
- 페이지 콘텐츠와 법적 정보에 대한 책임이 본인에게 있음을 확인
개인 사업자 또는 프리랜서, 회사 또는 파트너십, 협회 또는 비영리 단체, 공공 기관 또는 기타 조직 등 상황에 맞는 제공자 유형을 선택합니다.
우편 주소가 누락되었거나 올바르지 않은 경우 이 섹션의 링크를 사용하여 계정 설정에서 업데이트합니다. Maildroppa는 페이지를 게시하기 전에 아직 처리해야 할 법적 요건을 표시합니다.
이 기능은 필요한 페이지 정보를 제공하는 데 도움을 주지만, 사업체 또는 국가에 적용되는 요건에 대한 법률 자문을 대신하지는 않습니다.
페이지 게시하기
게시 창 하단의 “게시 준비 완료” 섹션을 검토합니다. 표시된 모든 문제를 해결한 다음 “게시”를 클릭합니다.
Maildroppa는 페이지를 공개하기 전에 현재 초안과 게시 설정을 저장합니다. 게시가 성공하면 다음 작업을 수행할 수 있습니다.
- 라이브 페이지 열기
- 공개 링크 복사
- 편집기로 돌아가기
라이브 페이지를 한 번 열어 전체 가입 여정을 직접 테스트하세요. 공개 주소, 레이아웃, 필드, 유효성 검사, 제출 응답, 이중 옵트인 이메일 및 확인 결과를 확인합니다.
게시된 페이지 관리하기
게시 후에는 빌더에서 “게시 관리”를 사용하거나 가입 양식 개요의 작업 메뉴를 사용합니다.
변경 사항 게시는 라이브 버전을 현재 저장된 초안으로 대체합니다.
라이브 페이지 보기는 새 브라우저 탭에서 공개 버전을 엽니다.
링크 복사는 현재 공개 주소를 복사합니다.
게시 취소는 계정에서 랜딩 페이지를 삭제하지 않고 오프라인으로 전환합니다. 계속 편집한 후 나중에 다시 게시할 수 있습니다.
가입 양식 개요에서는 랜딩 페이지가 초안인지, 게시되었는지 또는 공개되지 않았는지를 보여주며 적절한 공유 및 관리 작업을 제공합니다.
Ready to Send Better Emails?
Stop juggling bloated tools or overpriced plans. Maildroppa offers personal support, GDPR-level privacy, and powerful email marketing - starting free forever.
No credit card required. No time limit.