테마 (색상 · 폰트 · 폭)
제품 정보 (공통 문구)
이미지 보관함
블록 (위에서 아래 순서)
새 프로젝트
[ ] 자리표시자이니 실제 근거 자료로 바꿔 주세요.확인
사용 방법
1. 테마 — 배경 3색(라이트·틴트·메인), 포인트색, 글자색, 형광펜색을 정합니다. 프리셋 6종이 있고, 각 색은 직접 바꿀 수 있습니다.
2. 블록 — 왼쪽 목록에서 블록을 고르면 가운데에 편집 폼이 열립니다. 순서 이동(▲▼), 숨김(눈), 복제, 삭제가 가능하고 아래 선택창에서 16종 블록을 추가합니다.
3. 이미지 — 이미지 보관함에 올린 뒤 각 블록의 이미지 칸에서 선택합니다. 1800px 이하로 자동 축소되어 저장됩니다.
4. 텍스트 서식 — **굵게**, ==형광펜==, [[포인트색]], 줄바꿈은 Enter.
5. 내보내기 — 블록마다 한 장씩 PNG/JPG로 저장되며 ZIP으로 한 번에 받습니다. 파일명은 순서대로 01_, 02_… 가 붙어 그대로 올리면 됩니다.
6. 움직이는 블록 — 훅 숫자 · 수치 요약 · 임상 그래프는 숫자가 0부터 차오르고, 번호 카드 · 3칼럼 카드 · 카드 리스트는 항목이 순서대로 나타나는 GIF로 저장됩니다(블록 편집 폼의 "GIF 애니메이션" 체크). 촬영 영상은 캡컷 등에서 GIF/MP4로 만든 뒤 GIF · 영상 그대로 삽입 블록에 올리면 ZIP에 원본 그대로 들어갑니다. GIF는 900px 폭으로 만들면 정지 이미지와 폭이 맞습니다.
7. 다른 제품에 재사용 — 프로젝트 ▾ → 복제 후 테마·이미지·카피만 바꾸면 됩니다. JSON 백업은 이미지까지 포함하므로 다른 계정으로 옮길 때 쓰세요.
8. 저장 — 로그인하면 프로젝트는 계정에, 이미지는 내 보관함에 저장됩니다. 로그인하지 않으면 이 브라우저에만 임시 보관됩니다.
이 도구 소개
상세페이지 빌더는 상품 상세페이지를 블록 단위로 조립하는 도구입니다. 훅(대표 수치·뱃지), 제품 소개, 고민 카드, 번호 카드, 성분 설명, 수치 요약, 임상 증명(전후 사진+그래프), STEP 사용법, HOW TO USE, Q&A, 가격표, 라인업, 브랜드 엔딩 등 16종 블록이 있고, 테마 색 9가지와 폰트, 페이지 폭(스마트스토어 860·자사몰 900·쿠팡 780px)을 바꾸면 모든 블록에 즉시 반영됩니다.
내보내기는 블록마다 한 장씩 PNG 또는 JPG로 만들어 ZIP으로 받습니다. 파일명에 01_, 02_ 순번이 붙어 그대로 올리면 됩니다. 숫자 카운트업·순차 등장 블록은 GIF로 저장할 수 있고, 촬영한 GIF/MP4는 원본 그대로 넣을 수 있습니다. 클렌저·핸드크림·세럼·선케어 4종 프리셋에는 블록 구성과 예시 카피가 들어 있습니다(수치·기관명은 자리표시자이니 실제 근거로 바꿔 주세요).
사용법
- "새 프로젝트"에서 이름·제품 유형 프리셋·테마를 고릅니다.
- 왼쪽 이미지 보관함에 제품 컷·모델 컷을 올리고, 각 블록의 이미지 칸에서 선택합니다(누끼 PNG는 제품 칸에 가장 잘 맞습니다).
- 블록을 고르면 가운데 편집 폼이 열립니다. 서식은 **굵게**, ==형광펜==, [[포인트색]], Enter 줄바꿈.
- 오른쪽 미리보기로 확인한 뒤 "내보내기 ▾ → 전체 블록 ZIP"으로 받습니다.
실무 팁
- 다른 제품은 "프로젝트 ▾ → 복제" 후 테마·이미지·카피만 바꾸면 됩니다.
- 로그인하면 프로젝트는 계정에, 이미지는 내 보관함에 저장되어 다른 기기에서도 이어서 작업할 수 있습니다. 로그인하지 않으면 이 브라우저에만 임시 보관되니 JSON 백업을 받아 두세요.
- GIF는 900px 폭으로 만들면 정지 이미지와 폭이 맞습니다.
자주 묻는 질문
- 내보낸 이미지 해상도는 어떻게 되나요?
- 기본 2배(900px 폭 기준 1800px)로 저장되어 고해상도 화면에서도 선명합니다. 용량이 부담되면 1배 또는 JPG를 선택하세요.
- 블록을 직접 디자인할 수 있나요?
- 블록의 구조는 고정이고 색·폰트·문구·이미지·레이아웃 옵션을 바꾸는 방식입니다. 필요한 블록 유형이 있으면 문의해 주세요.
- 이미지는 어디에 저장되나요?
- 로그인 상태에서 올린 이미지는 내 보관함(계정 전용, 200MB)에 저장되고 본인만 접근할 수 있습니다.