프리캔버스 AI

사진 몇 장으로 완성하는 HTML 상세페이지 — 판매자용 사용 가이드

freecanvas.ai.kr POINT 01 👆 문구 클릭 → 바로 편집 🌏 7개 언어 번역 · 원문 복원 📦 마켓별 HTML·ZIP 내보내기 생성 → 편집 → 번역 → 마켓 등록까지 한 화면에서

제품 사진만 올리면 진짜 텍스트로 된 HTML 상세페이지가 만들어집니다. 문구는 클릭해서 바로 고치고, 번역과 마켓 등록까지 한 화면에서 끝낼 수 있어요.

이 가이드는 처음 쓰시는 판매자분을 위해 화면 순서 그대로 안내합니다. 키보드 ← / → 또는 스페이스로 넘겨보세요.

시작하기 — 로그인과 홈 화면

Google 계정으로 로그인하면 바로 시작할 수 있어요. 로그인해야 생성과 저장이 가능합니다. 홈에서는 하려는 작업을 카드 3개 중에서 고릅니다.

개념도 프리캔버스 AI Google 로그인 기본 새 상세페이지 만들기 제품 사진과 상품 정보를 넣으면 AI가 상세페이지를 새로 만듭니다 여기부터 시작 프로 기존 상세페이지 편집 쓰던 상세페이지 캡처를 올려 블록 단위로 수정합니다 프로 1688 영상 번역 1688 상품 영상을 찾아 한국어 자막·더빙 쇼츠로 만듭니다 홈 화면 — 하려는 작업 카드를 먼저 고르세요
  • 🆕 새 상세페이지 만들기 — 이 가이드의 기본 흐름이에요. 사진과 정보만 넣으면 됩니다.
  • ✏️ 기존 상세페이지 편집 — 이미 쓰고 있는 상세페이지를 고칠 때 사용해요. (프로 플랜부터)
  • 🎬 1688 영상 번역 — 중국어 상품 영상을 한국어 쇼츠로 바꿔 줍니다. (프로 플랜부터)
처음이라면 「새 상세페이지 만들기」부터 시작해 보세요. 다음 장부터 순서대로 따라 하면 됩니다.

구독 플랜 한눈에 보기

결제 후 바로 사용할 수 있고, 상위 플랜으로 올릴 때는 차액만 결제됩니다

입문

베이직 — 10,000원/월

HTML 상세페이지 생성 · 7개 언어 번역 · 마켓 내보내기까지 기본기 전부. 월 프로젝트 3개, AI 크레딧 하루 50 / 월 400 (1크레딧 = 이미지 1장, 상세페이지 1편 ≈ 5~9크레딧).

대량 작업

맥스 — 100,000원/월

프로 기능 전체 + 프로젝트·AI 크레딧 무제한, 매칭체커 사용 가능. 상품 수가 많거나 여러 브랜드를 운영할 때 가장 유리해요.

결제·관리

공통 안내

프로모션 코드를 결제 화면에서 적용할 수 있어요. 플랜 변경·해지는 프로필 메뉴의 구독 관리에서 언제든 가능합니다.

사용량이 궁금하면 우측 상단 프로필에서 남은 크레딧과 프로젝트 수를 확인할 수 있어요.

상세페이지 만들기 ① — 사진과 정보 입력

개념도 ① 제품 사진 클릭 또는 드래그로 업로드 JPG·JPEG·PNG·WEBP · 최대 10장 · 장당 10MB 정면 컷 디테일 컷 + 추가 컷 (선택) ② 제품 정보 ✨ AI 자동 작성 제품명 산들바람 무선 선풍기 키워드 휴대용 · 저소음 · 3단 풍량 타겟 고객 야외 활동이 많은 2030 제품 설명 확실한 정보 위주로 짧게 적어도 충분해요 입력 화면 개념도 — 실제 화면 구성을 단순화해 그렸습니다
  • 📷 사진은 정면 컷 + 디테일 컷 — 최소 1장이면 되지만, 정면 1장에 디테일 1~2장을 더하면 AI가 섹션을 훨씬 풍부하게 구성해요. 배경이 깔끔할수록 좋습니다.
  • AI 자동 작성 — 버튼 한 번이면 사진을 분석해 제품명·키워드·타겟·설명을 대신 채워 줍니다. 채워진 내용을 살짝만 다듬어 주세요.
  • ✏️ 제품 정보는 짧아도 OK — 확실한 정보만 적을수록 좋아요. AI는 입력한 정보 범위 안에서만 카피를 쓰기 때문에 과장 걱정이 없습니다.

