랜딩 페이지 만들기 및 게시

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

Maildroppa 랜딩 페이지는 구독 신청 양식을 중심으로 구성된 완전한 독립형 페이지입니다. 기존 웹사이트가 없어도 사용할 수 있습니다.

Maildroppa에서 페이지를 게시하고, 공개 링크를 광고, 소셜 미디어 게시물, QR 코드, 이메일, 메신저 대화 또는 다른 웹사이트의 버튼을 통해 공유할 수 있습니다. 맞춤 랜딩 페이지 도메인을 연결했다면 해당 도메인으로도 페이지를 게시할 수 있습니다.

이 가이드에서는 랜딩 페이지에만 해당하는 기능을 설명합니다. 레이아웃, 콘텐츠 블록, 텍스트 편집, 양식 필드, 태그, 디자인 설정, 레이어 및 구독 신청 절차에 관한 공통 설명은 기본 구독 신청 양식 빌더 가이드에서 확인하세요.

랜딩 페이지 만들기

“Signup Forms”를 열고 “Create Form”을 클릭한 다음 “Landing Page”를 선택하세요. 내부에서 식별하기 쉬운 이름을 입력하고 빌더로 이동하세요.

기존 랜딩 페이지는 구독 신청 양식 개요에서 이름을 클릭하거나 작업 메뉴에서 “Edit Form”을 선택해 열 수 있습니다.

이 이름은 Maildroppa 내부에서 페이지를 식별하는 데 사용됩니다. 공개 페이지의 주 제목으로 사용되지는 않으며, 나중에 랜딩 페이지 이름을 바꾸더라도 기존 공개 주소가 자동으로 변경되지는 않습니다.

랜딩 페이지 템플릿 선택하기

랜딩 페이지 빌더는 다음 다섯 가지 기본 템플릿을 제공합니다.

Blank Page — 빈 캔버스에서 시작해 원하는 대로 디자인할 수 있습니다.

Newsletter Signup — 뉴스레터 구독자를 늘리기 위한 범용 페이지입니다.

Lead Magnet — 다운로드할 수 있는 구독 혜택 자료나 그 밖의 구독 신청 혜택을 중심으로 구성된 페이지입니다.

Webinar Signup — 웨비나, 실시간 교육 또는 온라인 이벤트 등록 페이지입니다.

Waitlist — 제품이나 서비스 출시 또는 이벤트 진행 전에 관심 있는 방문자의 대기 신청을 받는 페이지입니다.

목표에 가장 적합한 구조의 템플릿을 선택하세요. 템플릿의 모든 콘텐츠는 편집할 수 있습니다. 텍스트와 이미지를 교체하고, 디자인을 바꾸고, 섹션을 재배치하거나 필요하지 않은 항목을 삭제할 수 있습니다.

섹션으로 페이지 구성하기

랜딩 페이지는 다른 구독 신청 양식과 동일한 레이아웃 및 콘텐츠 블록을 사용하며, “Layout”에서 재사용할 수 있는 완성형 섹션도 제공합니다.

Hero with signup form — 혜택을 소개하는 눈에 띄는 첫 화면 섹션으로, 핵심 메시지 가까이에 구독 신청 양식을 배치합니다.

Benefit cards — 가장 중요한 장점이나 기대 효과를 설명하는 카드 세 개로 구성됩니다.

Image/text split — 이미지와 보충 설명을 함께 배치하는 2열 섹션입니다.

Testimonial — 고객 의견, 인용문 등 신뢰를 뒷받침하는 내용을 담는 섹션입니다.

FAQ — 구독 신청 전에 방문자가 흔히 궁금해하거나 우려하는 점을 해소하는 질문과 답변 섹션입니다.

섹션을 클릭하면 현재 삽입 위치에 추가되며, 캔버스로 직접 드래그할 수도 있습니다. 섹션은 일반 상자, 열, 텍스트, 이미지, 목록 등의 블록으로 구성되므로 나중에 각 부분을 개별적으로 편집할 수 있습니다.

섹션을 활용해 다음과 같이 간결한 흐름을 구성하세요.

1. 제공하는 혜택을 설명하세요.
2. 그 혜택이 왜 가치 있는지 보여주세요.
3. 예상 질문에 답하거나 신뢰할 만한 근거를 제시하세요.
4. 방문자에게 구독 신청을 안내하세요.

