02편 · 프로젝트 생성 · 레이아웃 고르기 · 발행 · 링크 공유

랜딩페이지 만들기

약 8분마지막 업데이트:

이 편에서 다루는 것

  • 프로젝트를 만들어 첫 랜딩페이지를 발행하고 고객에게 보낼 주소를 받는 과정입니다.
  • 만드는 방식·이름과 주소·화면 구성(레이아웃)·테마를 고르고 저장한 뒤 발행합니다.
  • 시작 버튼(CTA)과 룰렛 이벤트 켜기, 발행 후 링크 공유까지 이어집니다.

내 랜딩페이지를 처음 만드는 과정입니다. 프로젝트를 만들고, 화면 구성을 고르고, 발행해서 고객에게 보낼 주소를 받을 때까지 순서대로 따라 하시면 됩니다.


1. 새 프로젝트 시작

랜딩페이지 만들기 — 새 프로젝트 시작 화면 (캡처 1)
그림 1 · 새 프로젝트 시작

왼쪽 메뉴에서 프로젝트를 누른 뒤, 오른쪽 위 ① 새 프로젝트 버튼을 누르세요. 첫 프로젝트는 7일간 무료로 발행할 수 있다는 안내가 함께 보입니다.

2. 만드는 방식 고르기

랜딩페이지 만들기 — 만드는 방식 고르기 화면 (캡처 2)
그림 2 · 만드는 방식 고르기

세 가지 방식 중 하나를 고릅니다.

  • ① 빈 프로젝트로 시작 — 처음부터 직접 구성합니다. 이 매뉴얼은 이 방식으로 진행합니다.
  • ② 샘플에서 시작 — 업종별로 미리 만들어진 샘플을 골라 내 것으로 수정합니다.
  • ③ 엑셀로 시작 — 선택지를 정리한 엑셀 파일을 올리면 질문이 자동으로 만들어집니다.

3. 이름과 인터넷 주소 정하기

랜딩페이지 만들기 — 이름과 인터넷 주소 정하기 화면 (캡처 3)
그림 3 · 이름과 인터넷 주소 정하기
  • ① 프로젝트 이름 — 관리 화면에서 보일 이름입니다. "신규 상담 신청"처럼 자유롭게 적으세요.
  • ② URL 주소 — 고객이 접속할 인터넷 주소의 뒷부분입니다. 영문 소문자, 숫자, 하이픈(-)만 쓸 수 있어요. 한글 이름을 적으면 자동으로 채워지는 주소가 의미 없는 글자(project-…)가 되니, 알아보기 쉬운 영문 주소로 직접 바꿔 주세요. (예: sangdam-event)

4. 화면 구성 고르기 (레이아웃)

여기가 랜딩페이지의 큰 모양을 정하는 곳입니다. 지금 고른 것은 만들고 나서 편집 화면에서 언제든 바꿀 수 있으니 부담 없이 골라 보세요.

4-1. 이미지 배치

랜딩페이지 만들기 — 화면 구성 고르기 (레이아웃) 화면 (캡처 4)
그림 4 · 화면 구성 고르기 (레이아웃)
  • ① 위아래형 — 이미지가 위에, 신청 폼이 아래에 옵니다. 휴대폰으로 보는 광고 랜딩에 가장 흔한 모양입니다.
  • ② 좌우형 — PC에서는 왼쪽에 이미지, 오른쪽에 신청 폼이 나란히 보입니다. 휴대폰에서는 자동으로 위아래로 배치됩니다.
랜딩페이지 만들기 — 화면 구성 고르기 (레이아웃) 화면 (캡처 5)
그림 5 · 화면 구성 고르기 (레이아웃)

① 좌우형을 고르면 안내가 하나 나타납니다 — 왼쪽 이미지는 4초마다 자동으로 넘어가고, 본문에 넣는 이미지 슬라이더는 나중에 콘텐츠 블록에서 따로 추가합니다. 또한 좌우형에서는 폼이 항상 화면에 바로 보이기 때문에 아래의 "폼 표시 방식" 선택이 사라집니다.

4-2. 폼 표시 방식 (위아래형일 때만)

