편집 마스터하기

상세페이지 편집을 마스터하기 위한 에디봇의 유용한 기능들을 소개합니다.

1. 텍스트

에디봇 '텍스트' 기능으로 캔버스에 원하는 문구를 직접 입력해서 추가할 수 있어요.

제목/부제목/본문 텍스트를 폰트를 사용해서 추가할 수 있어요.
텍스트 프레임을 HTML 형식으로 추가할 수 있어요.
'텍스트 편집' 기능은 상세페이지에 입력된 텍스트를 한 번에 모아보고 바로 수정할 수 있는 기능이에요. 캔버스에서 마우스를 여러 번 클릭하지 않아도 쉽게 수정할 수 있어요.

2. 이미지

에디봇 '이미지' 기능으로 이미지를 업로드 하거나 불러와서 캔버스에 추가할 수 있어요.

'업로드' 기능을 통해 상품 이미지를 업로드 할 수 있어요.
'불러오기' 기능을 통해 이미 등록 되어있는 상품별로 이미지를 불러올 수 있어요.
'보관함' 에 있는 이미지는 사용자가 몰 단위로 저장하는 이미지가 모두 노출되는 탭이에요. 상품 최초 등록 후 부터 업로드된 모든 이미지들이 노출되고 모든 상품에 반복해서 사용이 가능해요.
하단의 '이미지 분류' 탭에서 업로드 된 이미지를 모델 이미지/ 색상 이미지/ 상세 이미지로 구분할 수 있어요.
이미지 업로드 시에는 사이즈, 용량, 확장자에 대한 제약사항이 있어요. 링크를 참고해서 업로드를 진행해 주세요.

Note

‘이미지 분류’ 활용하기

'색상 이미지' 로 분류된 이미지와 색상이 '색상' 프레임에서 상품의 옵션 색상으로 등록돼요.
원하는 이미지가 '색상 이미지'로 분류되지 않은 경우, 해당 이미지를 드래그해서 추가할 수 있어요.
색상 이미지'에 이미지를 추가하면, 해당 이미지의 컬러칩 색상이 에디봇이 분석한 색상값으로 자동 등록돼요.
컬러칩 클릭 시, 컬러 설정 창이 표시되고 원하는 색상 값으로 수정할 수 있어요.
원하는 색상을 대표 색상으로 지정하면 '색상' 프레임에서 '대표 색상' 프레임을 적용할 수 있어요.

Note

‘다시 적용' 기능 알아보기

이미지를 추가하거나 '이미지 분류' 탭에서 이미지를 재설정한 경우 '다시 적용'기능을 활용할 수 있어요.
색상 프레임을 다시 적용하는 경우: 캔버스에 추가된 모든 색상 프레임에 색상 이미지를 다시 적용해요.
템플릿 전체를 다시 적용하는 경우: 현재 템플릿을 기준으로 이미지 전체를 다시 적용해요.

3. 프레임

에디봇 '프레임' 기능으로 이미지를 내가 원하는 프레임에 맞게 구성하여 캔버스에 추가할 수 있어요.

프레임 라이브러리는 기본/ 디자인/ 내 프레임으로 구성되어 있어요.
'기본 프레임'은 단의 개수에 따라 1단,2단,3단 프레임으로 분류돼요.
'디자인 프레임'은 텍스트 프레임과 스타일 프레임 그리고 임팩트 프레임으로 구성되어 있어요.
자주 쓰는 프레임은 하트 버튼을 눌러 즐겨찾기에 추가할 수 있어요.

4. 색상 프레임

에디봇 '색상' 기능으로 상품의 색상 옵션 구성을 캔버스에 추가할 수 있어요.

색상 라이브러리는 '기본 색상' 과 '대표 색상'으로 구성되어 있어요.
'대표 색상'은 '이미지 분류' 화면에서 색상 이미지 중 대표 색상으로 선택된 색상 이미지예요.
'기본 색상'은 '이미지 분류' 화면에서 분류된 전체 색상 이미지예요.

Note

색상 프레임 이용 시 유의 사항

색상 프레임은 '이미지' '이미지 분류' 탭에서 분류된 색상 이미지가 있어야만 자동으로 등록돼요.
색상 프레임에 적용하고 싶다면 이미지를 업로드하고 '이미지 분류' 탭에서 색상 이미지를 추가해 주세요.
분류된 색상 이미지가 없는 경우, 빈 색상 프레임으로 노출돼요.
빈 색상 프레임에 별도로 이미지를 추가하여 색상 등록은 불가능하니 '이미지 분류' 탭에서 색상 이미지를 먼저 등록해 주세요.