상세페이지 만들기 ② — 생성 방식 선택

개념도 🧾 HTML 상세페이지 NEW 권장 진짜 텍스트 + 텍스트 없는 상품컷 7장 글자 깨짐 없음 · 클릭 편집 · 번역 · 마켓 HTML까지 🖼 이미지 상세페이지 (기존) 글자가 그려진 이미지 13장으로 구성 예전 방식 그대로 쓰고 싶을 때 선택 참고 상세페이지 (선택) 따라 하고 싶은 상세 이미지를 올리면 구조를 참고해요 (최대 10장) 균형 — 구조·분위기 참고 느슨하게 — 느낌만 참고 강하게 — 리듬 가깝게 레이아웃만 — 배치만 따라 「레이아웃만」은 색·폰트·사진을 내 설정대로 유지합니다 브랜드 프리셋 자주 쓰는 브랜드 설정을 저장·재사용 우리 브랜드 A 적용 + 현재 설정을 프리셋으로 저장
  • 🧾 HTML 상세페이지 (기본·권장) — 카피는 전부 진짜 텍스트, 이미지는 글자 없는 상품컷 7장. 글자가 깨질 일이 없고 생성 후 자유롭게 고칠 수 있어요.
  • 🖼️ 이미지 상세페이지 (기존 방식) — 글자가 그려진 이미지 13장으로 만드는 예전 방식도 그대로 선택할 수 있습니다.
  • 📐 참고 상세페이지 — 유사도는 균형·느슨하게·강하게·레이아웃만 4가지. 「레이아웃만」은 배치 구조만 따라 하고 색상·폰트·사진은 내 설정을 유지해요.
  • 🎨 브랜드 프리셋 — 자주 쓰는 브랜드 톤 설정을 저장해 두면 다음 프로젝트에서 한 번에 불러올 수 있어요.
특별한 이유가 없다면 HTML 상세페이지를 추천해요. 이 가이드의 다음 장부터는 HTML 방식 기준으로 설명합니다.

결과 화면 ① — 상세페이지 워크스페이스

생성을 시작하면 상세페이지 탭에 카피가 먼저 나타나고, 이미지는 완성되는 대로 자리에 채워집니다.

개념도 상세페이지 이미지 관리 미리보기 편집 HTML 다운로드 마켓 ZIP HTML 복사 번역 테마 ① 후킹 ② 공감 ③ 솔루션 ④ 특장점 ⑤ 사용 장면 ⑥ 신뢰 ⑦ 스펙/구성 — 표 텍스트 전용 ⑧ FAQ 텍스트 전용 ⑨ 클로징+CTA POINT 01 지금 경험해보세요 🖼 이미지 7장 — 글자 없음 🧾 스펙·FAQ — 텍스트 전용 카피는 모두 진짜 텍스트 왼쪽: 9섹션 구조 · 오른쪽: 상세페이지 탭 미리보기
  • 🗂 탭 구성 — 「상세페이지」 탭이 기본 결과 화면이고, 「이미지 관리」 탭에서는 이미지별 수정 요청과 저장을 할 수 있어요.
  • 🧱 9개 섹션 구성 — 후킹→공감→솔루션→특장점→사용 장면→신뢰→스펙/구성→FAQ→클로징 순서. 스펙과 FAQ는 이미지 없이 텍스트로만 들어갑니다.
  • ⬇️ 상단 버튼 한 줄 — HTML 다운로드 · 마켓 ZIP · 마켓용 HTML 복사 · 번역 · 테마가 모여 있고, 내보내기에서 전체 페이지를 PNG 이미지 한 장으로 저장할 수도 있어요.

