섹션과 페이지 추가·삭제하기

AI가 만들어 준 웹사이트 기획서는 출발점일 뿐입니다. 실제 사이트에 맞게 가려면 빠진 섹션을 더하고, 필요 없는 페이지를 덜어 내야 할 때가 많습니다. 기획서 화면에서는 섹션과 페이지를 직접 더하고 지울 수 있습니다. 이 글에서는 섹션 추가 창의 입력 항목과 섹션 타입 고르는 법, 페이지 추가 창, 그리고 삭제까지 순서대로 안내합니다. 이미 있는 섹션의 순서를 바꾸거나 다른 페이지로 옮기는 방법은 별도 글에서 다룹니다.

1. 섹션 추가하기

기획서의 사이트 구조 카드에서 페이지 탭을 고르고 섹션 카드 목록의 맨 아래로 내려가면 점선 테두리의 섹션 추가 버튼이 있습니다. 섹션이 하나도 없는 페이지에서는 "아직 섹션이 없습니다. 아래 버튼으로 섹션을 추가하세요."라는 안내와 함께 같은 버튼이 나옵니다.

버튼을 누르면 섹션 추가 창이 열립니다. 입력 항목은 세 가지입니다.

• 섹션 이름(필수): 카드 제목으로 표시될 이름입니다. 예시에서는 "오시는 길과 배송 지역"을 적었습니다.
• 섹션 타입(필수): 섹션의 종류입니다. 처음에는 콘텐츠 (Content)가 선택되어 있습니다.
• 목적(선택): 이 섹션이 하는 일을 한 줄로 적는 칸입니다. 카드에는 따로 표시되지 않지만 섹션 정보로 함께 저장됩니다.

2. 섹션 타입 고르기

섹션 타입은 열여섯 가지입니다. 목록은 다음과 같습니다.

• 히어로: 페이지 맨 위에서 가장 먼저 보이는 첫 화면
• 기능 소개, 혜택, 프로세스: 서비스가 하는 일, 고객이 얻는 이점, 진행 단계를 항목으로 나누어 보여 주는 섹션
• 고객 후기, 통계, 갤러리, 팀 소개: 신뢰를 쌓는 근거를 보여 주는 섹션
• 요금제, FAQ: 구매 전 망설임을 덜어 주는 섹션
• 행동 유도, 폼/문의, 연락처: 방문자가 다음 행동을 하도록 이끄는 섹션
• 헤더, 푸터, 콘텐츠: 페이지 위아래의 공통 영역과 일반 본문

어느 타입이 맞을지 애매하면 콘텐츠를 고르세요. 타입은 위의 목록에서만 고를 수 있고, 카드에는 선택한 타입이 영문 대문자 이름표로 표시됩니다.

3. 추가된 섹션 확인하기

섹션 추가를 누르면 창이 닫히고 같은 페이지 탭이 다시 열리며, 목록 맨 아래에 새 카드가 붙습니다. 예시에서는 아홉 번째 카드로 CONTACT 이름표와 "오시는 길과 배송 지역" 제목이 나타났습니다. 새 섹션에는 아직 내용이 없어서 제목 줄만 보이고, 카드에는 직접 편집과 AI 편집 버튼이 이미 있습니다. 내용은 이 두 버튼 중 하나로 채웁니다.

4. 페이지 추가하기

페이지 탭 줄 맨 오른쪽의 점선 + 버튼을 누르면 페이지 추가 창이 열립니다. 맨 위의 AI 추천 버튼은 사이트에 어울리는 페이지를 AI가 제안해 아래 칸을 채워 주는 버튼이고, 직접 적으려면 아래 세 칸을 채우면 됩니다.

• 페이지 이름(필수): 탭과 제목에 쓰이는 이름
• URL Slug(필수): 주소에 들어갈 영문 소문자와 하이픈(-)
• 목적: 이 페이지가 하는 일

추가하면 새 탭이 열리고 위쪽 제목이 사이트 구조 (2개 페이지)로 바뀝니다. 새 페이지에는 입력한 목적이 노란 상자로 보이고, 섹션이 없다는 안내와 섹션 추가 버튼이 있습니다. 여기서 위의 방법으로 섹션을 하나씩 더해 가면 됩니다.

5. 지우기

• 섹션: 섹션 카드 오른쪽 끝의 × 버튼을 누르고 "이 섹션을 삭제하시겠습니까?"에서 확인하면 그 카드가 사라집니다.
• 페이지: 페이지 제목 줄 오른쪽 끝의 휴지통 버튼을 누르고 "이 페이지를 삭제하시겠습니까?"에서 확인하면 그 페이지 탭이 사라지고 첫 페이지 탭이 열립니다. 예시에서는 방금 만든 페이지를 지워 다시 한 페이지로 돌아왔습니다.

6. 이렇게 활용해 보세요

• 페이지를 먼저 정하고, 페이지마다 필요한 섹션을 타입으로 골라 뼈대를 만든 뒤에 내용을 채우세요. 내용 채우기는 직접 편집이나 AI 편집으로 합니다.
• 내용을 채우지 않은 빈 섹션은 제목만 있는 칸으로 남으니, 쓰지 않는다면 지워서 정리하세요.
• 목적 칸에는 이 섹션이 방문자에게 해 줄 일을 한 줄로 적어 두면 나중에 다시 볼 때 의도를 떠올리기 좋습니다.

7. 알아 두실 점

• 섹션과 페이지를 더하고 지우는 일은 AI를 쓰지 않으므로 크레딧이 쓰이지 않습니다. 다만 페이지 추가 창의 AI 추천은 AI를 사용하므로 크레딧이 쓰이며, 필요한 크레딧은 플랜별로 다릅니다.
• 추가와 삭제는 누르는 즉시 저장되며 되돌리는 버튼은 없습니다. 지우기 전에 필요한 내용은 복사해 두세요.
• 이 글의 상호와 문구는 가상의 예시입니다.