11분·디자인

테마 에디터

테마 에디터는 구매자 스토어의 인상을 결정해요. 브랜드 색상, 카드 밀도, 버튼, 반경, 배경, 푸터를 조정하고 마음에 드는 조합은 내 테마로 저장할 수 있어요.

기본값
Clean
저장 방식
내 테마
공유
6자리 코드

Editor

테마 에디터는 데스크톱에서 사용해요.

테마 작업은 좌측 설정과 우측 미리보기를 동시에 봐야 하므로 모바일에서는 본 화면 접근을 제한해요. 노트북 이상의 화면에서 편집해 주세요.

  1. 1

    테마 만들기 화면에서 에디터를 엽니다.

    기존 설정 화면은 요약과 진입점이고, 실제 편집은 전체 화면 에디터에서 진행해요.

  2. 2

    Clean을 기준으로 시작해요.

    현재 기본 스토어와 가장 가까운 안정적인 조합이에요.

  3. 3

    모바일, 태블릿, 데스크톱 미리보기를 전환해요.

    상품 카드, 히어로, 체크아웃, 푸터가 잘리지 않는지 확인해요.

Controls

UI/UX 옵션은 구매 흐름을 기준으로 조정해요.

카드 반경, 버튼 스타일, 밀도, 배경은 취향만이 아니라 구매자가 상품을 찾고 결제하는 속도에 영향을 줍니다.

  1. 1

    상품 카드 스타일을 먼저 정해요.

    이미지가 중요한 상품은 media, 정보 밀도가 중요한 상품은 compact나 minimal이 적합해요.

  2. 2

    반경은 브랜드 톤과 맞춥니다.

    완전 각진 스타일부터 스퀘어클에 가까운 부드러운 모서리까지 조정할 수 있어요.

  3. 3

    푸터는 판매자 정보가 읽히는지 확인해요.

    테마가 좋아도 하단 고지 정보가 흐리거나 깨지면 신뢰가 떨어집니다.

Presets

마음에 드는 조합은 내 테마로 저장해요.

저장된 내 테마는 나중에 다시 적용할 수 있고, 6자리 공유 코드로 다른 서버에 전달할 수 있어요. 공유받은 사람에게도 같은 프리셋 이름으로 저장돼요.

  1. 1

    현재 draft를 내 테마로 저장해요.

    이름은 1자에서 40자 사이로 지정해요.

  2. 2

    저장된 테마에서만 공유 코드를 만듭니다.

    공유 코드는 30일 동안 유효한 스냅샷이에요.

  3. 3

    가져온 테마는 바로 적용되지 않아요.

    내 테마에 저장되고 에디터 draft에 로드되지만 실제 스토어 반영은 저장 버튼을 눌러 확정해요.

완료 체크

  • Clean 테마 기준으로 홈, 상세, 체크아웃을 확인했어요.
  • 브랜드 색상과 카드 반경이 상품군과 어울립니다.
  • 푸터 판매자 정보가 모바일에서도 읽힙니다.
  • 마음에 드는 조합을 내 테마로 저장했어요.

피하기

  • 미리보기만 바꾸고 스토어 저장 버튼을 누르지 않는 실수는 피해 주세요.
  • 구매 버튼에는 대비가 너무 낮은 색상 조합을 쓰지 말아 주세요.
  • 공유 코드에는 브랜드명이나 결제 설정이 포함되지 않아요. 시각 테마만 공유돼요.