결과 화면 ② — 문구는 클릭해서 바로 수정

개념도 미리보기 여름이 두렵지 않은 바람 👆 문구를 클릭하면 바로 편집됩니다 후킹 · 섹션 편집 ✨ AI 다시 쓰기 헤드라인 여름이 두렵지 않은 바람 본문 항목 원래대로 숨김 삭제 ⧉ 섹션 복제 기본 더 짧게 더 감성적으로 더 전문적으로
  • 👆 문구 클릭 → 바로 편집 — 미리보기에서 고치고 싶은 문구를 클릭하면 해당 편집칸으로 바로 이동해요. 고치는 즉시 미리보기에 반영됩니다.
  • AI 다시 쓰기 (톤 4종) — 섹션 단위로 기본 · 더 짧게 · 더 감성적으로 · 더 전문적으로 중 골라 다시 써 달라고 할 수 있어요.
  • 🧩 섹션 추가·이동·삭제 — ↑↓로 순서를 바꾸고, 필요 없는 섹션은 숨기거나 삭제하고, 텍스트 섹션을 새로 추가할 수 있어요. 상품정보제공고시는 항상 맨 마지막에 고정됩니다.
잘못 고쳐도 괜찮아요. 섹션마다 「원래대로」 버튼으로 처음 카피로 되돌릴 수 있습니다.

결과 화면 ③ — 이미지 교체와 스타일

개념도 이미지 도구 — 섹션 이미지마다 🖌 캔버스 편집 🔁 재생성 📷 내 사진으로 교체 jpg·png·webp / 10MB 이하 테마 — 설정 조합 저장 + 현재 강조색·글꼴·크기·간격을 테마로 저장 딥블루 · 깔끔한 기본 적용 로즈 · 감성 카피용 적용 테마는 최대 20개까지 저장할 수 있어요 스타일 컨트롤 — 문서 전체에 즉시 적용 글꼴 · Pretendard ▾ 16px ▾ 간격 · 보통 ▾ 폭 · 쿠팡 780px ▾ 강조색 7종 글꼴 19종 14~18px 좁게/보통/넓게 마켓 규격 5종
  • 🖌 이미지 클릭 → 캔버스 편집 — 미리보기의 이미지를 클릭하면 캔버스 편집기가 열려 글자·도형을 얹거나 보정할 수 있어요.
  • 🔁 재생성 / 내 사진으로 교체 — 마음에 안 드는 컷은 다시 생성하거나, 직접 찍은 사진(jpg·png·webp, 10MB 이하)으로 갈아끼울 수 있어요. 교체 사진은 현재 이미지 크기에 맞춰 잘려 들어가고, 「모델샷 만들기」로 모델이 제품을 들거나 착용한 컷도 만들 수 있습니다.
  • 🎨 스타일 컨트롤 — 강조색 7종(상품 사진에서 색 추출도 가능), 글꼴 19종, 글자 크기 14~18px, 이미지·텍스트 간격(좁게/보통/넓게)을 골라 문서 전체에 즉시 적용돼요.
  • 💾 테마 저장 — 마음에 드는 색·글꼴·크기·간격 조합은 테마로 저장(최대 20개)해 다음 상세페이지에 한 번에 적용하세요.

다국어 번역 — 클릭 한 번으로 7개 언어

개념도 번역 ▾ 영어 일본어 중국어 간체 베트남어 태국어 인도네시아어 스페인어 한국어 여름이 두렵지 않은 바람 무더위 안녕 이미지 속 글자 English A breeze that beats summer Bye, heatwave 이미지 글자까지 번역됨 번역 후 언제든 한국어 원문으로 되돌릴 수 있어요 → 원문 복원
  • 🌏 지원 언어 7종 — 영어 · 일본어 · 중국어 간체 · 베트남어 · 태국어 · 인도네시아어 · 스페인어.
  • 🖼 이미지 속 글자까지 — 문서 텍스트는 물론, 이미지에 새겨진 글자도 함께 번역해 다시 그려 줍니다.
  • ↩️ 원문 복원 — 번역이 끝나도 「원문 복원」 버튼 하나로 언제든 한국어 원문으로 되돌아와요.
