블록 추가하고 순서 바꾸기

사용 가능 사용 가능

디비풀 랜딩은 블록을 위에서 아래로 이어 붙인 한 장의 페이지입니다. 이미지 한 장, 문구 한 줄, 입력폼 하나가 각각 블록입니다. 이 글은 블록을 넣고, 옮기고, 지우는 기본 동작을 다룹니다.

#화면 구성

랜딩꾸미기를 열면 기본으로 🧱 블록 빌더가 보입니다.

• 왼쪽 — 넣을 수 있는 블록 목록(콘텐츠 · 폼 · 전환장치). 좁은 화면에서는 위쪽 ＋ 블록 추가 버튼으로 엽니다.
• 가운데 — 지금 랜딩에 들어 있는 블록. 위에서 아래 순서가 방문자에게 보이는 순서입니다.
• 오른쪽 — 실시간 미리보기. 갤럭시 S · 아이폰 · 갤럭시 울트라 · PC 중에서 기기를 바꿔 볼 수 있습니다.

스크린샷 준비 중/l/[id]/design · 왼쪽 블록 목록, 가운데 쌓인 블록, 오른쪽 아이폰 미리보기

#넣을 수 있는 블록

접수 카운터·목표 카운터는 2026년 10월 7일부터 새로 넣을 수 없습니다. 그 전에 넣어 둔 랜딩에서는 그대로 보이고 고칠 수 있습니다.

#블록 넣기

1. 왼쪽 목록에서 블록 이름(또는 옆의 ＋)을 누릅니다.
2. 새 블록은 지금 펼쳐 둔 블록 바로 아래에 들어갑니다. 펼친 블록이 없으면 입력폼 바로 위에 들어갑니다.
3. 들어가자마자 편집 칸이 펼쳐집니다. 내용을 채우면 미리보기에 바로 반영됩니다.

예외가 둘 있습니다.

• 입력폼은 랜딩당 하나뿐입니다. 이미 있으면 목록에 "이미 있음 ↓"으로 표시되고, 누르면 그 블록으로 데려갑니다.
• 페이지 푸터는 어디를 편집하던 중이든 늘 맨 아래에 붙습니다.

#순서 바꾸기

• 블록 왼쪽 손잡이(⋮⋮)를 끌어 원하는 자리에 놓습니다.
• 손잡이에 초점을 둔 채 키보드로도 옮깁니다. ↑ ↓ 한 칸, Home 맨 위, End 맨 아래.
• 블록 오른쪽 ▲ ▼ 버튼으로 한 칸씩 옮겨도 됩니다.

#복제·삭제·접기

• ⧉ — 같은 블록을 하나 더 만듭니다. 비슷한 이미지 블록을 여러 개 만들 때 편합니다.
• ✕ — 블록을 지웁니다. 입력폼을 지우려 하면 "이 랜딩에서 신청을 받을 수 없다"는 확인 창이 한 번 더 뜹니다.
• 편집 / 닫기 — 편집 칸을 펼치고 접습니다.

#기기별로 보이게 하기

대부분의 블록 편집 칸 아래에 표시 기기가 있습니다.

• PC+모바일 — 둘 다 보입니다(기본).
• PC만 / 모바일만 — 해당 기기에서만 보입니다. 가운데 목록의 블록에 "PC만", "모바일만" 표시가 붙습니다.

PC용 가로 이미지와 휴대폰용 세로 이미지를 따로 올리고 각각 PC만·모바일만으로 두는 식으로 씁니다.

#저장은 따로 하지 않습니다

블록을 고치면 잠시 뒤 저장됩니다. 화면 위쪽에 "저장 중…", "✓ 저장됨"이 잠깐 보입니다. "저장 실패 — 다시 시도"가 뜨면 눌러서 다시 보내세요. 인터넷이 끊겼거나 다른 창에서 같은 랜딩을 고쳤을 때 생깁니다.

#미리보기에서는 안 도는 것

오른쪽 미리보기는 편집용 화면이라 몇 가지가 실제와 다릅니다.

• 레이어 팝업 · 실시간 접수 알림 · A/B 분배 · 광고 픽셀은 미리보기에서 동작하지 않습니다.
• 그래서 광고를 켜기 전에는 실제 주소를 휴대폰으로 한 번 열어 보세요. 화면 위 머리줄의 미리보기나 주소 복사를 쓰면 됩니다.

#빈 블록 경고

내용이 없는 블록에는 "⚠ 이미지 없음 — 랜딩에 표시 안 됨", "⚠ 문구 없음" 같은 표시가 붙습니다. 방문자에게는 보이지 않으니 채우거나 지우세요. 입력폼이 아예 없으면 캔버스 위에 "입력폼 블록이 없어 방문자가 신청할 수 없습니다" 경고가 뜹니다.

#간편 모드

편집 화면 위의 ⚡ 간편 모드를 누르면 번호 카드 네 장으로 줄어든 화면이 됩니다. 상단 이미지 → 입력폼 구성 → 신청 버튼명 → 외부 폼(선택) 순서입니다. 이미지와 폼만 빠르게 손볼 때 쓰고, 나머지는 💼 전문가 모드에서 합니다. 간편 모드에서 올린 이미지도 이미지 블록으로 들어갑니다.

#예전 방식 랜딩

블록 빌더가 생기기 전에 만든 랜딩을 처음 열면 "지금 이 랜딩의 현재 모습을 블록으로 펼쳐 놓았다"는 안내와 이대로 편집 시작 버튼이 보입니다. 누르거나 아무 블록이나 하나 고치면 그 구성 그대로 블록 방식으로 바뀝니다. 방문자 화면은 달라지지 않습니다.

---

다음에 볼 글 — 이미지 올리기·자르기·가르기 관련 기능 — 이미지 블록 랜딩 만들기