GTCSTUDIO
CUSTOMER GUIDE
CAFE24 · SMARTDESIGN PRO
YOUR STORE, YOUR NEXT STEP.

쇼핑몰을 받은 다음,
운영은 여기서 시작하세요.

상품 한 개를 올리는 일부터 메인 배너를 바꾸는 일까지.
자주 쓰는 설정을 GTC의 카페24 작업 구조에 맞춰 정리했습니다.

고객용 공통 안내
01

처음 받은 디자인, 이 순서로 시작하세요

내가 구매한 작업 범위를 먼저 확인하면 준비할 일과 맡길 일을 쉽게 구분할 수 있어요.

구분진행 내용확인할 항목
단순복사디자인을 고객님의 카페24 쇼핑몰로 복사해 사용합니다.상품·메뉴·배너·문구·운영정보 등 개별 설정은 상품 설명에 포함된 범위를 확인해 주세요.
기본 세팅 / 맞춤 제작협의한 자료와 작업 범위에 따라 GTC가 설정·수정합니다.적용 페이지, 상품 등록 수, 수정 횟수, 일정과 납품 범위는 견적·주문 내용을 기준으로 합니다.
추가 변경 / 운영 대행구성 변경, 기능 추가, 지속 관리 등을 별도로 협의합니다.작업 전에 가능 여부·비용·일정을 확인해 주세요.
  1. 1
    구매한 디자인명과 적용할 쇼핑몰 ID·언어몰을 확인합니다.
  2. 2
    현재 디자인을 복사해 보관하고, 전달받은 디자인을 미리보기로 확인합니다.
  3. 3
    상호·고객센터·배송·교환 안내와 상품·메뉴·이미지를 실제 운영 내용으로 바꿉니다.
  4. 4
    PC와 실제 휴대폰에서 화면·링크·상품 옵션을 확인합니다.
  5. 5
    검수가 끝난 디자인을 해당 쇼핑몰의 대표 디자인으로 설정합니다.
02

수정 전 보관하고, 적용할 디자인을 확인하세요

운영 중인 디자인을 바로 고치기보다 복사본에서 확인한 뒤 적용하는 것을 권장합니다.

디자인(PC/모바일) → 디자인 보관함

  1. 1
    상단에서 작업할 한국어몰·해외몰과 PC/모바일 탭을 먼저 확인합니다.
  2. 2
    현재 디자인을 선택하고 복사로 보관본을 만듭니다. 날짜와 작업 목적을 이름에 적어두면 찾기 쉽습니다.
  3. 3
    수정할 복사본의 디자인 편집을 엽니다. 보관본과 수정본을 혼동하지 않도록 디자인명을 확인합니다.
  4. 4
    미리보기에서 확인한 후 수정본을 선택해 대표 디자인 설정을 진행합니다.
  5. 5
    실제 쇼핑몰 주소를 새로 열어 적용된 화면을 확인합니다. 멀티몰은 각 쇼핑몰의 설정을 따로 확인합니다.

완료 확인디자인명 옆에 해당 쇼핑몰의 [대표 디자인] 표시가 있고, 실제 주소에서 원하는 화면이 열립니다.

03

쇼핑몰 기본정보와 운영 안내

예시 정보가 남지 않도록 실제 사업자·고객센터·배송 정보를 확인합니다.

쇼핑몰 설정 → 기본 설정 → 쇼핑몰 정보 → 내 쇼핑몰 정보

항목준비할 내용
브랜드와 사업자 정보쇼핑몰명, 상호, 대표자, 사업자 정보 등 관리자에서 요구하는 실제 정보
고객센터연락처, 운영 시간, 점심시간·휴무일, 문의받을 채널
배송과 교환·반품배송 방법·비용·무료배송 조건, 출고 기준, 반품 주소와 접수 방법
사이트 정보브라우저 제목, 파비콘, 사이트 소개와 검색에 사용할 기본 설명
외부 서비스도메인·결제(PG)·인증서·유료 앱은 신청·승인·요금 조건을 각각 확인
  1. 1
    관리자에 실제 운영 정보를 입력하고 저장합니다.
  2. 2
    쇼핑몰 하단, 이용안내와 상품 상세의 배송·교환 안내를 각각 확인합니다.
  3. 3
    관리자 정보를 바꿔도 그대로인 문구는 디자인에 직접 작성된 영역인지 파일 위치 안내에서 확인합니다.

