섹션 편집·이동·삭제와 리드폼 입력칸

AI가 만든 랜딩 기획은 출발점일 뿐이고, 실제로 쓰려면 문구와 구성을 내 상황에 맞게 다듬어야 합니다. 스피드 랜딩 기획서에서는 섹션을 누르면 편집 창이 열리고, 섹션 안의 항목과 이미지 칸, 리드폼의 입력칸까지 같은 창에서 고칠 수 있습니다. 이 글에서는 항목과 이미지 칸을 편집하는 방법, 리드폼 입력칸을 만드는 방법, 섹션을 옮기고 지우는 방법을 안내합니다. 편집 화면의 전체 구성은 별도 글에서 다룹니다.

1. 섹션 열기

기획서 미리보기에서 고치고 싶은 섹션을 누르면 섹션 이름 — 편집 창이 열립니다. 일반 섹션에는 위에서부터 섹션 유형, 섹션 이름, 헤드라인, 서브 헤드라인, 설명, 항목, CTA 버튼 문구가 차례로 있고, 아래에 이미지 칸 추가 버튼과 추가 옵션이 있습니다. 섹션 이름은 위쪽 흐름 칩과 미리보기의 이름표에 쓰이는 이름이라 섹션 유형과 달라도 됩니다. 이 글의 예시에서는 유형이 진행 방식인 섹션의 이름을 "신청 방법"으로 쓰고 있습니다. 추가 옵션을 펼치면 섹션 목적 칸이 나오며, 안내 문구에는 이 섹션이 방문자에게 해야 할 일을 적어 두라고 되어 있습니다.

2. 항목 늘리고 줄이기

항목은 혜택이나 진행 단계처럼 카드 여러 장으로 보여 줄 내용을 담는 칸입니다. 한 줄에 항목 제목과 항목 설명 입력칸이 있고, 오른쪽 X 모양 버튼을 누르면 그 줄이 지워집니다. 줄을 더하려면 + 항목 추가를 누릅니다. 항목은 한 섹션에 8개까지 넣을 수 있어서, 8줄이 되면 항목 추가 버튼이 사라집니다. 편집 창에서 고친 내용은 적용을 누르기 전까지 기획서에 반영되지 않고, 취소를 누르면 모두 버려집니다. 줄을 늘렸더라도 취소한 뒤 섹션을 다시 열면 원래의 항목 그대로입니다.

3. 이미지 칸 넣기

이 화면에서는 이미지를 직접 올리지 않습니다. 대신 + 이미지 칸 추가를 눌러 어떤 이미지가 들어갈지를 글로 적어 둡니다. 누르면 이미지 칸 입력상자가 생기고, 아래에 "어떤 이미지가 들어갈지 적어 두세요. 실제 이미지는 퍼널체인저에서 이 설명으로 만듭니다(영어로 쓰면 더 정확합니다)."라는 안내가 나옵니다. 칸이 필요 없어졌다면 이미지 칸 빼기를 누르면 됩니다.

설명을 적고 적용을 누르면 미리보기에서 그 섹션 옆에 점선 상자가 생기고 적어 둔 설명이 들어갑니다.

4. 리드폼 입력칸 만들기

리드폼 섹션을 누르면 리드폼 — 편집 창이 열립니다. 다른 섹션과 달리 섹션 유형 칸이 없고, "리드폼은 스피드랜딩에 항상 1개 들어갑니다. 실제 폼은 퍼널체인저에서 만들어집니다."라는 안내가 있습니다. 헤드라인과 설명, 입력칸, 제출 버튼 문구, 개인정보 안내 문구를 고칠 수 있습니다.

입력칸은 한 줄에 이름, 입력 형식, 필수 여부가 있습니다. 입력 형식은 텍스트, 이메일, 전화번호, 긴 텍스트, 선택, 체크박스 여섯 가지 중에서 고릅니다. 받을 정보가 연락처라면 전화번호나 이메일을, 사연처럼 긴 글이라면 긴 텍스트를 고르는 식입니다.

+ 입력칸 추가를 누르면 새 줄이 생깁니다. 새 줄은 필수 체크가 꺼진 채로 추가되고, 이름과 형식을 정한 뒤 적용을 누르면 미리보기의 폼에 반영됩니다. 필수로 지정한 칸은 이름 옆에 별표가 붙고, 입력상자 안에는 고른 형식의 이름이 보입니다. 입력칸은 6개까지 만들 수 있어서 6줄이 되면 추가 버튼이 사라지고, 한 줄만 남으면 그 줄의 지우기 버튼도 사라집니다.

5. 섹션 옮기고 지우기

섹션에 마우스를 올리면 나타나는 도구 줄의 ↓를 누르면 그 섹션이 한 칸 아래로 내려가고 위쪽 흐름 칩의 순서도 함께 바뀌며, 곧바로 저장되었습니다가 표시됩니다. ↑로 다시 올릴 수 있습니다. X 모양 버튼을 누르면 "이 섹션을 삭제할까요?"라는 확인창이 뜨고, 취소하면 섹션이 그대로 남습니다. 리드폼의 도구 줄에는 편집과 ↑, ↓만 있고 삭제 버튼이 없습니다.

6. 이렇게 활용해 보세요

• 항목은 서너 개로 압축하면 한눈에 읽히므로, 내용이 많다면 항목 수를 늘리기보다 섹션을 나누는 방법을 생각해 보세요.
• 이미지 칸의 설명은 영어로 적어 두면 더 정확하다고 화면이 안내합니다. 어떤 장면인지, 글자는 넣지 않는다는 점까지 적어 두세요.
• 리드폼에는 후속 안내에 꼭 필요한 정보만 받도록 입력칸을 정리해 보세요.

7. 알아 두실 점

• 섹션 편집 창의 적용과 이동, 삭제는 누르는 즉시 저장됩니다. 되돌리는 버튼은 따로 없습니다.
• 이 화면에서 이미지가 만들어지거나 실제 폼이 만들어지지는 않습니다. 이미지 칸과 입력칸은 제작 단계에 전달할 기획 내용입니다.
• 각 칸 옆의 AI로 개선 버튼은 AI를 사용하므로 AI 사용 기록이 남고 크레딧이 쓰입니다. 사용법은 별도 글에서 다룹니다.
• 이 글의 상품 이름과 문구는 설명을 위한 가상의 예시입니다.