페이지 빌더로 랜딩 만들기
작성일 2026.06.18 | 수정일 2026.06.18
홈 화면처럼 여러 섹션으로 이루어진 페이지는 빌더로 만듭니다. 백스테이지 > 스튜디오 > 페이지에서 페이지를 만들고 본문 모드를 빌더로 두면 빌더 화면이 열려요.
빌더 화면 구성
- 왼쪽 팔레트 — 추가할 수 있는 블록 목록입니다. 마우스를 올리면 미리보기가 보입니다.
- 가운데 캔버스 — 실제 페이지가 쌓이는 곳입니다. 블록을 클릭해 선택합니다.
- 오른쪽 속성 — 선택한 블록의 텍스트·이미지·색상 등을 입력하는 폼입니다.
블록 다루기
- 추가 — 팔레트에서 블록을 캔버스로 끌어다 놓거나 클릭합니다.
- 순서 변경 — 블록을 드래그하거나 화살표 버튼으로 위아래로 옮깁니다.
- 복제 · 삭제 — 블록을 그대로 복사하거나 제거합니다.
- 실행 취소 —
Ctrl/Cmd + Z로 되돌릴 수 있습니다.
대표 블록
히어로(큰 제목+버튼), 기능 그리드, 단계 안내, 후기, 통계, 가격표, FAQ, CTA 등 다양한 블록이 있습니다. 히어로 → 기능 그리드 → FAQ → CTA 순으로 쌓으면 기본적인 소개 페이지가 완성돼요.
애니메이션과 배경
각 블록에는 스크롤 시 나타나는 애니메이션과 단색/그라데이션 배경을 줄 수 있습니다. 과하지 않게 한두 블록에만 포인트로 쓰는 것을 권합니다.