신상품 등록 또는 수정이 필요하신 경우, '업무요청'을 통해 접수해 주세요.
운영자님의 요청을 바탕으로 상품 등록 및 상세페이지 콘텐츠 제작을 함께 진행해드립니다.
카페24 PRO에서는 상품 등록 시, 기본 상세페이지 콘텐츠 제작도 함께 진행해드립니다.
제작은 PRO에서 제공하는 표준 템플릿을 기준으로 작업이 진행됩니다.
아래의 제작 템플릿을 참고해주세요.
상품 상세 페이지 제작이 요청되면, 곧바로 제작이 진행됩니다.
결과물을 확인하는 방법 및 수정을 요청하는 방법은 아래를 참고해 주세요.
상품 등록 요청 내역 확인 : 등록 요청된 상품 목록을 확인합니다.
상세 보기 : 제작된 상품의 상세 설명을 확인합니다.
수정하기 : 필요 시 텍스트,이미지, 섹션 추가 등 수정을 합니다.
수정사항 적용하기 : 수정한 내용을 저장하고 최종 반영합니다.
상품 상세 페이지 콘텐츠 제작은 아래 7개의 템플릿으로 진행되며,
상품 등록 요청 시에 직접 선택하실 수 있습니다.
Clean : 깔끔한 여백과 심플한 구성으로 상품을 돋보이게 하는 테마
Frame : 굵은 프레임으로 상품을 강렬하게 부각시키는 테마
Magazine : 잡지처럼 세련된 편집으로 브랜드 스토리를 전달하는 테마
Basic : 어느 상품에나 어울리는 기본 형태의 정보 중심으로 구성된 테마
Deco : 라인과 포인트 텍스트가 조화를 이루는 시각적 완성도의 디자인 중심 테마
Typography : 패션, 뷰티, 생활용품에 어울리는 타이틀을 강조한 깔끔한 테마
Gallery : 가구, 인테리어, 아트에 어울리는 이미지 중심의 시각적으로 구성된 테마
: 카페24 관리자어드민 로그인 > 카페24 PRO > 업무요청 메뉴
> '상품 등록 요청' 클릭 후 하단 테마별 샘플보기를 통해 상세 확인 가능해요.
PRO로 제작된 상품 상세페이지의 텍스트와 이미지를 직접 수정할 수 있어요.복잡한 코딩 없이 클릭과 드래그만으로 누구나 쉽게 편집할 수 있어요.
[관리자] 카페24 PRO > 업무 요청 > 상품 등록 요청에서 상품 등록 요청 내역으로
이동해 주세요.
제작이 완료된 상품의 [미리보기] 버튼을 눌러 주세요.
새 창으로 상품 상세 에디터가 열려요.
에디터는 크게 4개 영역으로 나뉘어 있어요.
영역 | 설명 |
1. 상단바 | 디바이스 전환(PC / 태블릿 / 모바일), 되돌리기 / 다시 실행, 미리보기, 적용하기 버튼이 있어요. |
2. 좌측 패널 | 새로운 블록(제목·텍스트·이미지·구분선·여백·섹션)을 캔버스에 추가할 수 있어요. |
3. 편집 캔버스 (가운데) | 실제 상세페이지가 표시되는 영역이에요. 요소를 클릭하면 선택, 더블클릭하면 텍스트 편집 모드로 들어가요. |
4. 우측 패널 | 선택한 요소의 글꼴·크기·색상 등 스타일을 편집해요. 요소를 선택해야 표시돼요. |
수정할 텍스트를 더블클릭하면 글자 입력 모드로 전환돼요. 내용을 고친 뒤 다른 곳을 클릭하면 편집이 끝나요.
텍스트 일부를 드래그해서 선택하면 굵게/기울임/밑줄/취소선 버튼이 떠요.
텍스트 요소를 한 번 클릭하면 우측 패널에서 글꼴, 크기, 색상, 정렬 등을 더 자세히 조정할 수 있어요.
아래 3가지 방법 중 편한 것을 쓰세요. 모두 같은 [이미지 교체] 창이 열려요.
이미지를 더블클릭
이미지를 클릭한 후 우측 상단의 [교체] 아이콘 클릭
이미지를 우클릭 > [이미지 교체]
[이미지 교체] 창에서는 사용 중인 이미지 중 선택하거나, + 새 이미지 추가로 내 컴퓨터에서 파일을 업로드할 수 있어요.
이미지를 클릭하면 우측 상단에 파란색 아이콘 3개가 나타나요.
아이콘 | 기능 |
교체 | [이미지 교체] 창을 바로 열어요. |
복사 | 이미지를 복제해 바로 아래에 추가해요. |
삭제 | 이미지를 제거해요. (확인 메시지 표시) |
이미지 가장자리를 잡고 드래그하면 크기를 조절할 수 있어요.
정확한 값으로 맞추려면 우측 패널 [크기]에 너비(W)·높이(H)를 직접 입력하세요. 비율 잠금 버튼으로 가로세로 비율 유지 여부를 켜고 끌 수 있어요.
우측 패널의 위치 버튼으로 영역 안에서 정렬할 수 있고, 테두리, 투명도, 모서리 둥글기도 조정할 수 있어요.
좌측 [콘텐츠 추가]에서 6종류의 블록을 캔버스로 드래그해 추가할 수 있어요.
블록 | 용도 |
제목 | 큰 글씨의 제목 영역 |
텍스트 | 본문 단락 |
이미지 | 이미지 영역. 추가 후 [이미지 교체]로 원하는 이미지를 등록하세요. |
구분선 | 가로 줄로 영역 구분 |
여백 | 위·아래 간격을 띄울 빈 공간 |
섹션 | 여러 요소를 묶을 수 있는 영역 블록 |
드래그 중에는 캔버스에 파란색 라인으로 삽입될 위치가 표시돼요.
상단바 중앙의 [미리보기] 버튼(눈 아이콘)을 누르면 편집 도구가 사라지고 실제 화면처럼 결과를 확인할 수 있어요.
상단바의 디바이스 아이콘(PC / 태블릿 / 모바일)으로 화면 너비를 바꿔서 기기별로 어떻게 보일지 점검해 주세요.
편집을 계속하려면 눈 아이콘을 한 번 더 눌러 주세요.
편집이 끝났다면 우측 상단의 [적용하기] 버튼을 눌러 주세요.
수정한 내용이 실제 쇼핑몰 상품 상세페이지에 반영돼요.
적용하기 전까지 변경 내용은 저장되지 않아요.
편집 도중 창을 닫거나 새로고침하면 작업한 내용이 사라질 수 있어요. 중요한 수정은 중간중간 [적용하기]를 눌러 저장해 주세요.
단축키 | 기능 |
Ctrl + Z | 되돌리기 |
Ctrl + Shift + Z | 다시 실행 |
Ctrl + C | 선택 요소 복사 |
Ctrl + X | 선택 요소 잘라내기 |
Delete | 선택 요소 삭제 |
Esc | 선택 해제 / 텍스트 편집 종료 |
실수로 삭제했어요. 되돌릴 수 있나요?
상단바의 [되돌리기] 버튼이나 단축키 Ctrl + Z로 직전 작업을 취소할 수 있어요.
편집 화면이 갑자기 좁아 보여요.
상단바 디바이스 전환이 태블릿 또는 모바일로 설정돼 있을 수 있어요. PC 아이콘을 눌러 원래 너비로 돌려 주세요.
이미지를 클릭해도 우상단 아이콘이 보이지 않아요.
현재 미리보기 모드일 가능성이 있어요. 미리보기 모드에서는 편집 도구가 모두 숨겨져요. 상단의 눈 아이콘을 한 번 더 눌러 주세요.
저장한 줄 알았는데 쇼핑몰에서는 수정 내용이 안 보여요.
마지막에 [적용하기] 버튼을 눌렀는지 확인해 주세요. 적용하기 전까지는 임시 편집 상태이기 때문에, 새로고침하거나 창을 닫으면 사라져요.
상품 상세페이지 제작 한눈에 이해하기