쇼핑몰을 받은 다음,
운영은 여기서 시작하세요.
상품 한 개를 올리는 일부터 메인 배너를 바꾸는 일까지.
자주 쓰는 설정을 GTC의 카페24 작업 구조에 맞춰 정리했습니다.
처음 받은 디자인, 이 순서로 시작하세요
내가 구매한 작업 범위를 먼저 확인하면 준비할 일과 맡길 일을 쉽게 구분할 수 있어요.
| 구분 | 진행 내용 | 확인할 항목 |
|---|---|---|
| 단순복사 | 디자인을 고객님의 카페24 쇼핑몰로 복사해 사용합니다. | 상품·메뉴·배너·문구·운영정보 등 개별 설정은 상품 설명에 포함된 범위를 확인해 주세요. |
| 기본 세팅 / 맞춤 제작 | 협의한 자료와 작업 범위에 따라 GTC가 설정·수정합니다. | 적용 페이지, 상품 등록 수, 수정 횟수, 일정과 납품 범위는 견적·주문 내용을 기준으로 합니다. |
| 추가 변경 / 운영 대행 | 구성 변경, 기능 추가, 지속 관리 등을 별도로 협의합니다. | 작업 전에 가능 여부·비용·일정을 확인해 주세요. |
- 1구매한 디자인명과 적용할 쇼핑몰 ID·언어몰을 확인합니다.
- 2현재 디자인을 복사해 보관하고, 전달받은 디자인을 미리보기로 확인합니다.
- 3상호·고객센터·배송·교환 안내와 상품·메뉴·이미지를 실제 운영 내용으로 바꿉니다.
- 4PC와 실제 휴대폰에서 화면·링크·상품 옵션을 확인합니다.
- 5검수가 끝난 디자인을 해당 쇼핑몰의 대표 디자인으로 설정합니다.
수정 전 보관하고, 적용할 디자인을 확인하세요
운영 중인 디자인을 바로 고치기보다 복사본에서 확인한 뒤 적용하는 것을 권장합니다.
디자인(PC/모바일) → 디자인 보관함
- 1상단에서 작업할 한국어몰·해외몰과 PC/모바일 탭을 먼저 확인합니다.
- 2현재 디자인을 선택하고 복사로 보관본을 만듭니다. 날짜와 작업 목적을 이름에 적어두면 찾기 쉽습니다.
- 3수정할 복사본의 디자인 편집을 엽니다. 보관본과 수정본을 혼동하지 않도록 디자인명을 확인합니다.
- 4미리보기에서 확인한 후 수정본을 선택해 대표 디자인 설정을 진행합니다.
- 5실제 쇼핑몰 주소를 새로 열어 적용된 화면을 확인합니다. 멀티몰은 각 쇼핑몰의 설정을 따로 확인합니다.
완료 확인디자인명 옆에 해당 쇼핑몰의 [대표 디자인] 표시가 있고, 실제 주소에서 원하는 화면이 열립니다.
쇼핑몰 기본정보와 운영 안내
예시 정보가 남지 않도록 실제 사업자·고객센터·배송 정보를 확인합니다.
쇼핑몰 설정 → 기본 설정 → 쇼핑몰 정보 → 내 쇼핑몰 정보
| 항목 | 준비할 내용 |
|---|---|
| 브랜드와 사업자 정보 | 쇼핑몰명, 상호, 대표자, 사업자 정보 등 관리자에서 요구하는 실제 정보 |
| 고객센터 | 연락처, 운영 시간, 점심시간·휴무일, 문의받을 채널 |
| 배송과 교환·반품 | 배송 방법·비용·무료배송 조건, 출고 기준, 반품 주소와 접수 방법 |
| 사이트 정보 | 브라우저 제목, 파비콘, 사이트 소개와 검색에 사용할 기본 설명 |
| 외부 서비스 | 도메인·결제(PG)·인증서·유료 앱은 신청·승인·요금 조건을 각각 확인 |
- 1관리자에 실제 운영 정보를 입력하고 저장합니다.
- 2쇼핑몰 하단, 이용안내와 상품 상세의 배송·교환 안내를 각각 확인합니다.
- 3관리자 정보를 바꿔도 그대로인 문구는 디자인에 직접 작성된 영역인지 파일 위치 안내에서 확인합니다.
완료 확인샘플 상호·연락처·운영 안내가 실제 내용으로 바뀌었고, 푸터와 상품 안내에 서로 다른 내용이 남아 있지 않습니다.
화면과 파일 위치를 알아두세요
상품 정보는 관리자에서, 배너와 직접 작성된 문구는 해당 디자인 파일에서 바꿉니다.
/layout/basic/layout.html/index.html/shopinfo/company.html| 바꾸려는 내용 | 편집 위치 / 방법 |
|---|---|
| 상품명·가격·사진·재고·옵션 | 상품 → 상품목록에서 상품을 열어 수정합니다. |
| 상품 카테고리 이름·노출 | 상품분류 관리에서 변경합니다. 연동 메뉴는 이 설정을 불러옵니다. |
| 메인에 보일 상품 | 상품 → 상품 진열 → 메인 진열 또는 상품 수정 화면의 메인 진열 설정 |
| 공통 헤더·텍스트 로고·푸터 | /layout/basic/layout.html — GTC 현재 샘플 기준 |
| 메인 배너·메인 카피 | /index.html — 이미지 이름이나 현재 문구로 검색 |
| 브랜드 소개 | /shopinfo/company.html |
| 상품 목록 / 상세 / 장바구니 틀 | /product/list.html / /product/detail.html / /order/basket.html — 구조 변경은 사전 문의 권장 |
| 이미지 파일 | 해당 디자인의 SkinImg 폴더 — 다음 장의 파일업로더 안내 확인 |
카테고리와 메뉴를 바꾸는 방법
관리자에 연결된 메뉴는 분류 관리에서 변경하고, 직접 만든 링크는 디자인에서 바꿉니다.
상품 → 분류관리 / 상품관리 → 상품분류 관리
- 1변경할 대분류 또는 하위 분류를 선택합니다.
- 2분류 이름과 표시 상태를 바꿉니다. 상단 메뉴 노출과 분류 페이지 사용을 혼동하지 않도록 설정 설명을 확인합니다.
- 3필요한 상품을 해당 분류에 연결하고 저장합니다.
- 4실제 쇼핑몰에서 메뉴를 눌러 올바른 상품 목록이 열리는지 확인합니다.
완료 확인모든 메뉴명이 실제 판매 상품에 맞고, PC와 모바일에서 각각 올바른 분류로 이동합니다.
상품 등록과 상품 정보 수정
새 상품을 등록한 뒤 상품 상세 화면까지 열어 이름·가격·사진·옵션을 확인합니다.
상품 → 상품등록 / 상품목록 → 상품명 선택
- 1상품명·판매가·옵션·재고를 입력하고, 표시할 상품분류를 연결합니다.
- 2대표 상품 사진을 올립니다. 여러 상품의 이미지 비율을 맞추면 목록이 정돈됩니다.
- 3상품 상세설명과 배송·교환·반품 안내를 실제 상품에 맞게 작성합니다. 모바일 상세설명 설정도 확인합니다.
- 4진열상태와 판매상태를 선택합니다. 판매안함은 품절 표시로 보일 수 있습니다.
- 5하단 상품등록 / 상품수정을 눌러 저장하고 완료 알림을 확인합니다.
- 6실제 상품 페이지에서 옵션 선택·금액 계산·이미지 표시를 확인합니다.
| 사진 영역 | 역할 |
|---|---|
| 대표 상품 이미지 | 상품 목록과 상세에서 사용하는 기본 사진입니다. 대표이미지 방식으로 등록 시 생성되는 여러 크기를 확인하세요. |
| 추가 이미지 | 상세 화면에서 다른 각도·구성을 보여주는 사진입니다. |
| 상세설명 안의 이미지 | 상세설명 편집 영역에 삽입한 안내 이미지입니다. 대표 상품 사진과 별도로 관리합니다. |
완료 확인상품을 다시 열었을 때 입력한 내용이 남아 있고, 고객 화면에서 사진·가격·옵션이 일치합니다.
메인 상품 진열과 표시 항목
상품을 등록한 것과 메인 화면에 선택한 것은 별도 설정입니다.
상품 → 상품 진열 → 메인 진열 / 상품목록 → 메인 진열 수정
- 1메인에서 사용할 진열 영역을 확인합니다. 현재 GTC 샘플의 첫 컬렉션은 추천상품 영역을 사용합니다.
- 2해당 영역에 상품을 추가하고 원하는 순서로 정리합니다.
- 3상품이 진열함 상태이고, 실제 사용하는 분류에 연결되어 있는지 확인합니다.
- 4상품명·가격 등의 노출 항목은 상품 정보 표시 설정의 메인화면·상품목록·상품상세 탭을 각각 확인합니다.
- 5관리자에서 저장한 뒤 실제 메인 화면을 새로 열어 확인합니다.
완료 확인의도한 상품만 올바른 순서로 표시되고 메인·목록·상세의 가격 표기가 운영 방침과 일치합니다.
메인 배너·이미지·문구·링크 교체
현재 파일과 같은 크기·비율의 이미지를 준비한 뒤 한 영역씩 교체합니다.
설담
위의 디자인 선택을 바꾸면 파일 예시도 바뀝니다.