5. 스티커

에디봇 '스티커' 기능으로 원하는 이미지나 프레임 위에 원하는 요소를 추가할 수 있어요.

스티커 라이브러리는 그래픽/ 텍스트/ 이미지로 구성되어 있어요.
'그래픽' 에는 다양한 도형들을 활용할 수 있는 스티커가 제공돼요.
'텍스트'에는 다양한 스타일의 텍스트 스티커가 제공돼요.
'이미지'에는 모양을 지정해서 이미지를 추가할 수 있고 부분 흐림 스티커를 통해 블러 처리가 가능해요.
자주 쓰는 스티커는 하트 버튼을 눌러 즐겨찾기에 추가할 수 있어요.

6. 구분선

에디봇 '구분선' 기능으로 상세페이지의 영역을 구분할 수 있어요.

구분선 삽입 후, 상단 툴바에서 '선타입'을 선택할 수 있어요.
구분선의 크기와 색을 설정하고 정렬을 지정할 수 있어요.

7. 링크

캔버스에 링크를 추가해서 인스타그램 혹은 유튜브 영상을 노출할 수 있어요.

링크 버튼을 누르면 캔버스에 링크창이 형성되고 원하는 링크를 추가할 수 있어요.
복사한 인스타그램 피드 링크를 입력하면 캔버스에 바로 피드가 노출돼요.
피드 길이에 따라 일부 내용이 잘리거나 여백이 발생할 수 있으니, 상단에서 적절한 세로 값을 지정해주세요.
영상의 경우, Youtube, Vimeo, Dailymotion의 동영상과 mp4와 webm 확장자를 지원해요.
서버에 업로드한 동영상의 주소를 붙여넣기 해 간단하게 동영상을 추가할 수 있어요.
영상의 경우 재생 옵션을 '음소거/자동재생/반복재생/재생바표시' 중에 선택할 수 있어요.

8. HTML

캔버스에 직접 HTML 태그를 입력하여 다양한 디자인 요소를 추가할 수 있어요.

상세 페이지의 원하는 영역에 HTML 태그를 입력해서 에디봇에서 제공하는 요소 외에 기존에 사용하던 콘텐츠들을 자유롭게 활용할 수 있어요.
HTML 태그로 구성된 디자인 소스 중 일부 영역만 에디봇 콘텐츠와 합쳐서 사용할 수 있어요.
다른 서비스에서 제공하는 기능(인스타그램, 리뷰 등)을 상세 페이지에 추가할 수 있어요.

Note

에디봇에서 사용 가능한 태그 및 속성은 정해져 있으니 링크를 통해 확인해 주세요.

9. 사이즈

에디봇의 '사이즈' 는 '에디봇 핏' 기능이에요. '에디봇 핏'을 통해 상품정보 (사이즈,착용감,세탁정보 등) 영역을 추가할 수 있어요.

사이즈 기능을 클릭하면 캔버스 영역에 '상품정보 편집' 버튼이 생기고 '에디봇 핏'을 통해 상품 정보를 편집할 수 있어요.
이미 추가가 되어있다면 캔버스 상단에 '상품정보 편집' 버튼이 노출돼요.

Info

'에디봇 핏'에서 상품정보 편집하기

'상품정보 편집'을 클릭하면 에디봇 핏에서 템플릿/디자인/국가/순서를 변경할 수 있어요.
템플릿 변경: 자주 올리는 카테고리 상품 정보로 '템플릿'을 등록해두고 사용할 수 있어요.
디자인 변경: 테이블의 '디자인'을 선택할 수 있어요. PC와 모바일 디자인을 동일하게 적용할지도 선택할 수 있어요.
국가별 번역: 멀티몰이 등록되어 있다면 해당 국가의 언어로 자동 번역할 수 있어요.
단, 사이즈표 항목 중 '제조사'와 'AS정보 및 담당자'는 운영자가 직접 입력하는 부분으로 번역에서 제외돼요.
순서 변경: 노출할 상품 정보를 '착용정보/ 상세정보/ 사이즈정보/ 텍스트' 중에 선택해서 제거하거나 추가할 수 있어요. 원하는 순서로 배치가 가능해요.
상품 정보를 추가로 넣고 싶다면, '순서 변경' 탭에서 원하는 정보를 선택하여 추가할 수 있어요.
테이블에서 필요 없는 부분은 마우스 오버하면 'X' 표시가 생기고 행/열 단위로 제거가 가능해요.
행/열 사이에 마우스 오버하면 '+' 표시가 생기고 원하는 행/열을 추가할 수 있어요.

