페이지 추가와 기존 페이지 가져오기

웹사이트에 페이지를 채우는 방법은 두 가지입니다. 사이트 안에서 빈 페이지를 새로 만들거나, 이전에 따로 만들어 둔 독립 페이지를 사이트로 가져오는 것입니다. 이 글에서는 두 방법의 순서와, 그 결과가 페이지 트리와 헤더 메뉴에 어떻게 나타나는지를 차례로 안내합니다.

1. 어디에서 하나요

왼쪽 사이드바의 웹사이트 빌더 > 내 웹사이트에서 사이트 카드의 관리를 눌러 사이트 상세 화면을 엽니다. 페이지를 더하는 입구는 이 화면에 있습니다. 헤더 오른쪽의 페이지 추가 버튼, 오른쪽 빠른 액션의 새 페이지 만들기, 페이지가 하나도 없을 때 페이지 트리에 나오는 + 첫 페이지 추가 링크는 모두 같은 동작입니다. 기존 페이지를 가져오는 곳은 오른쪽 열 중간의 기존 페이지 추가 카드입니다.

2. 방법 하나: 빈 페이지를 새로 추가하기

1. 사이트 상세 화면에서 페이지 추가를 누릅니다.
2. 확인 창 없이 "새 프로젝트"라는 이름의 빈 페이지가 이 사이트 안에 바로 만들어지고, 에디터가 열립니다.
3. 빈 페이지에는 새 페이지 시작하기 안내가 나옵니다. AI 페이지 생성으로 자동 생성하거나 섹션 추가하기로 직접 섹션을 넣어 시작합니다.

상단바에는 HTML 가져오기 버튼도 있어 외부에서 만든 HTML을 불러올 수 있고, 사이트 상세 화면의 FunnelBrain 일괄 생성으로는 여러 페이지를 한 번에 만들 수 있습니다. 두 기능은 별도 글에서 다룹니다.

에디터에서 나와 사이트 상세 화면으로 돌아오면 새 페이지가 페이지 트리에 한 줄로 올라와 있고, 위쪽 개수도 늘어납니다.

3. 방법 둘: 기존 독립 페이지 가져오기

독립 페이지 목록에 만들어 둔 페이지가 하나라도 있으면 사이트 상세 화면에 기존 페이지 추가 카드가 나타납니다. 독립 페이지가 없으면 이 카드는 보이지 않습니다.

1. 페이지 선택... 칸을 눌러 가져올 페이지를 고릅니다. 목록에는 아직 웹사이트나 퍼널에 속하지 않은 독립 페이지만, 최근에 수정한 순서로 나옵니다.
2. 추가를 누릅니다.

같은 사이트 상세 화면이 다시 열리면서 위쪽에 "여름 이벤트 소개" 페이지가 추가됐습니다라는 알림이 잠시 나타납니다. 페이지의 제목, 주소(/summer-intro), 카테고리 칩은 그대로 유지됩니다.

4. 결과: 페이지 트리와 헤더 메뉴

• 페이지 트리: 페이지가 만들어진 순서대로 나열됩니다. 나중에 가져온 페이지라도 먼저 만들어 둔 페이지라면 위쪽에 보일 수 있습니다.
• 헤더 메뉴: 두 방법 모두 페이지가 헤더 메뉴의 맨 아래에 항목으로 자동 추가됩니다. 메뉴 이름은 페이지 제목이고, 이름 아래에 페이지 주소가 함께 보입니다. 각 항목에서 모두·방문자만·회원만 표시 대상을 고르고, 위로·아래로 버튼으로 순서를 바꿀 수 있습니다.

5. 원래 목록에서는 사라집니다

기존 페이지를 가져오면 복사가 아니라 이동입니다. 가져온 페이지는 독립 페이지 목록에서 사라지고, 목록에는 남은 페이지만 보입니다. 아래 화면에서는 두 장 중 "여름 이벤트 소개"를 사이트로 보냈기 때문에 "가을 세일 안내" 한 장만 남았고, 기존 페이지 추가 칸에도 남은 페이지만 선택지로 나옵니다.

6. 이렇게 활용해 보세요

• 사이트를 처음 만들 때는 페이지 추가로 홈부터 하나씩 채워 보세요.
• 따로 만들어 두었던 이벤트·소개 페이지는 기존 페이지 추가로 가져와 헤더 메뉴에서 순서를 정리해 보세요.

7. 알아 두실 점

• 페이지는 "새 프로젝트"라는 이름으로 만들어집니다. 에디터에서 페이지 이름을 정해 주세요.
• 기존 페이지 추가는 독립 페이지만 대상입니다. 퍼널에 속한 페이지는 퍼널 화면에서, 다른 사이트의 페이지는 페이지 트리의 이동·복사로 옮깁니다.
• 이 화면의 이동·복사 창 사용법은 독립 페이지 목록 글에서 다룹니다.
• 사이트당 만들 수 있는 페이지 개수는 플랜별로 다릅니다.

페이지를 모은 뒤에는 페이지 트리의 미리보기로 모습을 확인하고, 배포는 별도 글의 순서를 따라 진행해 보세요.