완료 확인샘플 상호·연락처·운영 안내가 실제 내용으로 바뀌었고, 푸터와 상품 안내에 서로 다른 내용이 남아 있지 않습니다.

04

화면과 파일 위치를 알아두세요

상품 정보는 관리자에서, 배너와 직접 작성된 문구는 해당 디자인 파일에서 바꿉니다.

상단 로고 · 공통 메뉴 · 하단/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 폴더 — 다음 장의 파일업로더 안내 확인
05

카테고리와 메뉴를 바꾸는 방법

관리자에 연결된 메뉴는 분류 관리에서 변경하고, 직접 만든 링크는 디자인에서 바꿉니다.

상품 → 분류관리 / 상품관리 → 상품분류 관리

  1. 1
    변경할 대분류 또는 하위 분류를 선택합니다.
  2. 2
    분류 이름과 표시 상태를 바꿉니다. 상단 메뉴 노출과 분류 페이지 사용을 혼동하지 않도록 설정 설명을 확인합니다.
  3. 3
    필요한 상품을 해당 분류에 연결하고 저장합니다.
  4. 4
    실제 쇼핑몰에서 메뉴를 눌러 올바른 상품 목록이 열리는지 확인합니다.

완료 확인모든 메뉴명이 실제 판매 상품에 맞고, PC와 모바일에서 각각 올바른 분류로 이동합니다.

06

상품 등록과 상품 정보 수정

새 상품을 등록한 뒤 상품 상세 화면까지 열어 이름·가격·사진·옵션을 확인합니다.

상품 → 상품등록 / 상품목록 → 상품명 선택

  1. 1
    상품명·판매가·옵션·재고를 입력하고, 표시할 상품분류를 연결합니다.
  2. 2
    대표 상품 사진을 올립니다. 여러 상품의 이미지 비율을 맞추면 목록이 정돈됩니다.
  3. 3
    상품 상세설명과 배송·교환·반품 안내를 실제 상품에 맞게 작성합니다. 모바일 상세설명 설정도 확인합니다.
  4. 4
    진열상태와 판매상태를 선택합니다. 판매안함은 품절 표시로 보일 수 있습니다.
  5. 5
    하단 상품등록 / 상품수정을 눌러 저장하고 완료 알림을 확인합니다.
  6. 6
    실제 상품 페이지에서 옵션 선택·금액 계산·이미지 표시를 확인합니다.
사진 영역역할
대표 상품 이미지상품 목록과 상세에서 사용하는 기본 사진입니다. 대표이미지 방식으로 등록 시 생성되는 여러 크기를 확인하세요.
추가 이미지상세 화면에서 다른 각도·구성을 보여주는 사진입니다.
상세설명 안의 이미지상세설명 편집 영역에 삽입한 안내 이미지입니다. 대표 상품 사진과 별도로 관리합니다.

완료 확인상품을 다시 열었을 때 입력한 내용이 남아 있고, 고객 화면에서 사진·가격·옵션이 일치합니다.

07

메인 상품 진열과 표시 항목

상품을 등록한 것과 메인 화면에 선택한 것은 별도 설정입니다.

상품 → 상품 진열 → 메인 진열 / 상품목록 → 메인 진열 수정

  1. 1
    메인에서 사용할 진열 영역을 확인합니다. 현재 GTC 샘플의 첫 컬렉션은 추천상품 영역을 사용합니다.
  2. 2
    해당 영역에 상품을 추가하고 원하는 순서로 정리합니다.
  3. 3
    상품이 진열함 상태이고, 실제 사용하는 분류에 연결되어 있는지 확인합니다.
  4. 4
    상품명·가격 등의 노출 항목은 상품 정보 표시 설정의 메인화면·상품목록·상품상세 탭을 각각 확인합니다.
  5. 5
    관리자에서 저장한 뒤 실제 메인 화면을 새로 열어 확인합니다.

완료 확인의도한 상품만 올바른 순서로 표시되고 메인·목록·상세의 가격 표기가 운영 방침과 일치합니다.

08

메인 배너·이미지·문구·링크 교체

현재 파일과 같은 크기·비율의 이미지를 준비한 뒤 한 영역씩 교체합니다.

디자인별 파일 예시

설담

위의 디자인 선택을 바꾸면 파일 예시도 바뀝니다.

