# 랜딩페이지 만들기

> DBADS 사용 가이드 02편 — 프로젝트 생성 · 레이아웃 고르기 · 발행 · 링크 공유
> 웹 페이지: https://dbads.co.kr/manuals/project-create
> 마지막 업데이트: 2026-09-25

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

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

---

## 1. 새 프로젝트 시작

![](/manuals/images/project-create/01-projects-list.webp)

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

## 2. 만드는 방식 고르기

![](/manuals/images/project-create/02-mode-choose.webp)

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

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

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

![](/manuals/images/project-create/03-basic-info.webp)

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

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

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

### 4-1. 이미지 배치

![](/manuals/images/project-create/04-layout-image-vertical.webp)

- ① **위아래형** — 이미지가 위에, 신청 폼이 아래에 옵니다. 휴대폰으로 보는 광고
  랜딩에 가장 흔한 모양입니다.
- ② **좌우형** — PC에서는 왼쪽에 이미지, 오른쪽에 신청 폼이 나란히 보입니다.
  휴대폰에서는 자동으로 위아래로 배치됩니다.

![](/manuals/images/project-create/05-layout-image-horizontal.webp)

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

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

![](/manuals/images/project-create/06-layout-form-display.webp)

- ① **인라인** — 이미지 바로 아래에 신청 폼이 이어서 나옵니다.
- ② **플로팅** — 신청 폼이 숨어 있다가, 화면 아래에 고정된 버튼을 누르면 열립니다.
  소개 내용이 길어서 폼을 항상 보여주기 어려울 때 좋습니다.

### 4-3. 질문 형식

![](/manuals/images/project-create/07-layout-form-style.webp)

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

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

### 4-4. 테마

![](/manuals/images/project-create/08-theme-and-create.webp)

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

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

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

## 5. 편집 화면 살펴보기

![](/manuals/images/project-create/09-edit-overview.webp)

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

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

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

## 6. 시작 버튼 (CTA)

![](/manuals/images/project-create/10-cta-toggle.webp)

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

![](/manuals/images/project-create/11-cta-on-preview.webp)

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

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

## 7. 저장하기

![](/manuals/images/project-create/12-save-bar.webp)

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

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

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

![](/manuals/images/project-create/13-event-roulette.webp)

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

![](/manuals/images/project-create/14-event-roulette-on.webp)

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

## 9. 발행하기

![](/manuals/images/project-create/15-publish-toast.webp)

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

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

## 10. 발행 확인과 링크 공유

![](/manuals/images/project-create/16-list-published.webp)

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

- ① 프로젝트 이름 옆에 **게시됨** 표시가 붙습니다.
- ② 주소 칸의 첫 번째 버튼으로 랜딩페이지를 **새 탭에서 열어** 확인할 수 있습니다.
- ③ 두 번째 버튼으로 **주소를 복사**해서 광고나 문자, 카카오톡에 붙여넣으면 됩니다.

![](/manuals/images/project-create/17-link-copied.webp)

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

---

## 자주 묻는 질문

**Q. 레이아웃을 잘못 골랐어요. 처음부터 다시 만들어야 하나요?**
아니요. 편집 화면의 기본정보 탭에서 이미지 배치·폼 표시 방식·질문 형식을
언제든 바꿀 수 있습니다. 프로젝트를 새로 만들 필요가 없어요.

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

**Q. 발행했는데 잠깐 내리고 싶어요.**
편집 화면 오른쪽 위 **비발행** 버튼을 누르면 즉시 비공개됩니다. 내용은 그대로
남아 있으니 다시 **발행하기**를 누르면 같은 주소로 재공개됩니다.

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