📝 마케팅 전문가의 상세페이지

0. 이 도구는 무엇인가요

이 도구는 상품 정보를 입력하면, 판매가 잘 되는 상세페이지를 AI가 자동으로 만들어 주는 프로그램입니다. 광고 문구(카피)를 직접 쓸 줄 몰라도, 디자인 툴을 다룰 줄 몰라도 괜찮습니다. 빈칸을 채우고 버튼만 누르면 됩니다.

구체적으로 이런 것이 한 번에 나옵니다.

• 섹션별 광고 문구 — 첫인상 문구(헤더), 문제 제기, 해결책, 특징, 신뢰 근거, 후기, 자주 묻는 질문 등
• 섹션별 이미지 — 원하는 섹션만 골라서 생성(선택)
• 완성도 자가 평가 점수 — 어디를 더 손볼지 알려 줌
• 완성본 HTML 파일 — 쇼핑몰 에디터에 붙여넣을 수 있는 형태

1. 준비물 체크리스트

이 도구를 쓰려면 API 키가 필요합니다(API 키가 뭔지는 다음 장에서 쉽게 설명합니다). 어떤 키가 필요한지는 무엇을 만들 거냐에 따라 다릅니다.

2. API 키와 비용(BYOK) 이해 — 꼭 읽어 주세요

API 키는 쉽게 말해 "내 AI 계정에 들어가는 비밀 출입증"입니다. 이 도구는 사장님의 출입증(키)을 받아, 사장님 계정의 AI에게 일을 시키는 구조예요.

그래서 비용은 BYOK(Bring Your Own Key) 방식입니다. 이 도구에 따로 내는 이용료가 아니라, AI 회사(Anthropic·OpenAI·Google)가 사장님 카드로, 사장님이 쓴 만큼만 청구합니다. 카피 한 번 뽑으면 몇백 원, 이미지 한 장이면 몇십~몇백 원 수준입니다.

3. Claude API 키 발급 (필수) — 단계별

광고 문구와 전략 분석을 담당하는 키입니다. 이 도구의 심장이라, 반드시 있어야 합니다.

1. console.anthropic.com에 접속해 회원가입합니다(구글 계정 또는 이메일).
2. 이메일 인증 — 가입한 메일함에서 인증 메일의 링크를 클릭합니다.
3. 전화번호 인증 — 휴대폰 번호를 넣고, 문자로 온 숫자 코드를 입력합니다.
4. 왼쪽 메뉴에서 Billing(결제)로 들어가 카드를 등록하고, 소액(예: 5달러)을 충전합니다. BYOK라 충전 잔액에서 사용분이 차감됩니다.
5. 왼쪽 메뉴 API Keys → Create Key(키 만들기)를 누릅니다.
6. 키 이름을 아무거나 적고(예: pagecraft) 생성하면, sk-ant-…로 시작하는 키가 나옵니다.
7. 지금 바로 복사하세요. 이 화면을 닫으면 다시 못 봅니다.
8. 이 도구의 상단 "Claude API 키" 칸에 붙여넣고, 칸 바깥을 한 번 클릭하면 자동 저장됩니다.
9. (권장) Billing의 Usage limits(사용 한도)에서 월 한도를 걸어 두면 안심입니다.

4. OpenAI API 키 발급 (ChatGPT 이미지용) — 단계별

이미지 모델로 ChatGPT(gpt-image-2)를 쓸 때 필요한 키입니다. 나노바나나만 쓸 거면 건너뛰어도 됩니다.

1. platform.openai.com에 접속해 회원가입·로그인합니다.
2. 오른쪽 위 설정(Settings) → Billing(결제)에서 카드를 등록하고 크레딧을 충전합니다(예: 5~10달러).
3. 이미지 생성 모델은 본인(조직) 인증이 필요할 수 있습니다. 설정에 Verify Organization 같은 안내가 보이면 절차에 따라 인증을 마칩니다. (인증 전에는 이미지가 안 만들어질 수 있습니다.)
4. 왼쪽 또는 오른쪽 위 API keys 메뉴 → Create new secret key(새 비밀 키 만들기)를 누릅니다.
5. 이름을 적고 생성하면 sk-…로 시작하는 키가 나옵니다. 한 번만 표시되니 바로 복사하세요.
6. 이 도구의 "OpenAI API 키" 칸에 붙여넣습니다.
7. (권장) Billing의 Limits에서 월 한도를 설정합니다.

5. Google(Gemini) API 키 발급 (나노바나나용) — 단계별

이미지 모델로 나노바나나 2 / 나노바나나 프로를 쓸 때 필요한 키입니다. 나노바나나는 인물·패키지 일관성이 강하고, 무료 티어로 가볍게 시작할 수 있어 부담이 적습니다.