- 1수정할 디자인의 디자인 편집 → 메인화면(index.html)에서 현재 이미지 파일명을 검색합니다. 먼저 수정 전 소스를 보관합니다.
- 2파일업로더에서 해당 디자인의 SkinImg 폴더를 확인해 새 이미지를 업로드합니다. 예:
sde_design → 디자인코드 → SkinImg. 디자인코드는 쇼핑몰마다 다릅니다. - 3같은 파일명으로 교체했다면 경로를 유지합니다. 새 파일명이라면
src의 이미지 경로를 바꿉니다. 파일명은 영문 소문자·숫자·하이픈을 권장합니다. - 4사진 설명인
alt와 주변 제목·소개 문구도 실제 내용에 맞춥니다. 이미지 안에 글씨가 들어간 경우 이미지 자체를 새로 만들어야 합니다. - 5버튼·배너의 이동 주소는
href에서 바꿉니다. 고객님 쇼핑몰의 분류·상품 URL을 사용합니다. - 6디자인 편집의 저장을 누르고, 실제 쇼핑몰에서 이미지와 이동 주소를 확인합니다.
이미지와 링크가 들어가는 모양 보기
구조를 이해하기 위한 예시입니다. 현재 파일의 같은 영역을 찾아 필요한 값만 바꾸세요.
<a href="고객님_쇼핑몰의_분류_URL">
<img src="/SkinImg/새로운-배너.jpg" alt="사진에 대한 설명">
</a>| 항목 | GTC 현재 이미지 예시 | 준비할 때 |
|---|---|---|
| 메인 사진 원본 | 1672 × 941px | 표시 영역에 맞춰 일부가 잘릴 수 있습니다. 중요한 피사체를 가장자리에 두지 마세요. |
| 상품·연출 사진 원본 | 1254 × 1254px | 같은 영역의 비율을 통일하고 필요 이상의 큰 파일은 줄여주세요. |
| 파일 형식 | JPG / PNG 등 해당 업로더가 지원하는 형식 | 사진은 JPG, 투명 배경이 필요한 로고는 PNG 등을 사용합니다. 업로드 화면의 제한을 우선 확인하세요. |
완료 확인PC·휴대폰에서 사진이 깨지지 않고, 글씨와 피사체가 가려지지 않으며 버튼이 올바른 페이지로 이동합니다.
브랜드 소개·게시판·팝업
운영 방식에 맞는 페이지와 게시판만 보여주세요.
| 영역 | 수정 방법 | 확인 |
|---|---|---|
| 브랜드 소개 | GTC 공통 구조는 /shopinfo/company.html의 제목·사진·본문을 변경합니다. | 고객님 브랜드 이야기인지 확인하고 샘플 안내 문구를 실제 소개로 교체합니다. |
| 공지사항·문의·후기 | 관리자의 게시판 메뉴에서 사용할 게시판의 접근·쓰기·표시 설정을 확인합니다. | 디자인에 게시판 링크가 있어야 이동할 수 있습니다. 게시판을 사용한다고 메뉴가 자동 추가되지는 않습니다. |
| 팝업 | 디자인 → 배너/팝업에서 기간·표시 대상을 확인합니다. | 끝난 이벤트는 노출을 중지합니다. 코드·앱으로 만든 팝업은 해당 위치를 별도로 확인합니다. |
| 인스타그램·외부 위젯 | 제공 서비스의 현재 설치 방법과 운영 조건을 확인한 뒤 연동합니다. | 외부 서비스의 동작·계정 승인·유료 여부는 별도입니다. 예전 설치 코드를 그대로 붙이지 마세요. |
완료 확인소개·게시판·팝업의 내용과 링크가 맞고, 기간이 지난 이벤트나 테스트 게시물이 남지 않았습니다.
PC와 모바일 화면 확인
반응형 디자인과 별도 모바일 디자인은 운영 방식이 다릅니다.
| 구분 | 동작 | 확인할 것 |
|---|---|---|
| 반응형 디자인 | 같은 디자인이 화면 너비에 맞춰 배치됩니다. | PC에서 수정한 영역을 휴대폰에서도 확인합니다. 사진 자르기·줄바꿈·버튼 위치가 달라질 수 있습니다. |
| 별도 모바일 디자인 | 모바일용 디자인과 대표 설정을 따로 사용합니다. | PC 파일만 수정하면 모바일에 반영되지 않을 수 있습니다. 모바일 디자인도 따로 확인합니다. |
쇼핑몰 설정 → 사이트 설정 → 사이트 환경 설정 → 쇼핑몰 환경 설정 → 모바일 탭
- 1실제 휴대폰에서 쇼핑몰의 대표 주소를 엽니다. PC 창을 줄여 보는 것만으로 검수를 끝내지 않습니다.
- 2메뉴·검색·배너 문구·상품 사진을 확인합니다. 가로 스크롤이 생기거나 글씨가 잘리지 않는지 봅니다.
- 3상품 옵션과 수량을 선택하고, 장바구니로 이동해 상품명·옵션·금액이 맞는지 확인합니다.
- 4고객센터·게시판·개인정보처리방침 등의 링크를 눌러 정상 이동하는지 확인합니다.
완료 확인PC와 휴대폰에서 같은 브랜드·상품이 보이고, 주요 버튼을 손가락으로 누르기 편하며 가로 화면 넘침이 없습니다.
수정했는데 안 바뀔 때
같은 내용을 반복 저장하기 전에 적용 위치와 저장 결과를 순서대로 확인하세요.
| 증상 | 먼저 확인할 것 |
|---|---|
| 예전 디자인이 보여요 | 작업한 디자인이 해당 언어몰의 대표 디자인인지 확인합니다. 미리보기와 실제 대표 주소를 구분합니다. |
| 이미지가 그대로예요 | 파일업로더의 디자인 폴더·파일명·확장자를 확인합니다. 새로고침 후에도 같으면 새 파일명으로 올리고 연결 경로를 수정해 확인합니다. |
| PC는 바뀌었는데 모바일은 그대로예요 | 별도 모바일 디자인을 사용 중인지 확인합니다. 실제 휴대폰에서 대표 주소로 접속했는지도 확인합니다. |
| 상품이 메인에 없어요 | 진열상태·분류 연결·메인 진열 영역·재고·품절 조건을 확인합니다. |
| 문구를 바꿨는데 다시 예전 내용이에요 | 편집기 화면에서만 바뀐 것은 아닌지, 하단 저장/상품수정을 눌렀는지 확인합니다. 다시 열었을 때 저장 내용이 남아 있는지 봅니다. |
| 화면이 갑자기 깨졌어요 | 마지막으로 바꾼 파일과 변경 내용을 기록합니다. 추가 수정을 멈추고 보관본 미리보기와 비교한 뒤 GTC에 문의합니다. |
| 크롬 일반 창에서만 로그인이 안 돼요 | 다른 브라우저·시크릿 창에서 차이가 있는지 확인합니다. 필요한 경우 해당 사이트의 저장 데이터를 정리한 뒤 다시 로그인합니다. 계정 비밀번호는 문의 메시지에 적지 않습니다. |
오픈 전 체크리스트
직접 확인한 항목을 체크해 두세요. 이 체크는 외부로 전송되지 않습니다.
체크 상태는 가능한 경우 현재 브라우저에만 저장됩니다. 다른 기기에는 공유되지 않습니다.
GTC에 수정·오류 문의하기
구매한 채널 또는 계약 시 안내받은 GTC 상담 채널로 보내주세요.
| 문의 종류 | 접수 기준 |
|---|---|
| 납품 범위의 오류·누락 | 어떤 화면에서 무엇이 다른지, 확인 가능한 주소와 오류 내용을 보내주세요. 납품 범위를 확인해 안내합니다. |
| 문구·이미지·구성 변경 | 바꿀 위치와 최종 자료를 한 번에 정리해 주세요. 수정 횟수·기간·범위는 구매 상품 및 계약 내용을 기준으로 합니다. |
| 새 기능·페이지·운영 대행 | 원하는 동작과 참고 사례를 보내주시면 가능 여부와 추가 범위를 협의합니다. |
| 카페24 서비스·결제·도메인 관련 | 카페24 또는 해당 서비스 제공처의 처리·승인이 필요한 건은 해당 공식 고객센터 안내를 함께 확인합니다. |
복사해서 보내는 문의 양식
[GTC 수정·오류 문의] 쇼핑몰명 / 주소: 구매처 / 주문 식별 정보: 디자인명: PC / 모바일 / 둘 다: 발생 일시: 어느 페이지·영역인가요?: 현재 보이는 내용 / 오류 문구: 원하는 변경 내용: 직전에 수정한 파일·설정: 첨부할 이미지·문구·참고 화면: 희망 일정: ※ 비밀번호·인증번호·카드정보는 적지 마세요. ※ 화면 캡처의 주문·회원 개인정보는 가려주세요. ※ 추가 작업의 범위·비용·일정은 착수 전에 협의합니다.
카페24 공식 도움말
관리자 업데이트나 기능별 상세 설정은 공식 안내를 함께 확인하세요.
작성 기준: 2026.10.30 · 관리자 구성은 버전·권한·서비스 사용 상태에 따라 다를 수 있습니다.