랜딩페이지 만들기 — 화면 구성 고르기 (레이아웃) 화면 (캡처 6)
그림 6 · 화면 구성 고르기 (레이아웃)
  • ① 인라인 — 이미지 바로 아래에 신청 폼이 이어서 나옵니다.
  • ② 플로팅 — 신청 폼이 숨어 있다가, 화면 아래에 고정된 버튼을 누르면 열립니다. 소개 내용이 길어서 폼을 항상 보여주기 어려울 때 좋습니다.

4-3. 질문 형식

랜딩페이지 만들기 — 화면 구성 고르기 (레이아웃) 화면 (캡처 7)
그림 7 · 화면 구성 고르기 (레이아웃)

고객이 질문에 답하는 방식입니다.

  • ① 단계별 — 한 화면에 질문이 하나씩, 순서대로 나옵니다. 부담이 적어 끝까지 작성하는 비율이 높습니다.
  • ② 한 화면 — 모든 질문이 한 번에 보입니다. 질문이 2~3개로 짧을 때 좋습니다.
  • ③ 대화형 — 챗봇이 말을 걸듯 대화 형식으로 답을 받습니다.

4-4. 테마

랜딩페이지 만들기 — 화면 구성 고르기 (레이아웃) 화면 (캡처 8)
그림 8 · 화면 구성 고르기 (레이아웃)

랜딩의 밝기(라이트/다크)와 배경 연출(글로우, 네트워크 등)을 고를 수 있습니다. 잘 모르겠으면 기본값(라이트, 없음) 그대로 두세요 — 만들고 나서 바꿀 수 있습니다.

다 골랐으면 ① 만들고 디자인 시작하기를 누르세요.

참고: 이 화면에서 "뒤로"를 눌러 방식 선택으로 돌아갔다 와도 입력한 내용은 그대로 남아 있습니다. 다만 브라우저를 새로고침하면 사라지니 주의하세요.

5. 편집 화면 살펴보기

랜딩페이지 만들기 — 편집 화면 살펴보기 화면 (캡처 9)
그림 9 · 편집 화면 살펴보기

프로젝트가 만들어지면 바로 편집 화면이 열립니다.

  • ① 기본정보 / 질문 탭 — 처음에는 꼭 필요한 두 탭만 보입니다.
  • ② 미리보기 — 오른쪽에 실제 랜딩페이지 모습이 실시간으로 보입니다. 설정을 바꾸면 바로 반영됩니다. 위의 아이콘으로 PC·태블릿·휴대폰 화면을 바꿔볼 수 있어요.
  • ③ 발행하기 — 다 만들면 이 버튼으로 실제 페이지를 공개합니다.
  • ④ 모든 설정 보기 — 위젯, 동의/약관, 고급 설정 탭이 추가로 열립니다.

이름·전화번호를 묻는 기본 질문 2개가 미리 들어 있어서, 이 상태로 바로 발행해도 동작하는 랜딩페이지가 됩니다.

6. 시작 버튼 (CTA)

랜딩페이지 만들기 — 시작 버튼 (CTA) 화면 (캡처 10)
그림 10 · 시작 버튼 (CTA)

기본정보 탭을 아래로 내리면 시작 버튼 (CTA) 이 있습니다. ① 스위치를 켜면 랜딩페이지 첫 화면에 큰 시작 버튼이 나타나고, 고객이 그 버튼을 눌러야 질문이 시작됩니다. 소개 내용을 먼저 충분히 보여주고 싶을 때 켜세요.

랜딩페이지 만들기 — 시작 버튼 (CTA) 화면 (캡처 11)
그림 11 · 시작 버튼 (CTA)

켜면 버튼 문구·색·정렬을 정하는 항목이 열리고, 오른쪽 미리보기 아래에 시작 버튼(기본 문구 "신청하기")이 바로 나타납니다.

  • 좌우형을 골랐다면 시작 버튼은 쓸 수 없습니다 — 폼이 첫 화면에 이미 보이기 때문입니다. 화면에도 그렇게 안내가 나옵니다.

7. 저장하기

랜딩페이지 만들기 — 저장하기 화면 (캡처 12)
그림 12 · 저장하기