1. aistudio.google.com(구글 AI 스튜디오)에 접속해 구글 계정으로 로그인합니다.
2. 처음 들어가면 이용약관 동의 창이 뜹니다. 체크 후 동의합니다.
3. 왼쪽(또는 화면 아래쪽)의 "Get API key"(API 키 가져오기) 버튼을 클릭합니다.
4. "Create API key"(API 키 만들기)를 누릅니다. 프로젝트를 고르라고 하면, 있으면 선택하고 없으면 새 프로젝트 만들기로 하나 만듭니다(이름은 아무거나).
5. 잠시 뒤 AIza…로 시작하는 키가 만들어집니다. 복사해 안전한 곳에 둡니다.
6. 이 도구의 "Google API 키" 칸에 붙여넣습니다.

6. 키 입력하고 저장 확인하기

이 도구 상단 "🔑 API 키 등록"에 세 칸이 나란히 있습니다. 가진 키를 해당 칸에 붙여넣으세요.

붙여넣은 뒤 칸 바깥을 한 번 클릭하면 브라우저에 자동 저장되어, 다음에 다시 안 넣어도 됩니다.

7. 로그인 / 회원가입

상단 "로그인 / 회원가입" 버튼으로 계정을 만들면 멤버십·이용 기록이 연동됩니다(다른 상세페이지연구소 도구와 같은 계정).

8. 화면 둘러보기

로그인하면 입력 화면이 위에서 아래로 이렇게 이어집니다. 아래 그림의 순서대로 채우면 됩니다.

9. (1) Claude 모델 선택

카피 품질과 1회 비용이 모델마다 다릅니다. 처음엔 기본값으로 충분합니다.

10. (2) 상품 기본 정보 (필수)

제품명과 카테고리 두 가지만 채워도 생성이 됩니다.

• 제품명 — 상세페이지에 보일 상품 이름
• 카테고리 — 식품/농산물, 화장품/뷰티, 패션/잡화, 생활/리빙, 가전/디지털, 유아/육아, 반려동물, 기타 중 선택

11. (3) 상품 상세 11개 항목 (선택 · 채울수록 품질↑)

비워도 되지만, 핵심 몇 개라도 채우면 카피가 훨씬 날카로워집니다. 아래는 "햇살가득 유기농 사과즙"이라는 가상의 상품으로 11칸을 채운 예시입니다. 이렇게 구체적으로 적을수록 결과가 좋아집니다.

⚡ 11개 한 번에 AI로 채우기

"⚡ 한 번에 채우기"를 누르면 기본 정보만으로 AI가 11칸을 자동 추천합니다(약 80원). 채워진 뒤 마음에 안 드는 칸만 고치면 됩니다.

✨ 칸별 개별 추천

각 칸의 "✨ AI 추천"은 그 한 칸만 다시 제안받는 버튼입니다.

📊 입력값 품질 검사

"📊 입력값 품질 검사하기"(약 50원)는 생성 전에 입력이 충분한지 점검해 줍니다. 본 생성 비용을 쓰기 전에 부족한 곳을 보강할 수 있어 유용합니다.

12. (4) 카피 톤 선택

문구 분위기를 정합니다. 자동 추천에 맡기거나 직접 고를 수 있고, 톤 강도는 약함 / 중간 / 강함으로 조절합니다.

🤖 자동 추천😊 친근형💼 전문가형✨ 럭셔리🔥 트렌디🛡️ 신뢰형💖 감성형⚡ 직설형

13. (5) 마스터 이미지 업로드 (선택 · 강력 추천)

결과 품질을 가장 크게 좌우하는 단계입니다. 여기 올린 이미지가 모든 섹션 이미지의 일관성 기준이 됩니다. 같은 제품·같은 글자·같은 모델을 유지하고 배경·구도·조명만 바꿔, 진짜 상세페이지처럼 통일감 있게 나옵니다.

• 상품 메인 이미지 — 누끼 컷(배경을 지운 컷)이나 깨끗한 제품 사진. 색상 분석·제품 설명 추출에 쓰입니다.
• 패키지/박스 이미지 — 한글 글자를 읽어 모든 섹션에 똑같이 적용합니다. 글자가 또렷한 사진을 권합니다.

14. (6) 경쟁사 리뷰 분석 (선택 · 강력 추천)

경쟁사 리뷰를 넣으면 4분면 마케팅 매트릭스로 분석해 차별화 전략과 핵심 카피를 자동으로 끌어냅니다. 방식은 세 가지입니다.

• 리뷰 없이 생성 — 리뷰가 없을 때
• 텍스트 직접 입력 — 한 줄에 하나씩, "별점|리뷰내용" 형식으로 붙여넣기
• 엑셀 업로드 — .xlsx / .xls / .csv 파일을 그대로 올리면, 별점·리뷰 칸을 자동으로 찾아 읽습니다.

