스토어 페이지와 스토어 레이아웃

개요

스토어 설정 → 페이지(/ko/store/pages)에서는 회사 소개, 문의, FAQ, 반품, 이용약관 등 스토어프론트 페이지를 편집합니다. 스토어 탭은 제품 그리드와 함께 표시되는 콘텐츠 블록을 제어합니다.

저장한 콘텐츠는 shop.orderinchat.com/store/{slug} 또는 인증된 사용자 지정 도메인에 표시됩니다. 스토어프론트는 OrderInChat 메인 패널에서 관리합니다.

페이지 편집: 임시 저장본, 게시, 기록

페이지 편집기는 세 영역으로 나뉩니다. 왼쪽은 페이지와 섹션, 가운데는 실시간 미리보기(데스크톱/모바일, 라이트/다크), 오른쪽은 섹션 양식입니다. 모든 섹션 유형을 사용할 수 있습니다(히어로, 특장점 그리드, 스포트라이트, 수치, 배너, 후기, 서식 있는 텍스트, FAQ, 연락처 카드, 법적 정보, 동영상 포함 미디어 그리드, 상품 갤러리, 캠페인 캐러셀과 월).

1. 왼쪽에서 페이지를 고른 뒤 목록이나 미리보기에서 섹션을 선택합니다.
2. 오른쪽에서 편집합니다. 섹션을 끌어서 순서를 바꾸고, 눈 아이콘으로 숨기고, 섹션 추가로 새 섹션을 넣습니다. 미리보기 위의 도구 모음으로 선택한 섹션을 이동·복제·숨기기·삭제할 수 있고, 실행 취소로 마지막 변경을 되돌립니다. 섹션 추가는 모든 페이지에서 모든 섹션 유형을 제공합니다. 해당 페이지에 맞는 섹션이 먼저 이 페이지에 추천에 나오고, 나머지는 모든 섹션에 나옵니다.
3. 변경 사항은 자동으로 임시 저장본에 저장됩니다(위쪽에 "임시 저장됨" 표시). 아직 스토어는 바뀌지 않습니다.
4. 게시를 누릅니다. 창에 페이지별 변경 내용이 표시되고 바뀐 텍스트를 먼저 번역할지 묻습니다(기본값 켜짐, 예상 크레딧과 잔액 표시). 그다음 모든 임시 저장본이 함께 게시되고 스토어가 바로 새로 고쳐집니다. 초안에서 추가하거나 바꾼 섹션은 스토어 정보와도 대조됩니다. 스토어 언어가 아닌 텍스트나 스토어에 없는 것(포인트, 예약, 블로그, 쿠폰, WhatsApp, 계산기)을 제공한다고 안내하는 섹션은 목록에 표시되며, 확인했다고 체크한 뒤에만 게시할 수 있습니다. 하루 이상 전에(또는 이전 AI 버전으로) AI가 작성한 섹션, 하루 동안 수정되지 않은 AI 도구·가져오기 초안, 사이트 가져오기가 게시된 페이지를 교체하기 전에 시작된 초안도 함께 표시됩니다.