설정을 바꾸면 화면 아래에 "저장하지 않은 변경사항이 있습니다" 막대가 나타납니다. ① 모두 저장을 누르면 지금 탭의 변경 내용이 저장됩니다.

⚠️ 저장 막대가 안 보이더라도, 페이지를 떠나기 전에는 한 번 저장하는 습관을 들이세요. 저장하지 않고 나가면 바꾼 내용이 사라질 수 있습니다.

8. 이벤트(룰렛) 켜기 — 선택

랜딩페이지 만들기 — 이벤트(룰렛) 켜기 — 선택 화면 (캡처 13)
그림 13 · 이벤트(룰렛) 켜기 — 선택

모든 설정 보기를 누른 뒤 위젯 탭에 들어가면 이벤트 (룰렛) 이 있습니다. ① 스위치를 켜면 고객이 랜딩에 들어왔을 때 먼저 룰렛을 돌리고, 그다음 질문 폼을 작성하게 됩니다.

랜딩페이지 만들기 — 이벤트(룰렛) 켜기 — 선택 화면 (캡처 14)
그림 14 · 이벤트(룰렛) 켜기 — 선택

켜면 이벤트 제목·설명·당첨 항목과 확률을 정할 수 있고, 미리보기에 룰렛 이벤트 화면이 바로 나타납니다. 경품 이벤트로 신청을 모을 때 쓰세요.

9. 발행하기

랜딩페이지 만들기 — 발행하기 화면 (캡처 15)
그림 15 · 발행하기

오른쪽 위 발행하기(초록 버튼)를 누르면 랜딩페이지가 실제로 공개됩니다. 발행이 끝나면 오른쪽 위에 접속 주소와 복사 버튼이 담긴 알림이 뜹니다. 발행 후에는 버튼이 비발행으로 바뀌는데, 이걸 누르면 페이지를 다시 비공개로 돌릴 수 있습니다.

  • 첫 프로젝트는 카드 등록 없이 7일간 무료로 발행됩니다. 7일이 지나면 자동으로 비공개되고, 구독을 신청하면 계속 공개 상태가 유지됩니다.

10. 발행 확인과 링크 공유

랜딩페이지 만들기 — 발행 확인과 링크 공유 화면 (캡처 16)
그림 16 · 발행 확인과 링크 공유

프로젝트 목록으로 돌아오면:

  • ① 프로젝트 이름 옆에 게시됨 표시가 붙습니다.
  • ② 주소 칸의 첫 번째 버튼으로 랜딩페이지를 새 탭에서 열어 확인할 수 있습니다.
  • ③ 두 번째 버튼으로 주소를 복사해서 광고나 문자, 카카오톡에 붙여넣으면 됩니다.
랜딩페이지 만들기 — 발행 확인과 링크 공유 화면 (캡처 17)
그림 17 · 발행 확인과 링크 공유

복사 버튼을 누르면 "링크가 복사되었습니다." 알림이 뜹니다. 이 주소가 고객에게 보낼 최종 랜딩페이지 주소입니다.


자주 묻는 질문

레이아웃을 잘못 골랐어요. 처음부터 다시 만들어야 하나요?

아니요. 편집 화면의 기본정보 탭에서 이미지 배치·폼 표시 방식·질문 형식을 언제든 바꿀 수 있습니다. 프로젝트를 새로 만들 필요가 없어요.

URL 주소는 나중에 바꿀 수 있나요?

편집 화면의 기본정보 탭에서 바꿀 수 있습니다. 다만 이미 광고에 쓴 주소라면, 바꾸는 순간 이전 주소로는 접속이 안 되니 발행 전에 정하는 것이 안전합니다.

발행했는데 잠깐 내리고 싶어요.

편집 화면 오른쪽 위 비발행 버튼을 누르면 즉시 비공개됩니다. 내용은 그대로 남아 있으니 다시 발행하기를 누르면 같은 주소로 재공개됩니다.

미리보기 화면이 거의 비어 있어요.

아직 이미지와 콘텐츠를 넣지 않아서 그렇습니다. 다음 단계(디자인·이미지 설정 매뉴얼)에서 대표 이미지와 콘텐츠 블록을 채우면 미리보기도 함께 채워집니다.