디자인 작업 가이드

디자인은 쇼핑몰 이전 대상에 포함되지 않으며, 같은 디자인을 쓰더라도 카페24 스마트디자인 편집기로 다시 퍼블리싱해야 합니다. 

이런 이유로 쇼핑몰 이전 시 리뉴얼을 권장드리고 있습니다.

 

 

Info

기존 쇼핑몰 디자인 소스를 그대로 쓸 수 없는 이유

  • 카페24 쇼핑몰 디자인은 스마트디자인 편집기 기반의 모듈로 구성되어 있어요. 
  • 그래서 기존 쇼핑몰에서 HTML로 제작한 디자인 소스를 내려받아도 형식이 달라 그대로 사용할 수 없어요. 
  • 화면상 같은 디자인을 쓰더라도 내부 소스는 달라져요.

 

디자인 작업 방법 3가지

1. 커스텀 디자인 활용하기 (스마트디자인)

  • 전문적인 커스텀 디자인을 원하신다면 스마트디자인 사용을 권장합니다.
  • 스마트디자인은 HTML 지식이 필요하지만, 그만큼 제약 없이 디자인을 편집할 수 있습니다.

 

작업 방법

<스마트디자인 편집창 >

  1. [관리자] 디자인 > 디자인 보관함으로 이동해 주세요. 보관함은 PC 탭과 모바일 탭으로 나뉘어 있습니다.
  2. 편집할 디자인의 '디자인 편집' 버튼을 누르면 스마트디자인 편집 창이 열립니다.
  3. 편집 창에서 수정 화면 모드를 선택해 원하는 부분을 수정해 주세요.
  4. 수정한 뒤 '저장'을 눌러야 쇼핑몰에 반영됩니다.

 

편집 창의 자세한 사용법은 스마트디자인 편집 가이드를 참고해 주세요.

 

 

 

Caution

  • 운영 중인 대표 디자인을 바로 수정하면 고객에게 작업 중인 화면이 그대로 보여요. 디자인 보관함에서 '디자인 복사'로 사본을 만들어 수정하고, 확인이 끝난 뒤 대표 디자인으로 설정해 주세요.
  • 디자인 삭제는 복구되지 않아요. 기본으로 제공된 디자인과 현재 대표 디자인은 삭제할 수 없어요.

 

2. 카페24 디자인센터 활용하기

  • 카페24에서 제공하는 편집 방식이 어렵거나 전문가에게 의뢰할 예정이라면, 디자인센터에서 전문가가 제작한 디자인을 구매할 수 있습니다.
  • 디자인센터에는 무료·유료 디자인이 약 34만 개 등록되어 있습니다. (2026년 9월 기준)

 

3. 스마트디자인 Easy 활용하기

  • 스마트디자인 Easy를 이용하시면 HTML을 몰라도 내 쇼핑몰 화면과 편집할 수 있는 디자인 요소를 한눈에 확인하면서 손쉽게 디자인할 수 있습니다.

 

1655778213.gif

 

최신 트렌드를 반영한 반응형 무료 디자인 5종(오우이, 아키테이블, 커먼셀렉트, 애쉬프레임, 캠퍼타운)도 함께 제공합니다. 판매 중인 상품군에 알맞은 콘셉트의 디자인을 선택해 보세요.

 

1655778219.png

 

 

Note

  • 카페24 디자인센터는 쇼핑몰 디자인 중개 사이트이므로, 각 판매 업체와 직접적인 연관이 없어요.
  • 무료 디자인은 유료 디자인을 포함해 최대 30개까지 추가할 수 있어요. 유료 디자인은 개수 제한 없이 추가할 수 있어요.

 

연관 콘텐츠

 

 

최종 업데이트: 2026-09-21