모든 섹션을 사용할 필요는 없습니다. 하나의 명확한 혜택에 집중한 페이지가 관련 없는 정보로 가득한 긴 페이지보다 이해하기 쉬운 경우가 많습니다.

구독 신청 양식 추가하기

랜딩 페이지에는 구독 신청 양식 블록이 하나 있어야 합니다. 이 블록은 방문자의 이메일 주소와 추가로 선택한 구독자 필드의 정보를 수집합니다.

대부분의 템플릿에는 구독 신청 양식이 이미 포함되어 있습니다. 빈 페이지로 시작했다면 “Content”를 열고 “Signup form”을 추가하세요. 양식이 하나 있으면 빌더에서 두 번째 구독 신청 양식 블록을 추가할 수 없도록 제한합니다.

블록을 선택해 필드, 숨겨진 태그, 진행 표시기, 구독자 수 표시, 입력란 디자인 및 제출 버튼을 설정하세요. 이러한 공통 설정은 구독 신청 양식 설정하기에서 설명합니다.

양식 위, 아래 또는 옆에 보충 콘텐츠를 배치할 수 있습니다. 주 제목과 버튼 문구에는 구독 신청 후 방문자가 받게 될 내용을 명확히 표현하세요.

이미지, 동영상 및 보충 콘텐츠 활용하기

랜딩 페이지에는 텍스트, 이미지, 동영상, 목록, 버튼, 소셜 링크, 구독자 수 표시, 여백 및 구분선을 넣을 수 있습니다.

이미지는 URL로 추가하거나 직접 업로드하거나 Maildroppa 미디어 라이브러리에서 선택할 수 있습니다. 이미지가 유용한 정보를 전달한다면 그 의미를 설명하는 대체 텍스트를 추가하세요. 크기, 가로세로 비율, 자르기, 초점 위치, 링크, 회전 및 반응형 표시도 조정할 수 있습니다.

동영상 블록은 YouTube, Vimeo, 임베드 URL 및 직접 연결하는 동영상 파일을 지원합니다. 미리보기 이미지와 재생 버튼 스타일은 별도로 설정할 수 있습니다.

버튼은 제품 페이지를 열거나 다른 자료로 이동하는 등 페이지에서 부가적인 동작을 제공할 때 유용합니다. 구독자 정보를 Maildroppa로 전송하는 역할은 구독 신청 양식의 제출 버튼이 담당합니다.

구독자 규모를 페이지 콘텐츠의 일부로 보여주려면 독립형 구독자 수 표시 블록을 사용하세요. 제출 영역 바로 옆에 숫자를 표시하려면 구독 신청 양식 설정에 있는 구독자 수 표시 기능을 사용하세요.

페이지 디자인 설정하기

오른쪽 사이드바에서 “Page settings”를 열어 페이지 전체의 디자인을 설정하세요.

페이지 배경색 또는 배경 이미지, 배경 위치와 크기, 최대 페이지 너비, 기본 글꼴과 색상, 제목 스타일, 링크 스타일, 버튼 기본값, 상자 스타일 및 모바일 여백을 설정할 수 있습니다. 작은 화면에서 여러 열로 구성된 레이아웃을 세로로 배치할 시점도 선택할 수 있습니다.

이러한 기본 설정을 사용하면 페이지 디자인의 일관성을 유지하기 쉽습니다. 필요에 따라 개별 섹션, 열 또는 콘텐츠 블록을 선택해 다른 색상, 여백, 테두리 또는 타이포그래피를 적용할 수도 있습니다.

편집하는 동안 “Preview”로 자주 확인하세요. 스크롤하기 전에도 구독 신청 혜택을 이해할 수 있는지, 버튼을 쉽게 찾을 수 있는지, 이미지가 양식보다 지나치게 눈에 띄지는 않는지 확인하세요.

랜딩 페이지 초안 저장하기

랜딩 페이지는 공개하지 않고 초안으로 저장할 수 있습니다.

작업하는 동안 상단 바에 현재 저장 상태가 표시됩니다. 현재 버전을 직접 저장하려면 “Save draft”를 사용하세요. 초안은 미리 보고 편집할 수 있지만, 게시하기 전에는 방문자가 공개 링크로 열 수 없습니다.