15. (7) 생성 실행

입력이 끝나면 맨 아래 "🚀 마케팅 전략 분석 + 상세페이지 생성"을 누릅니다. 예상 비용이 표시되고, 보통 1~2분 걸립니다. 창을 닫지 말고 기다려 주세요.

16. 이미지 모델 3종 선택 & 생성

생성이 끝나면 결과 화면에 이미지 생성 패널이 나옵니다. 여기서 모델을 고르고, 섹션을 체크한 뒤 만듭니다.

1. 이미지 모델 드롭다운에서 원하는 모델을 고릅니다. (고른 모델에 맞는 키가 입력돼 있어야 합니다.)
2. 이미지 크기(세로형 권장)와 품질을 고릅니다.
3. 섹션 카드에서 만들 섹션을 체크합니다. "⭐ 핵심 섹션만 / ✅ 전체 선택" 버튼도 있습니다.
4. 하단의 선택 개수·예상 비용을 확인하고 "🎨 선택한 이미지 생성"을 누릅니다.

16-2. AI 디자인 이미지로 완성 (신규)

결과 화면 상단의 "🎨 AI 디자인 이미지로 완성"을 누르면, 각 섹션을 디자인된 이미지 한 장(글자까지 포함)으로 새로 그려줍니다. 챗GPT 이미지 모델(gpt-image)이 섹션 내용을 분석해 편집 디자인처럼 배치해요. 아래 HTML 미리보기와는 별개의 결과물이며, 스마트스토어·쿠팡 등 이미지 업로드가 편한 쇼핑몰에 바로 쓰기 좋습니다.

패널 위쪽 옵션

• 무드 — 미니멀·프리미엄·모던·감성 등 전체 분위기를 고릅니다.
• 글꼴 느낌 — 이미지 안 글자의 서체 방향입니다. 기본값 "✨ AI 자동 조합"은 섹션 성격에 맞는 서체를 AI가 알아서 골라 조합합니다(후킹=대담한 제목, 표·숫자=깔끔한 고딕 등). 고딕·명조·손글씨·매거진 등 18종을 직접 지정할 수도 있습니다. 단, gpt-image는 폰트 파일을 직접 못 불러오므로 "서체 느낌 유도"이지 업로드한 폰트 그대로는 아닙니다. 최근 개선으로 "AI 자동 조합"은 본문을 Pretendard 계열 고딕으로 통일하고, 헤드라인·숫자 같은 포인트 텍스트만 섹션 성격에 맞춰 다르게 강조합니다(서체가 섹션마다 튀지 않고 전문가가 시스템을 잡은 느낌).
• 타이포 참고 (선택) — 원하는 서체 느낌의 시안 이미지를 올리면 그 서체 스타일(굵기·세리프·자간·대비)을 참고해 디자인합니다(레이아웃·색·구도는 따라 그리지 않음). 옆의 🔎 참고사이트(Pinterest·Behance·Dribbble·노트폴리오) 버튼으로 레퍼런스를 찾아 캡처해 올리면 편합니다. 단, gpt-image 특성상 폰트를 정확히 재현하는 게 아니라 "느낌"까지이며, 여러 서체가 섞인 시안보다 1~2종의 깔끔한 시안이 더 잘 반영됩니다.
• 품질 — 저(약 40원) / 보통(약 140원) / 고(약 340원). 품질은 선명도·디테일만 바꿉니다. 구도·배경 구성·서체 방향은 그대로예요. 저품질은 흐릿하고 작은 글자가 뭉갤 수 있어 "방향 확인용", 고품질은 "최종용"입니다.
• 카피량 — 간결 / 보통 / 풍부 / 원문 그대로(HTML 전체 카피). "원문 그대로"는 Claude 압축 단계를 건너뛰어 카피 비용이 안 나갑니다(대신 글자가 많으면 뭉갤 수 있음).
• 카피 재사용 체크 — 이미지 프롬프트만 바꿔 다시 뽑을 때 켜면, 앞서 뽑은 카피를 재사용해 Claude 카피 비용이 0원이 됩니다.
• 출력 폭 — 스마트스토어(860px) / 쿠팡(780px) / 원본(1024px) / 직접입력. 좁은 폭을 고르면 그 폭에서도 글자가 읽히도록 헤드라인·본문을 크게, 카피를 더 간결하게 자동 조정해 그린 뒤, 저장할 때 그 폭으로 맞춰줍니다. 생성은 1024로 하니 비용은 그대로이고, 큰 이미지를 줄이는 방식이라 화질 저하도 거의 없습니다.
• 섹션마다 제품 이미지(대표 이미지를 참조해 제품을 보여줌) / 컨셉 자유(메시지 장면·그래픽을 자유 생성) 중 하나를 고를 수 있습니다.