• 기록에는 페이지의 모든 버전(편집기, AI 어시스턴트, AI 도구, 가져오기, 복원)이 변경 내용과 함께 표시됩니다. 임시 저장본으로 복원하면 이전 버전이 임시 저장본이 되며, 게시하기 전까지 스토어는 바뀌지 않습니다. 최근 게시 50개와 90일 분량이 보관됩니다.
• 같은 페이지가 다른 탭에서 저장되면 그 버전을 불러올지 내 버전을 유지할지 묻습니다. 임시 저장본을 시작한 뒤 다른 사람이 페이지를 게시했다면 내 임시 저장본을 vN에 맞추기를 사용하세요. 내 변경 사항은 유지되고 다른 사람의 변경이 합쳐집니다.
• 같은 배너에 임시 저장본이 언제 저장됐는지와 어디서 왔는지도 표시됩니다. 예: 임시 저장: 어제 · 출처: 가져오기. 임시 저장본이 하루보다 오래됐거나, 저장 시각을 알 수 없거나, 편집기가 아닌 곳(AI, 가져오기, 번역, 복원 …)에서 만들어졌다면 배너에 임시 저장본 버리기도 표시됩니다. 확인하면 임시 저장본이 삭제되고 편집기는 다시 게시된 버전을 보여 줍니다. 실제 사이트는 바뀌지 않습니다. 이 작업은 되돌릴 수 없습니다.
• 상단 바의 AI 채우기 및 가져오기는 웹사이트 URL이나 문서로 페이지를 작성하거나 사이트 전체를 단계별로 가져옵니다. 작성된 내용은 모두 초안이므로 확인한 뒤 게시하세요.
• 섹션 양식에는 콘텐츠, 스타일(행 너비, 전체 너비, 애니메이션), 표시(스토어에 표시, 모든 기기 / 데스크톱만 / 모바일만 — 모바일은 너비 768 px 미만 — 및 언어별 번역 상태) 세 탭이 있습니다.
• 섹션 양식 머리글: 섹션 유형, 이름(그 자리에서 편집) 그리고 숨기기·이동·복제·삭제 버튼. 항목은 접을 수 있는 그룹에 있습니다. 새 섹션: 로고 스트립(나열 또는 흐르기), 타임라인 / 단계, 팀, 비교표(셀마다 예·아니오·텍스트), 지도(주소를 Google 지도에 표시, 길찾기 버튼 포함), 동영상(YouTube, Vimeo 또는 동영상 파일. 고객이 재생을 누를 때만 플레이어를 불러옵니다). 섹션 색상(배경, 텍스트, 버튼, 불투명도)은 스타일 탭의 색상에 있습니다. 카드 같은 개별 항목의 색상은 콘텐츠의 해당 항목에 남습니다.
• 페이지 레이아웃 요소: 회사 소개, 문의, 자주 묻는 질문 페이지의 고정 부분도 섹션 목록에 표시됩니다 — 문의 페이지 헤더(제목, 텍스트, 영업 중 상태 또는 응답 시간), 영업시간(요일과 시간은 스토어 설정에서 가져옴), 자주 묻는 질문 상자, 회사 소개 페이지 헤더(제목, 텍스트, 로고, 커버 이미지, 버튼), 자주 묻는 질문 페이지 헤더, 도움말 상자. 눈 아이콘으로 숨기고, 텍스트(비우면 방문자 언어의 기본 텍스트, 직접 쓴 텍스트는 번역 모드에서 번역)와 스타일 탭의 색상을 바꿀 수 있습니다. 위치는 고정되며 복제하거나 삭제할 수 없습니다. 아무것도 바꾸지 않으면 페이지는 이전과 똑같이 보입니다.
• 언어 메뉴(상단 바): 언어를 고르면 그 번역을 편집합니다. 각 텍스트에 원문, 번역, 상태(최신, 업데이트 필요, 번역 없음)가 표시되고 미리보기도 그 언어로 바뀝니다. 여기서 쓴 텍스트는 그대로 게시되며 “먼저 번역”이 덮어쓰지 않습니다. 소개, 문의, FAQ, 반품, 숍 페이지와 직접 만든 페이지에 추가한 섹션도 여기에서 번역합니다. 게시할 때 "먼저 번역"은 페이지마다 몇 개의 텍스트를 어떤 언어로 번역할지 보여 주며, 새 텍스트와 번역 후 원문이 바뀐 텍스트만 번역합니다.
• 도구(페이지 설정, 선택한 섹션이 없을 때 표시): 이 페이지만 AI 채우기, 변수({{store_name}} 등 스토어 태그와 복사 버튼, 반품 기간, 직접 만든 변수), 소유자와 관리자용 섹션 내보내기 / 가져오기 (JSON). 가져오기는 페이지의 섹션을 초안으로 바꿉니다(고정 페이지 요소는 유지, 최대 512KB, 페이지 한도 확인). 실행 취소로 이전 섹션을 되돌릴 수 있습니다.
• 디자인된 섹션과 자유 HTML: AI로 디자인으로 만든 섹션과, 비주얼 텍스트 편집기가 레이아웃을 유지할 수 없는 서식 있는 텍스트는 HTML로 열려 레이아웃이 망가지지 않습니다. HTML 편집은 줄 번호가 있는 코드 편집기를 엽니다. 검사는 안전하지 않은 코드(스크립트, 이벤트 핸들러, 외부 리소스)를 제거하고 색상을 테마로 바꾸며, 제거된 내용을 데스크톱/모바일 미리보기와 함께 보여 줍니다. 적용은 초안에 넣습니다. 디자인된 섹션에서는 AI로 변경이 지시에 따라 그 섹션만 다시 씁니다. 먼저 크레딧 예상치가 표시되고, AI는 만들기를 누를 때만 실행되며, 같은 요청은 다시 무료이고, 적용 전에 미리보기를 볼 수 있습니다. 되돌리기와 기록은 평소처럼 작동합니다.
• 기록 → 미리보기는 아무것도 바꾸지 않고 이전 버전을 미리보기에 보여 줍니다. 같은 배너에서 초안으로 복원할 수 있습니다.
• 푸터 설정: WhatsApp 버튼, 메뉴 아이콘, 소셜 링크(플랫폼, 아이콘 스타일, URL, 공통 아이콘 크기)와 약관에도 표시되는 회사 법적 정보. 스토어 설정: 상품 필터 위의 헤더(아이브로, 제목, 부제목, 줄별 정렬).