설담 메인 이미지 예시
메인 이미지
상품·소개 연출 이미지
  1. 1
    수정할 디자인의 디자인 편집 → 메인화면(index.html)에서 현재 이미지 파일명을 검색합니다. 먼저 수정 전 소스를 보관합니다.
  2. 2
    파일업로더에서 해당 디자인의 SkinImg 폴더를 확인해 새 이미지를 업로드합니다. 예: sde_design → 디자인코드 → SkinImg. 디자인코드는 쇼핑몰마다 다릅니다.
  3. 3
    같은 파일명으로 교체했다면 경로를 유지합니다. 새 파일명이라면 src의 이미지 경로를 바꿉니다. 파일명은 영문 소문자·숫자·하이픈을 권장합니다.
  4. 4
    사진 설명인 alt와 주변 제목·소개 문구도 실제 내용에 맞춥니다. 이미지 안에 글씨가 들어간 경우 이미지 자체를 새로 만들어야 합니다.
  5. 5
    버튼·배너의 이동 주소는 href에서 바꿉니다. 고객님 쇼핑몰의 분류·상품 URL을 사용합니다.
  6. 6
    디자인 편집의 저장을 누르고, 실제 쇼핑몰에서 이미지와 이동 주소를 확인합니다.
이미지와 링크가 들어가는 모양 보기

구조를 이해하기 위한 예시입니다. 현재 파일의 같은 영역을 찾아 필요한 값만 바꾸세요.

<a href="고객님_쇼핑몰의_분류_URL">
  <img src="/SkinImg/새로운-배너.jpg" alt="사진에 대한 설명">
</a>
항목GTC 현재 이미지 예시준비할 때
메인 사진 원본1672 × 941px표시 영역에 맞춰 일부가 잘릴 수 있습니다. 중요한 피사체를 가장자리에 두지 마세요.
상품·연출 사진 원본1254 × 1254px같은 영역의 비율을 통일하고 필요 이상의 큰 파일은 줄여주세요.
파일 형식JPG / PNG 등 해당 업로더가 지원하는 형식사진은 JPG, 투명 배경이 필요한 로고는 PNG 등을 사용합니다. 업로드 화면의 제한을 우선 확인하세요.

완료 확인PC·휴대폰에서 사진이 깨지지 않고, 글씨와 피사체가 가려지지 않으며 버튼이 올바른 페이지로 이동합니다.

09

브랜드 소개·게시판·팝업

운영 방식에 맞는 페이지와 게시판만 보여주세요.

영역수정 방법확인
브랜드 소개GTC 공통 구조는 /shopinfo/company.html의 제목·사진·본문을 변경합니다.고객님 브랜드 이야기인지 확인하고 샘플 안내 문구를 실제 소개로 교체합니다.
공지사항·문의·후기관리자의 게시판 메뉴에서 사용할 게시판의 접근·쓰기·표시 설정을 확인합니다.디자인에 게시판 링크가 있어야 이동할 수 있습니다. 게시판을 사용한다고 메뉴가 자동 추가되지는 않습니다.
팝업디자인 → 배너/팝업에서 기간·표시 대상을 확인합니다.끝난 이벤트는 노출을 중지합니다. 코드·앱으로 만든 팝업은 해당 위치를 별도로 확인합니다.
인스타그램·외부 위젯제공 서비스의 현재 설치 방법과 운영 조건을 확인한 뒤 연동합니다.외부 서비스의 동작·계정 승인·유료 여부는 별도입니다. 예전 설치 코드를 그대로 붙이지 마세요.

완료 확인소개·게시판·팝업의 내용과 링크가 맞고, 기간이 지난 이벤트나 테스트 게시물이 남지 않았습니다.

10

PC와 모바일 화면 확인

반응형 디자인과 별도 모바일 디자인은 운영 방식이 다릅니다.

구분동작확인할 것
반응형 디자인같은 디자인이 화면 너비에 맞춰 배치됩니다.PC에서 수정한 영역을 휴대폰에서도 확인합니다. 사진 자르기·줄바꿈·버튼 위치가 달라질 수 있습니다.
별도 모바일 디자인모바일용 디자인과 대표 설정을 따로 사용합니다.PC 파일만 수정하면 모바일에 반영되지 않을 수 있습니다. 모바일 디자인도 따로 확인합니다.

