서비스 이용 가이드
상세페이지 제작 가이드
상품 정보 입력부터 캔버스 편집, AI 수정, 내보내기까지 상세페이지 전 과정을 안내합니다.
상세페이지 생성은 다음 단계로 진행됩니다. 상품 메뉴의 신규 프로젝트 버튼을 통해 이미지를 업로드하고 정보를 기입하면 AI가 상세페이지를 생성합니다. 생성된 상세페이지는 편집할 수 있으며, 원하는 플랫폼 규격에 맞게 다운로드 할 수 있습니다.
1.1.상세페이지 제작 – 상품 정보 입력 및 생성
1.상품명을 입력합니다. 상품명이 없는 경우, 업로드한 이미지와 카테고리를 바탕으로 AI가 상품명을 자동으로 생성합니다.
2.상품의 카테고리를 선택합니다. 상세페이지는 선택한 카테고리를 기반으로 생성되니, 알맞은 카테고리를 선택해 주세요.
3.상품의 성별과 연령을 선택합니다.
4.다음 버튼이 활성화되면 이미지 업로드 화면으로 이동합니다.
*상품명 글자 수 제한: 100자
*상세페이지 생성은 현재 카테고리 대분류 패션 – 의류 및 일부 용품(모자, 신발, 가방) 카테고리에서 선택이 가능합니다.
1.로컬 업로드: 내 컴퓨터에서 파일을 업로드 할 수 있습니다.
2.업로드한 이미지를 미리보기로 확인 할 수 있습니다.
3.AI로 이미지 추가하기: 해당 토글을 ON하면, 업로드한 상품 이미지를 기반으로 AI가 제품컷, 모델컷, 디테일컷 이미지를 제작합니다.
4.이미지 업로드 완료 시 차감 예정 크레딧이 표시되며 생성 버튼이 활성화됩니다. 생성 버튼을 누르면 상세페이지 생성이 시작되며 상품 메뉴로 이동합니다.
*해당 기능은 추가 크레딧이 필요하며, 자세한 내용은 1.2. AI로 이미지 추가하기를 참고해 주세요.
1.상품 메뉴에서 생성중인 상품을 확인할 수 있습니다.
2.상세페이지 생성이 완료되면 상세페이지 인디케이터가 초록색으로 표시됩니다.
1.생성이 완료되면 상품을 클릭하여 상세페이지 편집 화면으로 이동합니다. 편집 화면은 캔버스 형식으로, 생성된 상세페이지를 모듈 별로 확인 할 수 있습니다.
2.캔버스에서 상세페이지를 편집하거나 바로 다운로드 할 수 있습니다.
3.상세페이지 편집에 대한 자세한 내용은 2. 상세페이지 편집을 참고해 주세요.
1.2.상세페이지 제작 – AI 이미지 추가하기
패션 제품의 카테고리, 성별, 연령을 기반으로 모델컷을 생성하고 상세페이지에 추가할 수 있습니다. 모델컷 10장이 생성되며, 상세페이지 제작 시에 생성된 이미지가 같이 배치됩니다.
1.제품 이미지 최소 1장을 업로드 한 후, AI로 이미지 추가하기 토글을 클릭하여 활성화합니다.
2.AI로 이미지 추가하기 기능은 추가 크레딧이 차감됩니다. 제작 버튼이 파란색으로 활성화되면, 최종 차감 예정 크레딧을 확인할 수 있습니다. 생성 버튼을 클릭하면 AI 이미지와 상세페이지가 함께 생성됩니다.
1.상세페이지 생성과 동시에 AI 이미지 생성 결과를 확인할 수 있습니다.
2.생성된 이미지는 상세페이지에 자동 배치되어 하나의 제품 이미지만으로도 상세페이지를 완성할 수 있습니다.
2.1.상세페이지 편집 – 캔버스 화면 소개
생성된 상세페이지를 캔버스에서 편집할 수 있습니다. 텍스트와 이미지를 수정하거나 모듈 순서를 변경해 원하는 상세페이지로 구성할 수 있습니다.
1.좌측 패널: 에셋 패널
2.현재 작업중인 캔버스 내 모듈 영역
3.미니맵
4.우측 패널: 디자인 패널
5.하단 툴바
2.2.상세페이지 편집 – 에셋 패널
1.상품 이미지 탭: 업로드한 상품 이미지를 확인할 수 있습니다. 컷의 종류에 따라 분류되며, 추가 업로드한 이미지와 AI 생성된 이미지도 자동으로 분류됩니다.
2.정보 탭: 상품 메타 정보를 관리하는 영역입니다. 추가 정보를 입력하거나 수정하면 반영 버튼이 파란색으로 활성화됩니다. 반영 버튼을 누르면 상세페이지의 AI 제작 영역을 제외한 텍스트 부분에 기입한 내용이 반영됩니다.
2.3.상세페이지 편집 – 모듈
1.작업하고 싶은 모듈을 모듈 단위별로 하나씩 확인할 수 있습니다.
2.모듈 상단에는 현재 작업 중인 모듈의 순서가 표시됩니다.
3.모듈의 확대 및 축소가 가능합니다.
2.4.상세페이지 편집 – 미니맵
1.미니맵에서 모듈에 마우스를 올리면 삭제, 모듈 복제가 가능합니다.
2.드래그 앤 드롭으로 모듈 순서를 변경할 수 있습니다.
3.미니맵에서 작업하고 싶은 모듈을 선택해 해당 모듈을 캔버스에 띄울 수 있습니다.
2.5.상세페이지 편집 – 우측 패널
1.시안을 여러 개 제작하는 것이 가능하며, 완성된 상세페이지는 내보내기를 통해 다운로드 할 수 있습니다.
2.지정된 썸네일을 확인하고 두 가지 사이즈 중 선택할 수 있습니다.
3.모듈을 선택하면 패널에 컨트롤 탭이 표시되며, 모듈의 사이즈와 배경색을 조절할 수 있습니다.
4.이미지 선택 시 패널에 표시된 컨트롤 탭에서 이미지의 위치와 사이즈를 조절할 수 있습니다.
5.텍스트 선택 시 패널에 표시된 컨트롤 탭에서 텍스트 박스의 위치, 사이즈와 글꼴 스타일을 조절할 수 있습니다.
1.선, 타원, 사각형 요소를 수정할 수 있으며, 수정하고 싶은 요소를 선택하면 해당 요소의 컨트롤 탭이 활성화됩니다.
2.6.상세페이지 편집 – 하단 툴바
1.이동 도구: 기본 선택 도구로, 캔버스 내 개별 오브젝트(이미지, 텍스트 등)를 선택하고 이동할 수 있습니다.
손바닥 도구: 캔버스 전체를 드래그해 화면을 이동하는 도구입니다.
2.텍스트 박스를 추가할 수 있습니다.
3.도형(선, 타원, 사각형)을 추가할 수 있습니다.
4.AI 편집 도구를 통해 콘텐츠 편집을 지원합니다.
*자세한 내용은 AI CHAT으로 수정하기 참고
2.7.상세페이지 편집 – 텍스트 편집
1.캔버스에 띄워진 모듈 내 텍스트를 선택하면 우측 패널의 텍스트 컨트롤 탭이 활성화됩니다.
2.캔버스에서 텍스트 내용을 수정하고, 직접 텍스트 박스 크기를 조정 할 수 있습니다.
2.8.상세페이지 편집 – 이미지 편집
1.이미지 영역을 선택하면 이미지 컨트롤 탭이 활성화됩니다. 이미지의 크기와 위치를 조절할 수 있습니다.
2.9.상세페이지 편집 – 새 시안 만들기
우측 패널의 더보기 버튼을 통해 현재 생성된 상세페이지의 다른 시안을 만들 수 있습니다. 시안마다 템플릿이나 상세페이지 텍스트의 톤을 다르게 설정 할 수 있습니다.
1.해당 버튼으로 새로운 시안을 추가 할 수 있습니다.
2.현재 작업 중인 시안의 이름을 변경할 수 있습니다.
3.현재 작업 중인 시안을 그대로 복제하여 새로운 시안을 생성할 수 있으며, 이름을 변경해서 제작 할 수 있습니다.
4.현재 작업 중인 시안을 삭제하는 버튼입니다.
5.생성된 시안은 시안 목록에서 확인 할 수 있습니다.
1.새 시안 만들기 버튼 클릭 시, 다음 항목을 설정하여 시안을 제작 할 수 있습니다.
2.톤 앤 매너: 상세페이지에 생성되는 문구를 원하는 톤으로 선택할 수 있습니다.
3.상품 노트: 새 시안에 생성되는 상세페이지 텍스트에 반영할 상품 정보를 추가할 수 있습니다.
4.템플릿 선택: 제공되는 템플릿 중 하나를 선택할 수 있습니다.
5.우측 상단의 만들기 버튼을 클릭하면 새로운 시안을 생성합니다.
1.상태 텍스트를 통해 시안 제작 진행 상태를 확인할 수 있습니다.
2.생성이 완료되면 '시안 제작 완료' 로 표시가 변경됩니다. 시안 리스트 최상단에 제작 완료된 시안을 확인할 수 있습니다.
3.해당 시안을 선택하면 캔버스 화면이 생성된 시안으로 전환되어 내용을 확인할 수 있습니다.
2.10.상세페이지 편집 – AI CHAT으로 수정하기
AI 챗을 통해 선택한 텍스트나 이미지 컴포넌트를 수정할 수 있습니다. 수정이 필요한 요소를 선택한 후 원하는 내용을 입력하면 AI가 해당 내용을 반영해 업데이트합니다.
1.하단 툴바에서 AI 수정하기 버튼을 클릭한 후 모듈 내의 텍스트 또는 이미지 중 수정할 요소를 선택합니다. 텍스트나 이미지를 먼저 선택한 뒤, AI 수정하기 버튼을 클릭할 수도 있습니다.
1.모듈 내에서 수정하고 싶은 이미지를 클릭하거나, AI 수정하기 버튼을 누른 후 이미지를 선택합니다. 한 번에 1개의 이미지만 선택 할 수 있습니다.
2.수정하고 싶은 내용을 입력합니다.
3.필요한 경우, 원하는 스타일이나 참고 이미지를 레퍼런스로 첨부할 수 있습니다.
4.내용을 입력한 뒤 제작 버튼을 클릭하면 AI가 이미지를 수정합니다.
1.생성된 이미지가 캔버스에 생성됩니다.
2.제작 결과에서 이전 이미지와 현재 생성된 이미지를 비교할 수 있습니다. 원하는 결과가 아닐 경우 이전 이미지를 선택하면, 모듈 내에 이전 이미지가 유지됩니다.
3.생성된 이미지는 에셋 패널에 자동으로 저장됩니다.
1.모듈 내에서 수정하고 싶은 텍스트를 클릭하거나, AI 수정하기 버튼을 누른 후 텍스트를 선택합니다. 한 번에 1개의 텍스트만 선택할 수 있습니다.
2.수정하고 싶은 내용을 입력합니다.
3.내용을 입력한 뒤 제작 버튼을 클릭하면 AI가 텍스트를 수정합니다.
1.생성된 텍스트가 캔버스에 생성됩니다.
2.제작 결과에서 이전 텍스트와 현재 생성된 텍스트를 비교할 수 있습니다. 원하는 결과가 아닐 경우 이전 텍스트를 선택하면 모듈 내에 이전 텍스트가 유지됩니다.
3.1.상세페이지 내보내기
생성된 상세페이지를 저장할 수 있습니다. 원하는 플랫폼 규격에 맞게 사이즈 저장이 가능합니다.
1.원하는 플랫폼 규격에 맞춰 상세페이지를 다운로드할 수 있습니다. 플랫폼 규격을 선택하거나 사용자 정의 크기로 다운로드할 수 있습니다.
2.제작한 상세페이지를 플랫폼별로 미리 확인할 수 있습니다.
3.전체 상세페이지를 하나의 긴 이미지로 다운로드 할 수 있습니다.
4.파일명 선택 시, 플랫폼 별로 다운로드 될 파일 목록을 미리 확인할 수 있습니다.
5.다운로드 버튼을 클릭하면 선택한 플랫폼별로 압축 파일이 생성되어 다운로드됩니다.