페이지가 이미 공개된 상태라면 이후 디자인을 변경해도 공개 버전에 바로 반영되지는 않습니다. Maildroppa는 이를 아직 게시하지 않은 변경 사항으로 표시합니다. 따라서 현재 방문자에게 보이는 페이지를 바꾸지 않고도 계속 편집하고 미리 볼 수 있습니다. 새 버전이 준비되면 “Publish changes”를 사용하세요.

게시 설정 열기

첫 번째 버전이 준비되면 “Publish”를 클릭하세요. 이미 공개된 페이지라면 버튼에 “Publish changes” 또는 “Manage publication”이 표시될 수 있습니다.

게시 창에는 랜딩 페이지를 공개하는 데 필요한 항목이 모두 모여 있습니다.

• 게시 상태
• 공개 주소
• 구독 신청 절차 및 구독자에게 미치는 영향
• 검색 미리보기
• 소셜 공유 이미지
• 파비콘
• 호스팅 페이지 법적 정보 프로필
• 게시 준비 상태

Maildroppa는 게시 전에 이 설정을 확인합니다. 필수 항목이 누락된 경우 “Ready to publish” 섹션에 확인이 필요한 사항이 설명되며, 가능한 경우 해당 문제를 해결할 수 있는 기능도 제공됩니다.

공개 주소 선택하기

게시하는 모든 랜딩 페이지에는 고유한 공개 주소가 필요합니다.

Maildroppa는 계정에 기본 랜딩 페이지 주소를 제공할 수 있습니다. 맞춤 랜딩 페이지 도메인을 하나 이상 연결했다면 사용할 준비가 된 도메인을 선택하고 페이지 경로를 설정할 수 있습니다.

예를 들어 맞춤 주소에 /newsletter, /webinar 또는 /summer-guide 같은 경로를 사용할 수 있습니다.

Maildroppa는 선택한 주소를 사용할 수 있는지 확인합니다. 경로가 이미 사용 중이면 게시 설정에 충돌이 표시되며 다른 경로가 제안될 수 있습니다. 맞춤 도메인으로 페이지를 게시하려면 먼저 도메인 연결이 완료되어 사용할 준비가 되어 있어야 합니다.

이미 게시된 페이지의 주소를 변경하면 다음 게시 시점부터 페이지에 접속할 수 있는 주소가 바뀝니다. 특히 기존 링크를 이미 공유했다면 변경 사항을 게시하기 전에 주소 관련 경고를 주의 깊게 확인하세요.

맞춤 도메인을 연결하거나 확인하고 문제를 해결하는 방법은 맞춤 랜딩 페이지 도메인 연결 및 확인을 참조하세요. 맞춤 도메인 확인이 진행 중일 때도 기본 Maildroppa 주소로 계속 게시할 수 있습니다. 도메인이 준비되면 해당 도메인을 선택하고 고유한 경로를 지정한 다음 페이지를 다시 게시하세요.

구독 신청 절차 검토하기

게시 창에는 랜딩 페이지에서 사용하는 구독 신청 절차와 방문자가 거치게 될 과정이 요약되어 표시됩니다.

양식 제출 후 어떤 일이 일어나는지, 어떤 이중 수신 동의 이메일이 발송되는지, 방문자가 이메일로 확인을 마친 후에는 어떻게 처리되는지 검토하세요. 절차가 완성되지 않았거나 현재 페이지에 적합하지 않다면 “Signup flow settings”를 열어 절차를 선택하거나 새로 만들거나 편집하세요.

공유 구독 신청 절차는 여러 양식에서 사용할 수 있습니다. 따라서 이를 편집하면 다른 양식에서 방문자가 거치는 과정도 달라질 수 있습니다. 랜딩 페이지에 별도의 확인 문구, 이메일 또는 확인 후 동작이 필요하다면 전용 절차를 만드세요.

검색 미리보기 설정하기

“Search Preview” 섹션에서는 검색 엔진에 전달할 페이지 설명을 설정합니다.

페이지 내용을 정확하게 설명하는 SEO 제목과 SEO 설명을 입력하세요. 페이지 언어를 선택하고 검색 결과에 페이지를 표시할지도 결정하세요.