쇼핑몰 설정 → 사이트 설정 → 사이트 환경 설정 → 쇼핑몰 환경 설정 → 모바일 탭

  1. 1
    실제 휴대폰에서 쇼핑몰의 대표 주소를 엽니다. PC 창을 줄여 보는 것만으로 검수를 끝내지 않습니다.
  2. 2
    메뉴·검색·배너 문구·상품 사진을 확인합니다. 가로 스크롤이 생기거나 글씨가 잘리지 않는지 봅니다.
  3. 3
    상품 옵션과 수량을 선택하고, 장바구니로 이동해 상품명·옵션·금액이 맞는지 확인합니다.
  4. 4
    고객센터·게시판·개인정보처리방침 등의 링크를 눌러 정상 이동하는지 확인합니다.

완료 확인PC와 휴대폰에서 같은 브랜드·상품이 보이고, 주요 버튼을 손가락으로 누르기 편하며 가로 화면 넘침이 없습니다.

11

수정했는데 안 바뀔 때

같은 내용을 반복 저장하기 전에 적용 위치와 저장 결과를 순서대로 확인하세요.

증상먼저 확인할 것
예전 디자인이 보여요작업한 디자인이 해당 언어몰의 대표 디자인인지 확인합니다. 미리보기와 실제 대표 주소를 구분합니다.
이미지가 그대로예요파일업로더의 디자인 폴더·파일명·확장자를 확인합니다. 새로고침 후에도 같으면 새 파일명으로 올리고 연결 경로를 수정해 확인합니다.
PC는 바뀌었는데 모바일은 그대로예요별도 모바일 디자인을 사용 중인지 확인합니다. 실제 휴대폰에서 대표 주소로 접속했는지도 확인합니다.
상품이 메인에 없어요진열상태·분류 연결·메인 진열 영역·재고·품절 조건을 확인합니다.
문구를 바꿨는데 다시 예전 내용이에요편집기 화면에서만 바뀐 것은 아닌지, 하단 저장/상품수정을 눌렀는지 확인합니다. 다시 열었을 때 저장 내용이 남아 있는지 봅니다.
화면이 갑자기 깨졌어요마지막으로 바꾼 파일과 변경 내용을 기록합니다. 추가 수정을 멈추고 보관본 미리보기와 비교한 뒤 GTC에 문의합니다.
크롬 일반 창에서만 로그인이 안 돼요다른 브라우저·시크릿 창에서 차이가 있는지 확인합니다. 필요한 경우 해당 사이트의 저장 데이터를 정리한 뒤 다시 로그인합니다. 계정 비밀번호는 문의 메시지에 적지 않습니다.
12

오픈 전 체크리스트

직접 확인한 항목을 체크해 두세요. 이 체크는 외부로 전송되지 않습니다.

0 / 14 완료

체크 상태는 가능한 경우 현재 브라우저에만 저장됩니다. 다른 기기에는 공유되지 않습니다.

13

GTC에 수정·오류 문의하기

구매한 채널 또는 계약 시 안내받은 GTC 상담 채널로 보내주세요.

문의 종류접수 기준
납품 범위의 오류·누락어떤 화면에서 무엇이 다른지, 확인 가능한 주소와 오류 내용을 보내주세요. 납품 범위를 확인해 안내합니다.
문구·이미지·구성 변경바꿀 위치와 최종 자료를 한 번에 정리해 주세요. 수정 횟수·기간·범위는 구매 상품 및 계약 내용을 기준으로 합니다.
새 기능·페이지·운영 대행원하는 동작과 참고 사례를 보내주시면 가능 여부와 추가 범위를 협의합니다.
카페24 서비스·결제·도메인 관련카페24 또는 해당 서비스 제공처의 처리·승인이 필요한 건은 해당 공식 고객센터 안내를 함께 확인합니다.

복사해서 보내는 문의 양식

[GTC 수정·오류 문의]
쇼핑몰명 / 주소:
구매처 / 주문 식별 정보:
디자인명:
PC / 모바일 / 둘 다:
발생 일시:
어느 페이지·영역인가요?:
현재 보이는 내용 / 오류 문구:
원하는 변경 내용:
직전에 수정한 파일·설정:
첨부할 이미지·문구·참고 화면:
희망 일정:

※ 비밀번호·인증번호·카드정보는 적지 마세요.
※ 화면 캡처의 주문·회원 개인정보는 가려주세요.
※ 추가 작업의 범위·비용·일정은 착수 전에 협의합니다.

14

카페24 공식 도움말

관리자 업데이트나 기능별 상세 설정은 공식 안내를 함께 확인하세요.

작성 기준: 2026.10.30 · 관리자 구성은 버전·권한·서비스 사용 상태에 따라 다를 수 있습니다.