10. 썸네일

에디봇의 '썸네일'은 '에디봇 배너' 기능이에요. 상품의 대표 및 추가 이미지를 편집할 수 있어요.

'썸네일' 클릭 시 좌측에 미리보기 영역이 보여지며, 최초에는 업로드한 이미지 중에서 자동으로 대표 이미지가 설정돼요.
'이미지 교체' 버튼 클릭시, 업로드한 상품 이미지들이 나타나고 마우스로 끌어서 대표 및 추가 이미지 설정이 가능해요.
'썸네일 편집' 버튼 클릭시, 에디봇 배너로 이동해 이미지를 편집할 수 있어요.

Info

'에디봇 배너'에서 썸네일 편집하기

캔버스 상단에서 대표 이미지와 추가 이미지를 선택해서 이동할 수 있어요.
이미지를 직접 클릭해서 순서와 위치를 정렬하고 크기를 변경할 수 있어요.
이미지를 직접 클릭해서 회전 각도와 불투명도를 지정할 수 있고 외곽선을 삽입하고 이미지 보정 기능도 제공해요.
템플릿을 적용해서 썸네일을 편집하거나, 나만의 템플릿을 설정해서 반복적으로 사용할 수 있어요.
텍스트와 그래픽 스티커를 추가해서 썸네일을 편집할 수 있어요.
색상 이미지로 분류된 색상 값들을 컬러칩으로 적용해서 썸네일에 추가할 수 있어요.
이미지의 레이아웃을 지정해서 여러 사진을 함께 노출시킬 수 있어요.
대표이미지는 최초 등록 이후, '에디봇 썸네일'에서 수정 가능하지만, 추가이미지의 수정 혹은 삭제를 원하는 경우 '상품 수정 화면 > 이미지 정보 탭' 에서 수정하거나 삭제해야 해요.

11. 임팩트

상세페이지의 텍스트, 이미지와 같은 요소에 애니메이션을 입힐 수 있는 기능이에요.

'제공 템플릿'에서 별표가 들어간 템플릿을 선택하면 임팩트가 들어간 프레임으로 구성된 템플릿을 확인할 수 있어요.
'프레임' > '디자인' 탭에서 별표가 들어간 프레임을 선택하면 임팩트가 들어간 프레임을 확인할 수 있어요.
별도로 추가한 스티커나 텍스트에 직접 임팩트를 적용할 수 있어요.

Note

'임팩트' 기능 이용 시 유의사항

오픈 마켓 상세페이지의 경우, 애니메이션을 제거한 이미지로 적용되고 있어요. 오픈 마켓으로 상품 전송 시, 임팩트 효과는 같이 연동되지 않아요.

12. 멀티몰 설정하기

에디봇의 자동 번역 기능으로 멀티몰 언어에 맞게 상세페이지를 번역할 수 있어요.

에디봇 좌측 하단에 톱니바퀴 버튼을 눌러 '설정 > 번역' 탭에서 멀티몰 별 번역 언어를 선택할 수 있어요.
캔버스 상단의 국기 버튼을 누르면 '국기 이미지 + 멀티몰명 + 번역 언어'가 적힌 창이 노출돼요.
언어 선택 시, 멀티몰의 상품 상세페이지로 이동해서 멀티몰 별 언어로 자동 번역이 진행돼요.
텍스트가 미번역 상태이거나 번역이 어색한 부분은 사용자가 수동으로 변경할 수 있어요.

Note

번역 기능 사용 시 주의 사항

멀티몰 번역 기능 사용시, 텍스트 프레임(HTML)을 이용해서 입력한 텍스트에 적용된 서식은 모두 초기화 돼요.
텍스트 크기를 유지하고 싶다면 '텍스트 스티커' 기능을 사용해야 해요.
단, '텍스트 스티커'를 이용해서 작성한 텍스트의 일부에만 부분 서식을 적용한 경우 기본몰에는 부분 서식도 적용이 되지만 멀티몰에는 적용되지 않아요.
특정 멀티몰에서 작업 내용을 수정할 경우, 전체 멀티몰에는 변경 내용이 자동으로 반영되지 않아요.
멀티몰 상태에서 캔버스를 한번 클릭시 알럿창이 노출되고, 이후에 수정시 기본 쇼핑몰(한국어 쇼핑몰) 과의 연결이 끊어지고 이후에는 개별로 편집해야 해요.
생성된 멀티몰이 없을 경우, 기본몰 외에는 선택이 불가능해요.