번역은 이미지 생성이 모두 끝난 뒤 실행할 수 있고, 전체 번역에는 최대 3분 정도 걸립니다.

마켓에 올리기 — 복사 또는 ZIP 한 번이면 끝

개념도 쿠팡 — 붙여넣기 한 번 ① 마켓용 HTML 복사 HTML 작성 에디터 <div style="…"> 이미지 절대주소 ② Wing → 상세설명 → HTML 작성 탭에 붙여넣기 이미지까지 그대로 표시됩니다 마켓 ZIP 구성 (예: 쿠팡 780px) 📦 coupang-detail.zip 📁 images — 섹션 이미지 PNG 📁 combined — 통이미지 분할본 (세로 4,900px 이하) 📄 detail-page.html — 텍스트+이미지 초안 📄 detail-page-paste.html — 붙여넣기용 HTML 📄 README.txt — 마켓별 사용 안내 스마트스토어 860px 쿠팡 780px 11번가 831px 카페24 1000px 자사몰 1080px 외부 이미지가 막히는 마켓은 combined 분할본을 순서대로 올리세요
  • 📋 쿠팡은 붙여넣기 — 「마켓용 HTML 복사」 후 쿠팡 Wing → 상세설명 → HTML 작성 탭에 붙여넣으면 이미지까지 그대로 표시돼요. (복사는 프로젝트 저장 후 사용 가능)
  • 🧩 이미지 업로드 마켓은 분할 통이미지 — 외부 이미지가 차단되는 마켓(예: 스마트스토어 에디터)은 ZIP 속 combined 폴더의 분할 이미지를 순서대로 올리면 됩니다. 장당 세로 4,900px 이하로 잘라져 있어요.
  • 📦 마켓별 ZIP — 스마트스토어 860 · 쿠팡 780 · 11번가 831 · 카페24 1000 · 자사몰 1080px 규격으로, images + combined + detail-page.html + 붙여넣기용 detail-page-paste.html이 함께 담깁니다.
  • 🎬 쇼츠 영상까지 — 「쇼츠 만들기」로 완성 이미지 3~8장을 이어 세로형 MP4를 만들 수 있어요. 모션 슬라이드를 켜면 일부 장면이 실제로 움직입니다(프로).

기존 상세페이지 편집 — 캡처만 올리면 됩니다

이미 쓰고 있는 상세페이지를 버리지 않고 고치는 기능이에요. (프로 플랜부터)

개념도 1 캡처 업로드 긴 상세 캡처를 올리면 블록으로 자동 분해 2 블록 편집 순서·문구 정리하고 OCR로 글자 지우기·바꾸기 3 AI로 수정 "배경을 밝게"처럼 한국어로 요청 — 구도·크기는 그대로 4 HTML로 보기 HTML 상세페이지로 바꿔 편집·번역·마켓 내보내기 자동저장 + 히스토리 — 언제든 이전 상태로 되돌릴 수 있어요
  • 📤 ① 캡처 업로드 — 긴 상세페이지 캡처를 올리면 이미지·문구 블록으로 자동 정리됩니다.
  • 🧱 ② 블록 편집 — 블록 순서를 바꾸고 문구를 고쳐요. 이미지 속 글자는 OCR로 찾아 지우거나 다른 문구로 바꿀 수 있어요.
  • 🤖 ③ AI로 수정 — 이미지 블록에 "배경을 밝게"처럼 한국어로 요청하면 구도와 크기를 유지한 채 다듬어 줍니다.
  • 🧾 ④ HTML로 보기 — 편집한 블록을 HTML 상세페이지로 바꾸면 앞에서 본 클릭 편집·번역·마켓 내보내기를 그대로 쓸 수 있어요.

1688 영상 번역 — 중국어 영상을 한국어 쇼츠로

1688에서 가져온 상품이라면 상세페이지에 쓸 영상도 한국어로 바꿔서 함께 올려 보세요. (프로 플랜부터)