비공개 캠페인이나 임시 등록 페이지처럼 직접 링크를 받은 사람만 페이지에 접속하도록 하려면 “Show in search”를 끄세요. 이 설정은 검색 엔진에 페이지를 색인하지 않도록 알리지만, 링크 자체를 비공개로 만들거나 비밀번호로 보호하지는 않습니다.

내부 양식 이름을 그대로 반복하기보다는 내용을 명확하게 전달하는 제목을 사용하세요. SEO 설명에는 제공하는 혜택과 페이지를 방문할 이유를 간략하게 담으세요.

소셜 공유 이미지 추가하기

“Social Sharing Preview” 섹션에서는 링크 미리보기를 지원하는 서비스에서 랜딩 페이지 링크를 공유할 때 표시할 이미지를 지정할 수 있습니다.

이미지 URL을 입력하거나 이미지를 업로드할 수 있습니다. 작은 미리보기에서도 쉽게 알아볼 수 있는 단순한 이미지를 선택하세요. 이미지 안의 텍스트는 읽기 충분한 크기로 넣으세요.

파비콘 추가하기

파비콘은 브라우저 탭과 그 밖의 브라우저 인터페이스 영역에 표시되는 작은 아이콘입니다.

“Favicon Branding” 섹션에서 파비콘 URL을 입력하거나 이미지를 업로드하세요. 작은 크기에서도 잘 보이도록 단순한 형태의 정사각형 브랜드 마크를 사용하는 것이 좋습니다.

호스팅 페이지 법적 정보 프로필 작성하기

Maildroppa가 랜딩 페이지를 호스팅하고 게시하므로 게시 설정에는 페이지의 법적 정보 프로필이 포함됩니다.

이 프로필에는 계정에 저장된 우편 주소가 사용되며, 페이지 제공자의 신원을 확인하고 연락하는 데 필요한 정보를 입력해야 합니다. 조직 유형에 따라 다음 항목이 포함됩니다.

• 제공자 유형
• 공개 연락처 이메일
• 추가 연락 수단(선택 사항)
• 필요한 경우 제공자 정보 또는 법적 고지 URL
• 필요한 경우 개인정보 보호 안내 URL
• 페이지 콘텐츠와 법적 정보에 대한 책임이 본인에게 있음을 확인

개인사업자 또는 프리랜서, 회사 또는 파트너십, 협회 또는 비영리 단체, 공공기관, 기타 조직 등 상황에 맞는 제공자 유형을 선택하세요.

우편 주소가 없거나 잘못된 경우 이 섹션의 링크를 통해 계정 설정에서 수정하세요. Maildroppa는 페이지를 게시하기 전에 아직 충족해야 할 법적 요건을 표시합니다.

이 기능은 필요한 페이지 정보를 제공하도록 돕지만, 사업체나 국가에 적용되는 요건에 관한 법률 자문을 대신하지는 않습니다.

페이지 게시하기

게시 창 하단의 “Ready to publish” 섹션을 검토하세요. 표시된 문제를 모두 해결한 다음 “Publish”를 클릭하세요.

Maildroppa는 페이지를 공개하기 전에 현재 초안과 게시 설정을 저장합니다. 게시가 완료되면 다음 작업을 할 수 있습니다.

• 공개된 페이지 열기
• 공개 링크 복사하기
• 편집기로 돌아가기

공개된 페이지를 열어 구독 신청의 전체 과정을 직접 테스트하세요. 공개 주소, 레이아웃, 필드, 입력값 유효성 검사, 제출 후 응답, 이중 수신 동의 이메일 및 확인 결과를 점검하세요.

게시된 페이지 관리하기

게시 후에는 빌더의 “Manage publication”이나 구독 신청 양식 개요의 작업 메뉴를 사용하세요.

Publish changes는 공개 버전을 현재 저장된 초안으로 교체합니다.

View live page는 새 브라우저 탭에서 공개 버전을 엽니다.

Copy link는 현재 공개 주소를 복사합니다.

Unpublish는 계정에서 랜딩 페이지를 삭제하지 않고 공개만 중단합니다. 계속 편집한 뒤 나중에 다시 게시할 수 있습니다.

구독 신청 양식 개요에서는 랜딩 페이지가 초안인지, 게시된 상태인지, 공개되지 않은 상태인지 확인할 수 있으며, 상태에 맞는 공유 및 관리 기능을 제공합니다.