상단 메뉴와 직접 만든 페이지

왼쪽 창의 모든 페이지 공통 아래에서 상단 메뉴 를 엽니다. 고객이 스토어 상단에서 보는 항목이 순서대로 나옵니다.

• 순서: 항목을 드래그하거나 화살표를 사용합니다. → 는 위 항목의 하위 메뉴(1단계)에 넣고, ← 는 꺼냅니다. 컴퓨터에서는 마우스를 올리거나 항목 옆 화살표로 하위 메뉴가 열리고(키보드: Enter, 아래 화살표, Escape), 휴대폰에서는 메뉴 안에서 펼쳐집니다.
• 숨기기 / 표시 는 눈 아이콘으로 합니다. 꺼 둔 페이지(FAQ, 소개, 연락처, 반품)는 메뉴 설정과 관계없이 숨겨집니다.
• 추가: 스토어 페이지(홈, 스토어, 소개, 연락처, FAQ, 반품, 이용약관, Insights, 캠페인), 직접 만든 페이지, 링크(https://…, mailto:, tel: 또는 /shop 같은 스토어 경로, 새 탭 열기 선택 가능), 하위 메뉴만 여는 하위 메뉴 제목.
• 표시 이름: 비워 두면 각 언어로 페이지 본래 이름이 표시됩니다. 번역 모드(상단 바의 언어 메뉴)에서는 해당 언어의 이름을 입력합니다.
• 메뉴 변경은 페이지 편집처럼 초안입니다. 미리보기에 바로 보이고 게시 하면 반영됩니다. 표준 메뉴로 되돌리기 는 기본 메뉴(스토어, FAQ, 소개, 연락처, Insights)로 돌아갑니다. 푸터에는 별도의 메뉴가 있습니다(아래 참고).

직접 만든 페이지: 페이지 목록 아래의 새 페이지 에서 제목을 입력하면 텍스트 섹션이 있는 페이지가 만들어지고 상단 메뉴에 추가할 수도 있습니다. 홈 페이지처럼 모든 섹션 유형을 추가할 수 있습니다. 페이지는 /p/<주소> 에 게시됩니다(주소는 제목에서 만들어지며 이후 바뀌지 않습니다). 제목과 섹션의 텍스트는 번역 모드에서 번역할 수 있습니다. 페이지 삭제 는 게시할 때 메뉴 항목과 함께 페이지를 제거합니다. 직접 만든 페이지는 최대 30개입니다.

새 헤더(메뉴 목록 아래): 드롭다운 패널이 있는 헤더로, 상품 수가 표시된 카테고리, 짧은 설명, 추천 카드를 보여 줍니다. 새 헤더 사용을 켜고 레이아웃(분할, 타일, 열, 가운데), 높이, 배경, 표면, 메뉴 위치, 아이콘 스타일, 패널에 표시할 내용(상품 수, 카테고리 이미지, 설명), 헤더의 도구(계정, 통화, 언어, 라이트 / 다크, 캠페인)를 선택하세요. 추천 카드: 자동(진행 중인 캠페인, 없으면 최신 상품), 직접 고른 캠페인·상품·카테고리 또는 없음. 메뉴 항목에서는 각 최상위 항목의 패널(자동, 카테고리, 하위 메뉴 링크, 없음), 카테고리, 아이콘, 한 줄 설명(최대 90자, 가격·전화번호 불가, 번역 모드에서는 언어별)을 정합니다. 디자인을 위해 AI가 고른 값에는 AI 선택 배지가 표시되며, 직접 바꾼 값은 AI가 다시 제안해도 유지됩니다. 변경 사항은 메뉴처럼 임시 저장본입니다. 새 헤더는 순차 적용 중이며, 스토어에 켜지기 전까지 스토어프런트에는 현재 헤더가 표시됩니다.

푸터 메뉴

왼쪽 창에서 푸터 메뉴를 엽니다(모든 페이지 공통 아래, 또는 푸터 설정의 푸터 메뉴 편집). 상단 메뉴처럼 동작하며 푸터의 열로 구성됩니다.

• 열: 최대 4개, 각각 제목과 최대 15개의 링크. 기본 제목(빠른 링크, 법적 고지, 내 계정)은 고객마다 번역되며, 직접 제목을 입력하면 대체됩니다. 보이는 링크가 없는 열은 비어 있음 · 표시 안 됨으로 표시되고 스토어에 나타나지 않습니다.
• 링크: 스토어 페이지(홈, 쇼핑, 소개, 문의, FAQ, 반품, 이용약관, Insights, 캠페인, 내 계정, 장바구니, 쿠키 설정), 직접 만든 페이지, 카테고리, 상품 또는 모든 링크. 추가할 열에서 새 링크가 들어갈 곳을 고르고, 링크의 열로 다른 열에 옮깁니다. 드래그로 순서를 바꾸고, 눈 아이콘으로 숨기며, 번역 모드에서 언어별 라벨을 정합니다.
• 첫 변경 전까지는 기본 푸터이며, 그 변경으로 나만의 메뉴가 저장됩니다(초안 — 게시하면 반영). 기본 푸터로 되돌리기로 기본값으로 돌아갑니다.
• 메뉴와 별개로 푸터에 항상 표시: 로고 또는 스토어 이름과 설명, 통화 / 테마 / 언어 선택, WhatsApp 버튼, 소셜 아이콘. 어느 열에도 쿠키 설정이 없으면 하단 바에 표시되어 고객이 언제든 동의를 변경할 수 있습니다.
• 직접 만든 페이지의 푸터에 표시는 해당 페이지를 푸터 메뉴(첫 번째 열)에 추가하거나 제거합니다.
• 로고가 없으면 헤더와 푸터에 스토어 이름이, 이름도 없으면 스토어 주소로 만든 이름이 표시됩니다.

스토어 페이지 만들기

스토어 편집기는 제품 그리드 위에 공통 디자인 변수와 재사용 가능한 블록을 배치할 수 있도록 지원합니다. 사용할 수 있는 블록에는 활성 스토어 캠페인으로 채워지는 캠페인 캐러셀과 캠페인 월 섹션이 있습니다.

• 블록 라이브러리에서 블록을 추가합니다.
• 행 너비는 퍼센트로 정합니다(100, 75, 66, 50, 33, 25 또는 10~100 사이의 값). 100%보다 좁은 섹션은 행이 찰 때까지 나란히 배치됩니다(예: 66% + 34%, 33% × 3). 휴대폰에서는 세로로 쌓입니다. 소개 페이지에서는 스토리 섹션의 너비가 연락처 카드와 행을 나누는 비율을 정합니다. 너비를 고르지 않으면 소개 페이지의 스토리가 66%, 연락처 카드가 34%를 차지하며 컨트롤도 그렇게 표시합니다. 소개·문의·FAQ·반품·약관 레이아웃이 직접 배치하는 섹션에는 너비 대신 안내가 표시됩니다. 어느 페이지에서든 섹션을 고르면 스토어 미리보기가 그 섹션으로 스크롤되고 테두리로 표시됩니다.
• 열 수와 애니메이션을 포함해 각 캠페인 월을 개별적으로 설정합니다.
• 상단 바의 AI 채우기 및 가져오기를 사용하면 스토어 헤더의 아이브로, 제목, 부제목 초안을 작성할 수 있습니다.
• 저장하기 전에 분류 필터와 캠페인 콘텐츠를 미리 확인합니다.

디자인 스튜디오: 사이트 전체에 하나의 디자인

페이지 편집기 상단 바의 디자인 만들기 / 변경(소유자와 관리자)은 열려 있는 편집 내용을 저장한 뒤 디자인 스튜디오 페이지를 엽니다. 색상 및 글꼴 탭에서는 스토어프론트 전체에 하나의 디자인(라이트/다크 모드 색상, 제목 글꼴과 본문 글꼴, 모서리 둥글기, 버튼 모양, 카드 그림자)을 한 화면에서 정합니다: 왼쪽은 편집기, 오른쪽은 실제 홈페이지입니다(휴대폰에서는 미리보기가 편집기 아래에 있습니다).

1. 편집기는 테마 초안이 있으면 초안의 디자인에서, 없으면 사용 중인 디자인에서 시작합니다. 색상(라이트와 다크를 따로 — 미리보기 위의 라이트 / 다크로 어느 쪽을 편집할지 고릅니다), 글꼴, 모서리 둥글기, 버튼, 카드 그림자 변경은 무료이며 미리보기에 바로 나타납니다. 홈 레이아웃은 미리보기만 바꾸고 홈페이지 섹션은 그대로 둡니다. 초기화는 편집기가 시작한 디자인으로 되돌립니다.
2. AI의 제안 3가지 아래의 디자인 3개 제안받기는 AI를 한 번 실행합니다. 실행 전에 예상 크레딧 비용이 버튼 아래에 표시됩니다. 탭을 여는 것과 비용 예상은 무료입니다. **원하는 점 (선택)**을 열면 원하는 분위기를 적는 칸이 나옵니다. 같은 내용으로 다시 요청하면 무료입니다(무료 — 이 제안은 이미 만들어졌습니다).
3. 세 가지 디자인은 같은 탭에 카드로 나타납니다. 이것 사용은 디자인을 편집기와 미리보기에 넣습니다 — 아직 아무것도 저장되지 않으며 계속 조정할 수 있습니다. 그다음 버튼은 다른 제안으로 바뀝니다: 새 세트를 만들고 다시 요금이 부과되며, 예상 비용은 버튼 아래에 표시됩니다.
4. 초안에 저장은 디자인을 테마 초안에 넣습니다 — 운영 중인 스토어는 아직 바뀌지 않습니다. 페이지 편집기에서 게시하면 페이지 초안과 함께 반영됩니다. 이후 미리보기에는 이 초안이 표시됩니다.

• AI로 디자인으로 만든 페이지와 섹션은 테마 색상과 글꼴을 사용하므로 자동으로 디자인을 따릅니다.
• 디자인이 활성화된 동안 테마에 그 사실이 표시됩니다. 거기서 색상을 고르면 게시할 때 디자인이 꺼지며, 디자인은 이전 디자인에 남습니다.
• AI 크레딧이 남아 있지 않으면 제안이 만들어지지 않고 스튜디오에 그 내용이 표시됩니다. 색상과 글꼴 직접 편집은 계속 사용할 수 있습니다.
• 웹사이트 이전 마법사는 같은 단계인 디자인으로 끝납니다. 내 사이트 디자인하기는 같은 도구를 창으로 열며, 그 창에서 내 스토어에 적용은 디자인을 바로 게시하고 이전 디자인의 다시 사용은 확인 후 그 디자인을 되돌립니다. 나중에 하기는 단계를 건너뜁니다. 디자인은 언제든 페이지에서 바꿀 수 있습니다.

페이지 디자인(미리보기)

페이지 디자인 미리보기에 참여하는 스토어에서는 스튜디오가 페이지 디자인 탭으로 열립니다. AI가 스토어 데이터로 홈페이지 전체와 법률 페이지, 블로그 글, 소개 페이지용 템플릿을 하나씩 디자인합니다. 가격, 상품, 텍스트는 실시간으로 유지됩니다.

• 왼쪽 목록에는 각 페이지의 상태(대기 중, 디자인 중, 완료, 실패), 차감된 크레딧, 디자인이 표시되며 페이지 초안에 있는 디자인에는 초안에 있음이 붙습니다.
• 오른쪽에는 초안이 반영된 실제 스토어가 표시됩니다 — 데스크톱 또는 모바일, 라이트 또는 다크.
• 상단의 모든 페이지 디자인은 먼저 예상 비용을 보여 주며, 크레딧은 클릭할 때만 차감됩니다. 페이지는 서버에서 하나씩 디자인되므로 페이지를 닫았다가 나중에 돌아와도 됩니다. 브라우저 알림 받기로 완료 시 알림을 받을 수 있습니다.
• 스토어에서 켜져 있으면 그 버튼 옆의 AI 모델에서 디자인할 모델을 고릅니다: Claude Opus 5.5(최고 품질, 기본값), Claude Sonnet 5.5(더 저렴), ChatGPT(OpenAI) 또는 Google Gemini. 모델마다 모든 페이지의 예상 비용이 표시됩니다. 이후 페이지는 사이트 전체가 어울리도록 홈페이지와 같은 모델로 시작하며, 바꿀 수 있습니다. 모든 모델이 같은 품질 검사를 거치고, 저장된 디자인에 대해서만 비용을 냅니다.
• 이것 사용은 선택한 디자인을 해당 페이지 초안에 적용합니다 — AI도 크레딧도 쓰지 않습니다. 법률 페이지는 먼저 이용약관, 배송, 반품 중 하나를 고르세요. 홈페이지에서는 디자인의 색상과 글꼴도 테마 초안에 적용합니다(모두 적용에서도 동일). 게시하면 페이지와 그 색상이 함께 게시되며, 그 후에는 실행 취소해도 색상은 바뀌지 않습니다.
• 스토어에서 켜져 있으면 모두 적용은 스튜디오에 표시된 준비된 디자인(이전 실행의 디자인 포함)을 한 번에 각 페이지 초안에 적용합니다(법률 디자인은 세 법률 페이지 모두에) — AI도 크레딧도 쓰지 않습니다. 먼저 확인을 요청하며 페이지를 나열하고, 아직 준비되지 않은 디자인은 건너뜁니다. 그다음 목록에서 각 페이지의 결과(초안에 적용됨, 이미 있음, 또는 적용하지 못한 이유)를 보여 줍니다. 홈 디자인의 색상과 글꼴도 스토어 테마에 적용되었다면 목록에 표시됩니다.
• 실행 취소(이것 사용 옆과 그 목록에 있음)는 페이지 초안을 마지막 이것 사용 또는 모두 적용 이전 상태로 되돌립니다 — 페이지마다 한 단계, 무료입니다. 홈페이지에서는 그 사이 바꾸지 않았다면 이전 색상과 글꼴도 돌아옵니다. 그 후 페이지가 변경되었다면 실행 취소가 표시되지 않으니 대신 이전 디자인을 선택하세요.
• 새 탭에서 열기는 초안이 반영된 스토어를 새 탭에 보여 줍니다. 다른 디자인은 이 페이지에만 새 디자인을 만들고(예상 비용이 옆에 표시됨), 실패한 페이지에는 다시 시도가 있습니다. 페이지마다 디자인은 최대 10개까지 만들 수 있으며, 그 뒤에는 다른 디자인이 꺼지고 이전 디자인 중 하나를 고릅니다. 입력이 바뀌지 않았다면 이전 디자인을 무료로 다시 보여 주며 스튜디오가 이를 알려 줍니다. 한 실행에서 홈페이지 디자인이 완료되지 않으면 그 실행의 다른 페이지는 시작되지 않으며 요금도 부과되지 않습니다.
• 휴대폰에서는 페이지가 상단의 칩으로 바뀌고, 이것 사용은 아래쪽에, 나머지 작업은 ⋯ 아래에 있습니다.
• 페이지 편집기에서 게시하기 전에는 아무것도 공개되지 않습니다.
• 페이지 편집기에서 이 디자인 중 하나를 쓰는 페이지는 왼쪽에 디자인 자체의 섹션을 보여 줍니다. 섹션을 클릭하면 미리보기에서 해당 위치로 이동하며 잠시 강조됩니다. 눈 아이콘은 그 페이지에서만 숨기거나 표시합니다(무료, AI 없음). 공개하려면 페이지를 게시하세요. 페이지의 클래식 섹션은 클래식 섹션 — 이 디자인에서는 사용되지 않음 아래에 접혀 있습니다.
• 이런 페이지에서는 미리보기의 텍스트, 이미지 또는 링크를 클릭해 그 자리에서 바꿀 수 있습니다. 편집 중인 언어의 일반 텍스트, 미디어 라이브러리의 이미지, 페이지·상품·웹 주소·이메일·전화·스토어 WhatsApp으로의 링크를 지정할 수 있습니다. 초기화하면 편집 중인 언어가 디자인 본래의 내용으로 돌아갑니다(모든 언어 초기화는 전체 언어). 이 편집은 해당 페이지에만 적용되고 초안으로 저장되며(게시하면 반영됩니다) AI와 크레딧을 쓰지 않습니다. 디자인이 바뀌어 편집이 더 이상 맞지 않으면 섹션 목록에 표시되고 정리로 삭제할 수 있습니다.
• 스토어에서 켜져 있다면 이런 페이지의 섹션 순서를 바꿀 수도 있습니다. 섹션의 핸들을 끌거나 ⋯ 메뉴의 위로 이동 / 아래로 이동을 사용하세요. ⋯ 메뉴에는 복제, 다른 페이지로 복사, 다른 페이지로 이동, 내 섹션에 저장, 삭제도 있습니다. 목록 아래의 내 섹션은 저장한 섹션을 스튜디오 디자인을 쓰는 어느 페이지에나 원하는 위치에 추가합니다(저장한 섹션 검색·이름 바꾸기·삭제도 여기서 할 수 있습니다). 텍스트·이미지 편집도 섹션과 함께 옮겨집니다. 모든 변경은 그 페이지의 초안에 바로 적용되며 AI와 크레딧을 쓰지 않고, 목록 아래의 되돌리기로 취소할 수 있습니다. 법적 고지 텍스트가 있는 섹션은 위아래로만 옮길 수 있습니다.

AI로 페이지 디자인하기

AI로 디자인은 홈, 회사 소개, 문의, FAQ, 반품, 이용약관과 직접 만든 페이지에서 상단 바의 페이지 제목 옆에 있습니다(소유자와 관리자).

1. 브리프로(페이지를 10자 이상으로 설명) 또는 웹사이트에서(원본 페이지 URL에 참고할 페이지 주소를 입력, 메모는 선택)를 고릅니다. 브랜드 색상 최대 3개(브랜드 색상(선택))와 톤(톤(선택))을 추가할 수 있습니다.
2. 창에 예상 비용(크레딧)이 표시됩니다. 크레딧은 만들기를 누를 때만 차감됩니다. 같은 입력으로 다시 실행하면 무료입니다.
3. 만들기는 라이브 블록(제품, FAQ, 연락처 카드, 지도)을 둘러싼 스타일 섹션으로 페이지를 디자인하고, 짧은 품질 검사 요약과 함께 페이지의 임시 저장본으로 추가합니다. 다시 만들기(새 변형) 버튼은 다른 버전을 만들며 만들기와 같이 비용이 청구됩니다. 추가하기 전에 페이지를 휴대폰 너비와 데스크톱 너비, 라이트 모드와 다크 모드로도 표시해 화면보다 넓은 콘텐츠, 잘린 텍스트, 깨진 이미지, 주 제목 수, 텍스트 대비를 점검합니다. 레이아웃·제목·색상 문제는 가능하면 자동으로 고칩니다(추가 AI 수정은 최대 1회이며 예상 비용에 포함). 깨진 이미지는 알리기만 합니다. 읽기 어려울 수 있는 텍스트(낮은 대비)는 경고로 표시되고, 고치지 못한 문제는 개수와 함께 표시됩니다.
4. 미리보기를 확인하고, 마음에 들지 않으면 실행 취소, 준비되면 게시를 누릅니다. 다른 언어 번역은 게시할 때 변경된 섹션에 대해서만 만들어집니다.

• 디자인된 회사 소개, 문의, FAQ, 반품, 이용약관 페이지에서는 도구의 클래식 레이아웃 사용으로 페이지를 다시 클래식 레이아웃으로 표시합니다. 섹션은 유지됩니다.
• 디자인된 섹션 하나만 나중에 바꾸려면 그 섹션을 선택하고 HTML 편집 또는 AI로 변경을 사용합니다(위의 페이지 편집 참고).

테마: 색상과 페이지 배경

왼쪽 영역(디자인 아래)에서 테마를 엽니다. 테마 변경도 페이지 편집과 마찬가지로 초안이며 게시하면 스토어에 반영됩니다. 미리보기에는 바로 표시됩니다.

• 색상 시스템: Colorswitch 프리셋(기본·보조·강조 색상을 직접 지정 가능) 또는 강조 팔레트(프리셋과 직접 고른 강조 색상).
• 색상 모드: 고객 기기 설정 따르기, 항상 라이트, 항상 다크.
• 배경색: 라이트 모드와 다크 모드에 각각 단색 페이지 색상 하나씩. 패널은 각각의 텍스트 대비를 보여 주고 4.5:1 미만이면 경고합니다. 다크 색상이 없으면 다크 모드는 라이트 색상을 사용합니다. 그라데이션과 패턴은 그라데이션 및 패턴에 있습니다.
• 페이지 배경: 단색 또는 그라데이션(각도 지정), 불투명도, 자체 색상의 선택형 패턴을 라이트·다크 모드별로 따로 설정하며, 한 번의 클릭으로 다른 모드에 복사합니다.

스토어 글꼴 선택

테마에서 엄선된 Google 글꼴 14종(산세리프, 세리프, 디스플레이) 또는 시스템 글꼴 중에서 제목 글꼴과 본문 글꼴을 선택하세요. 각 옵션은 해당 글꼴로 표시되며 실시간 미리보기가 바로 갱신됩니다.

• 저장하면 스토어 전체, 내 계정, 결제 화면에 글꼴이 적용됩니다.
• 선택하지 않으면 Inter가 사용되며, 제목 글꼴을 지정하지 않으면 본문 글꼴과 같습니다.
• 선택한 글꼴만 불러오며 불러오는 동안에도 텍스트가 표시됩니다. 모든 글꼴은 라틴 문자, 터키어, 키릴 문자를 지원합니다. 아랍 문자 스토어에는 아랍어 대체 글꼴이 추가되고, 그 밖의 문자(한국어 등)는 방문자 기기의 글꼴로 표시됩니다.
• Bricolage Grotesque와 Hanken Grotesk(새 스토어 디자인의 조합)에는 키릴 문자가 없으며 목록에 표시됩니다. 러시아어 텍스트는 기기 글꼴로 표시됩니다.

백업 범위

페이지와 스토어 블록 설정은 스토어 설정 → 백업 및 복원에 포함됩니다. 전체 복원에는 페이지 블록 설정과 홈 블록이 포함됩니다. 적용하기 전에 복원 요약을 확인하세요.

AI 사이트 가져오기

이미 공개 웹사이트가 있고 빠르게 시작하고 싶다면 페이지의 AI 가져오기를 사용하세요.

1. 환경설정 — 이미지, 디자인 스타일, 메모.
2. URL 탐색 — 사이트맵을 먼저 사용한 다음 콘텐츠 페이지만(홈, 회사 소개, 문의, FAQ, 정책, 사용자 지정 랜딩 페이지) 대상으로 합니다. 제품 페이지(/shop/…), 장바구니/계정, 브랜드 아카이브, 문서/기사는 제외됩니다(제품 및 지식 단계에서 처리합니다).
3. 시험 크롤링(페이지가 많을 때) — 먼저 몇 개의 URL을 샘플로 실행하고 지식 베이스 소스를 검토합니다. 필요하면 지침을 추가해 다시 실행한 다음 나머지를 계속 진행합니다. URL 복사 아이콘으로 소스를 확인할 수 있습니다.
4. 크롤링 → 지식 베이스 — 선택한 페이지가 백그라운드에서 소량씩 저장됩니다. 크롤링 중에는 가져오기 도크에 실시간 진행 상황(상태, %, 크롤링한 페이지 수, 스피너)이 표시됩니다. 오른쪽 위 아이콘으로 도크를 접을 수 있으며, 크롤링은 계속 실행됩니다. 스토어 페이지 초안을 작성할 때만 돌아오세요. 가져오기를 취소하는 방법은 가져오기 삭제뿐입니다.
5. 간결한 스토어 페이지 초안 작성 — 홈 / 스토어 / FAQ / 법적 고지. 각 단계를 검토하세요. 긴 문서는 메뉴 복제본이 아니라 지식 베이스에 남습니다.

이미지: 이미지 수(최대 50개)는 크롤링한 URL마다 하나씩이 아니라 스토어프론트 디자인 자산(히어로, 스포트라이트 등)에 대한 것입니다. 메인 사진(페이지의 대표 공유 이미지 또는 큰 사진)을 우선하고 작은 썸네일과 아이콘은 건너뜁니다.

HTML 미믹(기본 디자인): 홈 생성은 원본 사이트의 브랜드 색상과 개별 사진을 사용해 풍부한 HTML 섹션을 다수(히어로, 제품, 이용 방법, 비즈니스 활용 사례, FAQ, 문의/CTA 등) 만듭니다. 가져오기 환경설정에서는 HTML 미믹을 권장하며, 페이지에는 더 강력한 모델(예: Claude Opus)이 가장 적합합니다.

동영상: 가져오는 동안 다운로드되지 않습니다(안정적으로 가져오기에는 용량이 너무 큼). YouTube/Vimeo는 임베드나 링크로 유지하거나, 나중에 미디어 라이브러리 / 해당 페이지의 Free HTML로 파일을 업로드하세요.

가져온 뒤 누락된 페이지가 있나요? 어시스턴트 → 지식 베이스에서 언제든지 URL을 추가할 수 있습니다(지식 베이스 참조).

참고 사항

• 푸터 설명과 브랜드 문구는 주로 스토어 설정 → 브랜딩에서 관리합니다.
• 청구서와 이용약관에 들어가는 법인 정보는 스토어 설정의 법적 정보 필드를 사용하세요.
• 캠페인 혜택은 마케팅 → 캠페인에서 관리하며, 페이지에서는 캠페인 섹션의 배치를 제어합니다.