상세페이지 에디터
AI가 만든 상세페이지를 직접 수정하는 GENCY 에디터 사용법입니다. 화면 구성부터 작업 순서, 각 기능으로 가는 길까지 한곳에 모았습니다.
AI가 만들어 준 상세페이지를 내 마음에 쏙 들게 고쳐 볼까요? 사진과 문구를 바꾸고 페이지 순서를 맞추는 일, 모두 GENCY 에디터에서 할 수 있습니다.- 언제 열리나요? 상세페이지가 다 만들어지면 자동으로 이 화면이 열립니다.
- 다시 열고 싶다면?
작업 공간목록에서 언제든 다시 꺼내볼 수 있습니다.
화면 구성
| 번호 | 영역 | 무엇을 하나요 |
|---|---|---|
| 1 | 맨 위 메뉴 | 상품 이름과 저장 상태를 확인합니다. 작업 되돌리기, 화면 크기 조절, [미리보기], [다운로드] 버튼이 모여 있습니다. |
| 2 | 왼쪽 메뉴 | 상세페이지에 넣을 재료를 고르는 곳입니다. 템플릿, 텍스트, 이미지 등 필요한 기능을 여기서 선택합니다. |
| 3 | 작업창 | 왼쪽 메뉴를 누르면 스르륵 열립니다. 선택한 사진이나 글자의 모양, 색상 등을 세밀하게 고칠 수 있습니다. |
| 4 | 편집 화면 | 실제 상세페이지가 그려지는 도화지입니다. 마우스로 끌어서 위치를 옮기거나 글자를 바로 수정합니다. |
| 5 | 페이지 미리보기 | 전체 페이지 흐름을 한눈에 봅니다. 원하는 페이지를 누르면 해당 위치로 바로 이동합니다. |
정보
앞으로 가이드에서 이렇게 부르겠습니다
- 편집 화면 ㅣ 상세페이지를 직접 꾸미는 가운데 넓은 도화지
- 작업창 ㅣ 세부 설정을 바꿀 수 있도록 왼쪽에 열리는 창
- 요소 ㅣ 편집 화면에 올려둔 사진, 글자, 도형 등을 모두 합쳐서 부르는 말
저장은 자동으로 됩니다
저장 버튼을 누르지 않아도 작업이 남습니다. 손을 멈추고 10초가 지나면 저장되고, 계속 작업 중이어도 3분에 한 번은 저장됩니다. 자세한 내용은 저장/버전관리를 보세요.
처음이라면 이 순서로 작업하세요
- 템플릿 — 상품과 어울리는 전체 디자인을 가장 먼저 골라주세요.
- 업로드 — 상세페이지에 쓸 사진들을 미리 다 올려두면 편합니다.
- 텍스트 — 알맞은 내용으로 문구를 수정하고 폰트를 바꿔보세요.
- 페이지 — 불필요한 장은 지우고, 흐름에 맞게 순서를 맞춥니다.
- 요소 — 도형이나 표를 더해 정보를 한눈에 쏙 들어오게 정리합니다.
- 정렬 — 여러 요소를 한 번에 선택해 간격을 맞추면 훨씬 깔끔해집니다.
- 미리보기 및 다운로드 — 완성된 모습을 확인하고 파일로 저장합니다.
경고
잠깐! 템플릿은 무조건 '제일 먼저' 골라주세요
사진과 문구를 다 고친 뒤에 템플릿을 바꾸면 그동안 작업한 내용이 모두 초기화됩니다.
에디터 기능 살펴보기
- 템플릿 ㅣ 전체 디자인 테마를 클릭 한 번으로 바꿉니다. 카테고리별 디자인을 미리보고 고르세요.
- 업로드 ㅣ 내 PC에 있는 사진을 가져오거나 이미 들어간 사진을 교체합니다. AI가 어울리는 자리에 넣어 줍니다.
- 이미지 편집 ㅣ 사진을 원하는 비율로 자르거나 모양대로 오려내고, 밝기와 색감을 보정합니다.
- 텍스트 ㅣ 글자를 입력하고 폰트, 크기, 색상을 바꿉니다. 미리 만들어 둔 글자 모양도 바로 쓸 수 있습니다.
- 요소 ㅣ 도형, 선, 스티커, 표 등 꾸밈 요소를 더해 정보를 한눈에 들어오게 정리합니다.
- 페이지 ㅣ 페이지를 추가 · 삭제하거나 순서를 조정합니다. 최종 다운로드 시 하나의 긴 이미지로 합쳐집니다.
- 하단 여백 맞추기 ㅣ 글이나 사진이 넘치면 페이지가 내용만큼 알아서 늘어납니다. 아래 여백을 숫자로 정할 수도 있습니다.
- 정렬/배치 ㅣ 여러 요소의 간격이나 위치를 깔끔하게 맞춥니다. 하나로 묶어 함께 옮길 수도 있습니다.
- 그룹/오토 레이아웃 ㅣ 여러 개를 하나처럼 묶고, 묶은 것들의 간격을 자동으로 맞춥니다.
- 색상 ㅣ 상세페이지에 쓰인 포인트 컬러를 한 번에 바꿉니다.
- 스타일 복사 ㅣ 공들여 맞춘 모양을 다른 요소에 그대로 입힙니다. 같은 모양을 여러 번 만들 때 씁니다.
- 링크 ㅣ 사진이나 글자에 주소를 걸어 손님이 눌러 이동하게 하고, 유튜브 영상 같은 다른 사이트 화면을 상세페이지 안에 넣습니다.
- 레이어 ㅣ 여러 요소가 겹쳐 있어 원하는 것만 선택하기 어려울 때 목록에서 고릅니다.
- 북마크 ㅣ 자주 쓰는 페이지를 저장해 두고 다른 상세페이지에서 클릭 한 번으로 재활용합니다.
- 보기 설정 ㅣ 눈금자, 격자, 미니맵 등 내게 편한 화면으로 바꿉니다.
- 다크모드 ㅣ 편집 화면 주변을 어둡게 바꿉니다. 상세페이지 결과물은 그대로입니다.
- 메뉴 ㅣ 문구를 찾아 바꾸고, 새로 만들기·언어 설정·단축키를 확인합니다.
- 저장/버전관리 ㅣ 작업 내역이 알아서 저장됩니다. 예전 시점으로 통째로 되돌릴 수도 있습니다.
- 미리보기 ㅣ 쇼핑몰에 어떻게 보일지 손님 입장에서 확인합니다.
- 결과물 다운로드 ㅣ 완성된 상세페이지를 이미지 파일로 저장해 쇼핑몰에 바로 등록합니다.
- 단축키 ㅣ 되돌리기·복사·묶기·확대축소 등 자주 쓰는 단축키를 맥·윈도우로 정리했습니다.