Store theme system

테마 에디터

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

기본값

Clean

저장 방식

내 테마

6자리 코드

docs runbook

11분

성장과 안전

테마 에디터

Clean 테마부터 내 테마 저장, 공유 코드까지 스토어 디자인을 관리합니다.

What you will do

Editor

테마 에디터는 데스크톱에서 사용합니다.

Controls

UI/UX 옵션은 구매 흐름을 기준으로 조정합니다.

Presets

마음에 드는 조합은 내 테마로 저장합니다.

Editor

테마 에디터는 데스크톱에서 사용합니다.

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

1.1

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

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

1.2

Clean을 기준으로 시작합니다.

현재 기본 스토어와 가장 가까운 안정적인 조합입니다.

1.3

모바일, 태블릿, 데스크톱 미리보기를 전환합니다.

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

Controls

UI/UX 옵션은 구매 흐름을 기준으로 조정합니다.

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

2.1

상품 카드 스타일을 먼저 정합니다.

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

2.2

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

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

2.3

푸터는 판매자 정보가 읽히는지 확인합니다.

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

Presets

마음에 드는 조합은 내 테마로 저장합니다.

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

3.1

현재 draft를 내 테마로 저장합니다.

이름은 1자에서 40자 사이로 지정합니다.

3.2

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

공유 코드는 30일 동안 유효한 스냅샷입니다.

3.3

가져온 테마는 바로 적용되지 않습니다.

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

완료 체크리스트

Clean 테마 기준으로 홈, 상세, 체크아웃을 확인했습니다.

브랜드 색상과 카드 반경이 상품군과 어울립니다.

푸터 판매자 정보가 모바일에서도 읽힙니다.

마음에 드는 조합을 내 테마로 저장했습니다.

피해야 할 운영 방식

미리보기만 바꾸고 스토어 저장 버튼을 누르지 않는 실수를 피하세요.

너무 낮은 대비의 색상 조합을 구매 버튼에 쓰지 마세요.

공유 코드에 브랜드명이나 결제 설정이 포함된다고 오해하지 마세요. 시각 테마만 공유됩니다.