생성 & 유지 규칙

• 섹션을 체크하고 "AI 디자인 이미지 생성"을 누릅니다. 예상 비용을 먼저 확인창으로 보여줍니다.
• 생성에 성공한 섹션은 자동으로 체크가 풀리고 "✓ 생성됨"으로 표시됩니다. 그래서 품질만 바꿔 다시 눌러도 이미 만든 이미지는 그대로 유지되고, 새로 고른 섹션만 만들어집니다.
• 실패한 섹션은 빨간 카드에 실패 사유가 표시되고, 아래 "⚠️ 실패한 N개만 다시 생성" 버튼으로 성공분은 그대로 두고 실패분만 다시 만들 수 있습니다.
• 패널을 닫았다 다시 열어도 만든 이미지는 그대로 보입니다. (단, 브라우저 페이지를 새로고침(F5) 하면 사라지니 중요하면 먼저 저장하세요.)

저장 & 편집

• 상세페이지로 이어붙여 저장 — 생성한 섹션 이미지를 세로로 이어붙여 한 장으로 저장합니다.
• 섹션별 전체 저장 (ZIP) — 섹션별 이미지를 ZIP 하나로 묶어 받습니다(01_섹션명.jpg 형식).
• ✏️ 편집(텍스트 레이어) — AI가 그린 이미지 위에 실제 글자를 얹는 편집기입니다. 여기서는 업로드한 폰트가 적용됩니다(🖋 섹션별 폰트에서 올린 폰트). 정확한 폰트가 필요하면 이 레이어를 활용하세요.

17. 카피 다듬기 · 시즌 · A/B 테스트

결과를 그대로 쓰지 않고 더 손볼 수 있습니다.

• ✏️ 카피 다듬기 — 고치고 싶은 문구를 더 강하게/부드럽게/짧게/자세히 등으로 다시 씁니다. 한 번에 3가지 안을 비교해 고릅니다(약 30원).
• 섹션별 재생성 — 특정 섹션 문구만 다시 뽑습니다.
• 시즌 변형 — 공지·프로모션·USP를 설·여름·블프 등 시즌에 맞게 바꿉니다.
• A/B 테스트 — 서로 다른 설득 구조(AIDA·FAB·Cialdini 등)로 비교안을 만듭니다.
• 자가 평가 점수 — 완성도를 점수로 보여 줘, 어디를 보강할지 알려 줍니다.

18. 다운로드 & 쇼핑몰에 올리기

1. 완성본을 HTML 파일로 다운로드합니다.
2. 섹션 이미지도 함께 저장합니다(개별 또는 일괄).
3. 스마트스토어·카페24 등 쇼핑몰 상세페이지 에디터의 HTML 편집 모드에 붙여넣거나, 캡처한 이미지를 순서대로 올립니다.

19. 비용 한눈에 보기

모두 BYOK라 사장님 키로 직접 청구됩니다(모델·분량에 따라 변동되는 대략치).

20. 자주 묻는 질문

21. 문제가 생겼을 때

• 로그인·드래그가 안 될 때 — Chrome(크롬)으로 접속하세요(Whale 호환 이슈).
• "키가 올바르지 않다" — 키 앞뒤 공백·복사 누락을 확인하고, 칸을 제대로 맞췄는지(Claude=sk-ant, OpenAI=sk-, Google=AIza) 보세요.
• 카피 생성이 멈춘 듯할 때 — 1~2분 걸립니다. 너무 길면 새로고침 후 다시 시도하세요.
• ChatGPT 이미지가 안 나올 때 — OpenAI 크레딧과 조직 인증 상태를 확인하세요.
• 나노바나나 이미지가 안 나올 때 — Google 키가 맞는지, 무료 한도를 넘었는지, (프로의 경우) 결제 연결이 됐는지 확인하세요.
• 화면이 옛날 그대로일 때 — Ctrl+Shift+R로 강력 새로고침해 캐시를 비우세요.

22. 결과를 끌어올리는 팁

• 처음엔 Sonnet으로 구조를 잡고, 최종본만 Opus로 뽑으세요.
• 경쟁사 리뷰를 꼭 넣으세요. 불만을 강점으로 뒤집는 카피가 핵심 차별점이 됩니다.
• 마스터 이미지는 누끼 컷 + 선명한 패키지 조합이 가장 안정적입니다.
• 이미지는 일관성=나노바나나, 무난함=ChatGPT로 상황에 맞게 고르세요.
• 카피는 한 번에 끝내지 말고 3안 비교 → 부분 다듬기로 다듬으세요.
• 시즌·행사 전에는 시즌 변형으로 같은 페이지를 재활용하세요.