서비스 이용 가이드
상세페이지 제작하기
상품 정보 입력부터 상세페이지 편집, AI 수정, 내보내기까지 상세페이지 제작의 전 과정을 안내합니다.
상세페이지 제작은 다음 단계로 진행됩니다. 상품 정보를 입력하고 상품 이미지를 업로드하면 AI가 상세페이지를 생성합니다. 생성된 상세페이지는 편집할 수 있으며, 원하는 플랫폼 규격에 맞게 다운로드 할 수 있습니다.
1.1.상세페이지 제작 – 상품 정보 입력 및 생성
1.상품명을 입력합니다.
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.다운로드 버튼을 클릭하면 선택한 플랫폼별로 압축 파일이 생성되어 다운로드됩니다.