개념도 🔗 ① 1688 상품 URL 붙여넣기 🎞 ② 영상 후보 선택 🗣 ③ 한국어 자막 + 더빙 자막 ON 더빙 ON SRT·VTT 한국어 자막 ④ 쇼츠 규격으로 저장 9:16 세로 MP4 SRT·VTT 자막 파일 블러 배경 채움 비율이 달라도 잘리지 않고 블러 배경으로 채워집니다
  • 🔗 ① URL 붙여넣기 — 1688 상품 링크를 넣으면 페이지의 영상 후보를 자동으로 찾아 줍니다.
  • 🎞 ② 후보 선택 — 찾은 영상 중 쓸 것을 고릅니다.
  • 🗣 ③ 자막·더빙 — 중국어 음성과 화면 글자를 한국어 자막으로, 필요하면 한국어 더빙까지 입힙니다.
  • 📱 ④ 쇼츠 규격 저장 — 9:16 세로 MP4로 저장돼요(SRT/VTT 자막 파일 포함). 비율이 다른 영상은 블러 배경으로 자연스럽게 채워집니다.
캡차를 줄이기 위해 영상 찾기는 입력한 링크 기준으로만 처리됩니다.

자주 묻는 질문

  • AI 크레딧은 어떻게 계산되나요? — 1크레딧 = 이미지 1장 기준이고, 상세페이지 1편에 약 5~9크레딧이 들어요(이미지 구성 5·7·9장 선택, 기본 7장). 베이직은 하루 50/월 400, 프로는 하루 100/월 800, 맥스는 무제한 크레딧입니다. 월 프로젝트 수는 3개/15개/무제한이고, 남은 크레딧은 프로필 메뉴에서 확인할 수 있어요.
  • 💾 작업은 어디에 저장되나요? — 로그인한 계정으로 자동 저장되고, 작업 내역에서 언제든 불러올 수 있어요. 생성 중 창이 닫혀도 「계속하기」 항목이 있으면 이어서 진행됩니다.
  • 🤝 프로젝트를 다른 사람과 공유할 수 있나요? — 네, 이메일로 공유할 수 있어요. 구독 중인 사용자에게만, 한 명과만 공유할 수 있고 상대방은 「공유받은 프로젝트」에서 확인합니다.
  • 🖼 이미지가 마음에 안 들면? — 섹션 옆 「재생성」으로 다시 만들거나, 「캔버스 편집」으로 직접 다듬거나, 「내 사진으로 교체」로 실사를 넣는 3가지 방법이 있어요. 완료되면 자동 반영됩니다.
  • 🌏 번역했다가 원래대로 돌리려면? — 「원문 복원」 버튼 하나면 됩니다. 참고로 번역은 이미지 생성이 모두 끝난 뒤에 실행할 수 있어요.
  • 📋 「마켓용 HTML 복사」가 눌리지 않아요 — 이미지 절대주소가 필요해서 프로젝트가 저장된 뒤에 사용할 수 있어요. 저장을 먼저 완료해 주세요.

이 순서만 기억하세요

처음부터 끝까지, 상세페이지 하나가 완성되는 흐름입니다

  1. Google 로그인 후 홈에서 「새 상세페이지 만들기」 선택
  2. 제품 사진 업로드(정면+디테일) → AI 자동 작성으로 정보 채우기
  3. 생성 방식은 기본값인 HTML 상세페이지 그대로 생성
  4. 결과 화면에서 문구 클릭 편집 · AI 다시 쓰기 · 이미지 교체로 다듬기
  5. 강조색·글꼴을 정하고 마음에 들면 테마로 저장
  6. 해외 판매라면 7개 언어 번역 (언제든 원문 복원 가능)
  7. 마켓용 HTML 복사 또는 마켓 ZIP으로 각 마켓에 등록
막히는 부분이 있으면 서비스 화면의 「사용법」 버튼과 「고객센터 문의」를 이용해 주세요. 구독 변경·해지는 「구독 관리」에서 언제든 가능합니다.
1 / 14