www.shopify.com
내용
Shopify(쇼피파이) 테마를 둘러볼 때 최적의 상태로 적용된 모습을 확인하게 됩니다. 이미지, 글꼴, 색상이 사전에 적용되어 테마를 빛나게 해줍니다. 이는 테마의 모든 잠재력을 한눈에 파악할 수 있는 좋은 방법입니다.
하지만 스토어에 테마를 설치한 후에는 독자적인 디자인 요소를 반영하여 Shopify 테마 설정 기능을 직접 활용하여 원하는 디자인으로 꾸며야 비로소 완성도를 갖출 수 있습니다. 테마 설정은 기본 테마를 브랜드에 맞춘 스토어로 변모시켜 신뢰를 구축하고, 전환율을 높이며, 고객의 기억에 남는 쇼핑 경험을 선사하는 핵심 과정입니다.
Shopify의 새로운 Horizon 프레임워크를 사용하면 테마의 모듈화가 더욱 강화되어, 기본 상태에서 브랜드화된 완성형 스토어로 신속하게 전환할 수 있습니다. 본 가이드에서는 Shopify 테마 설정의 개념과 작동 방식, 그리고 2025년 브랜드 홍보 및 매출 증대를 위해 활용할 수 있는 다양한 실무 기법을 자세히 다룹니다.
Shopify 테마 설정이란 무엇인가요?
Shopify 테마 설정은 브랜드만의 독창성을 살릴 수 있도록 온라인 스토어를 맞춤 구성하는 과정입니다. Shopify 테마는 기본적으로 완성도 높은 디자인을 기성품 형태로 제공합니다. 하지만 이를 브랜드 정체성에 맞게 조정하고 차별화된 쇼핑 경험을 구현하려면 직접 테마 설정을 진행해야 합니다.
올바르게 적용된 테마 설정은 전환율을 높이는 데 기여합니다. Baymard Institute에 따르면, 체크아웃 단계를 브랜드에 맞게 설정한 기업은 전환율을 35%까지 끌어올린 것으로 나타났습니다.
이는 글꼴과 색상을 변경하는 소규모 작업부터 섹션 재배치, 맞춤형 콘텐츠 추가, 또는 처음부터 완전히 새롭게 구축하는 대규모 작업까지 다양하게 포함됩니다. Shopify의 최신 디자인 업데이트를 활용하면 단 한 줄의 코드 없이도 스토어를 매우 쉽게 설정할 수 있습니다.
Shopify 테마 설정의 유형
원하는 스토어 형태 과 기술 역량에 따라 선택할 수 있는 맞춤 설정 방식은 달라집니다. 일부 스토어 운영자는 색상 변경 및 몇 가지 앱 연동 정도만 진행하지만, 다른 운영자는 새로운 기능을 직접 코딩하여 구축하기도 합니다.
적용 가능한 주요 방식은 다음과 같습니다:
- 빠른 테마 수정: 글꼴, 로고, 배너, 이미지, 프로모션 배지, 재고 표시 여부처럼 일상적으로 조정하는 항목입니다. Shopify 테마 스토어의 프리셋을 사 용한 뒤 강조 색상만 최신 컬렉션에 맞춰 바꾸는 방식이 여기에 해당합니다.
- 블록 기반 레이아웃 변경: 최신 Shopify 테마는 페이지 내 원하는 위치로 드래그 앤 드롭할 수 있는 모듈형 구조를 제공합니다. 이미지 갤러리, 리뷰, 추천 상품, 버튼 등을 원하는 순서로 쌓거나 숨길 수 있습니다.
- AI 지원 맞춤 설정: Horizon 테마에 탑재된 Shopify의 2025년 여름 업데이트를 통해 텍스트 프롬프트만으로 디자인 블록 즉시 생성이 가능합니다. 예를 들어 “제품 갤러리 아래에 카운트다운 타이머 추가”처럼 요청하면 필요한 블록을 빠르게 만들 수 있습니다.
- 고급 맞춤 설정: 보다 세밀한 제어를 위해 Shopify 개발자가 Liquid 코드, 스크립트, API, 메타필드를 활용하여 기존 스토어 기능을 확장하고 고유한 레이아웃과 기능을 구축하는 방식입니다.
Shopify 테마 설정: 개발자 고용 vs 직접 설정
테마를 사용하는 큰 장점은 많은 구조적 디자인 결정이 이미 이루어져 있다는 것입니다. 복잡한 웹사이트 빌더 내에서 페이지 레이아웃이나 개별 이미지의 위치를 어디에 둘지 고민할 필요가 없습니다.
하지만 스토어를 최상의 모습으로 만들고 브랜드를 돋보이게 하려면, 자신만의 개성을 추가해야 합니다. 기본 뼈대는 모두 갖춰져 있지만, 색상을 선택하고 인테리어를 가다듬는 것은 스토어 운영자의 몫입니다.
Shopify 개발자 고용하기
웹 디자인을 처음 접하는 경우 선택해야 할 옵션이 너무 많아 엄두를 내지 못할 수 있습니다. 클릭 한 번으로 색상을 바꾸고 레이아웃을 교체하거나 요소를 업데이트할 수 있지만, 어떤 조합이 최선인지 결정하기란 쉽지 않습니다.
처리해야 할 다른 중요한 업무들을 고려할 때, 복잡한 기능과 디자인 구현이 필요하다면 혼자 시행착오를 겪는 것보다 전문가를 고용하는 것이 오히려 비용 효율적일 수 있습니다.
Shopify 파트너 플랫폼을 통해 플랫폼에 대한 깊은 이해도를 갖춘 숙련된 웹 디자이너 및 개발자를 연결받을 수 있습니다. 이들은 Shopify 플랫폼에 대한 이해도가 높아, 최대한 활용할 수 있도록 도와줄 수 있습니다.
직접 테마 맞춤 설정 진행하기
직접 진행하는 방식이 적합한 경우도 있습니다. 자체 자금으로 사업을 시작했거나, 이미 웹사이트 구축에 필요한 기술과 디자인 역량을 갖추고 있는 경우가 이에 해당합니다. 또는 추후 업그레이드를 계획하고 우선은 간단한 기능만 필요한 상태일 수도 있습니다.
이유가 무엇이든 Shopify 테마 편집기는 사용자 친화적이므로 코딩이나 디자인 기술이 없어도 온라인 스토어의 디자인과 분위기를 자유롭게 설정할 수 있습니다. 어디서나 사용 가능한 섹션, Shopify 앱 임베드, 페이지 템플릿과 같은 도구를 활용하면 클릭 몇 번만으로 사이트에 매력적인 요소를 추가할 수 있습니다.
Basic 요금제 이상을 사용하는 경우 Shopify의 내장 테마 편집기를 활용해 스토어의 외관을 자유롭게 설정하고 가다듬을 수 있습니다.
나만의 스토어를 만들기 위한 Shopify 스토어 설정 5가지 방법
- Shopify 테마 스토어에서 완벽한 테마 찾기
- 테마 설정을 편집하여 스토어 외관 조정하기
- 템플릿 생성하기
- Shopify 앱으로 스토어 맞춤 설정하기
- Shopify 앱 임베드를 사용하여 더 많은 섹션 추가하기
이 다섯 가지 접근 방식은 유연한 맞춤 설정 도구 키트를 제공합니다.
1. Shopify 테마 스토어에서 완벽한 테마 찾기
Shopify는 Online Store 2.0 사용 여부에 따라 Debut 또는 Dawn 테마를 기본으로 제공하지만, 반드시 해당 테마만 고수할 필요는 없습니다. Shopify 테마 스토어는 수백 가지 옵션을 제공하며, 시작할 때 적합한 테마를 선택하면 특정 기능이 필요할 때 시간을 절약할 수 있습니다.
- 무료: 온라인 쇼핑몰을 처음 시작하거나 스토어 출시를 준비하는 신규 스토어에 가장 적합함. 추가 초기 비용이나 정기 비용은 없지만 제한적인 기능과 적은 테마 설정 옵션이 제공되는 경우가 많음. 선택할 수 있는 20개 이상의 무료 테마가 마련되어 있음.
- 유료: 더 많은 기능이 필요한 성장하는 비즈니스에 적합함. Shopify는 $180~$350(26만 원~52만 원) 가격대의 유료 테마를 800개 이상 제공하며 일회성 비용으로 지불함. 초기 비용은 더 들지만 그래픽 디자인 기능, 이커머스 도구, 스토어를 더욱 세밀하게 설정할 수 있는 강력한 기능을 제공함.
Shopify 기성 테마 vs 맞춤 제작 테마
Shopify 스토어를 새로 만들거나 리뉴얼할 때 중요한 결정 중 하나는 기성 테마로 시작할지, 아니면 맞춤 제작 테마에 투자할지 여부입니다. 두 방식 모두 장점이 있지만 결국 예산, 일정, 최종 디자인에 대한 제어 수준에 따라 선택이 달라집니다.
기성 테마는 Shopify 테마 스토어에서 바로 설치할 수 있는 완성형 테마입니다. 설치 후 테마 편집기에서 필요한 부분을 조정할 수 있습니다. 가격은 보통 일회성 비용으로 $200~$400(29만 원~59만 원) 수준입니다. 이미 디자인이 완료되어 있으므로 수정하려는 범위에 따라 며칠에서 몇 주 안에 스토어를 빠르게 오픈할 수 있습니다.
테마 개발자가 업데이트와 버그 수정을 담당하므로 유지보수도 용이합니다. 다만 테마의 기본 프레임워크 내에서만 변경할 수 있다는 점이 단점입니다.
기성 테마가 적합한 대상:
- 큰 비용 부담 없이 깔끔한 디자인을 원하는 중소규모 브랜드
- 빠른 판매 시작을 목표로 하는 브랜드
- 플랫폼 기본 지원과 자동 업데이트를 선호하는 스토어 운영자
Horizon 덕분에 오늘날의 기성 테마는 과거 맞춤 제작이 필요했던 수준의 설정 자유도를 제공하며 훨씬 유연해졌습니다.
반면 맞춤 테마는 브랜드 전용으로 디자인되고 코딩되므로 완벽한 크리에이티브 제어권을 제공합니다. 스토어 복잡성에 따라 비용은 $5,000(737만 원) 이상부터 수천만 원에 이를 수 있습니다.
전체 맞춤 제작에는 수주일에서 수개월이 소요될 수 있어 스토어 오픈까지 더 오랜 시간이 걸립니다. 하지만 무제한에 가까운 유연성을 통해 원하는 모든 레이아웃과 기능을 세밀하게 구현할 수 있습니다.
자동 테마 업데이트가 제공되지 않으므로 업데이트, 버그 수정, 신규 기능 구현을 전담할 개발자(내부 인력 또는 프리랜서)가 필수적입니다.
맞춤 제작 테마가 적합한 대상:
- 독창적인 디자인이나 고급 기능이 필요한 기존 브랜드
- 고유한 고객 구매 여정이나 특수한 기능 요구사항이 있는 스토어
- 맞춤 코드를 지속적으로 유지보수를 할 예산과 전담 팀을 갖춘 사업자
간단히 비교해 보겠습니다.
| 구분 | 기성 테마 | 맞춤 제작 테마 |
|---|---|---|
| 비용 | $200~$400(29만 원~59만 원, 일회성) | $5,000(737만 원) 이상 (범위에 따라 변동) |
| 출시 소요 시간 | 며칠~수주일 | 수주일~수개월 |
| 유연성 | 테마 프레임워크 한도 내 제한 | 무제한 |
| 유지보수 | 테마 개발자가 처리 | 전담 개발자 필요 |
| 성능 | Shopify의 속도 검증 완료 | 코딩 상태에 따라 상이함 (우수하게 코딩될 경우 최상) |
| 지원 | 테마 개발자와 Shopify 지원 | 자체 개발자 또는 대행사 전담 |
2. 테마 설정을 편집하여 스토어의 모양 조정하기
테마의 일반적인 구조와 기능을 파악한 후 디자인적인 측면에 집중할 수 있습니다. 쇼피파이 맞춤 설정의 이 부분은 온라인 스토어가 브랜드 이미지와 일치하도록 만들어줍니다 .
Shopify 테마를 사용자 지정하려면 대시보드에서 관리자 > 온라인 스토어 > 테마 > 사용자 지정으로 이동하여 테마 편집기에 접속하세요.
주요하게 집중해야 할 영역은 다음과 같습니다.
색상 팔레트
이미 브랜드가 있다면, Shopify 테마 설정을 조정하여 해당 브랜드 가이드라인에 맞춰야 합니다. 브랜드 가이드라인이 없다면, 로고의 색상을 사용할 수 있습니다.
브랜드를 처음 시작하시나요? 브랜드 색상을 선택하는 것이 부담스러울 수 있습니다. 이 색상들이 잘 어울릴지, 밝은 색상과 중립 색상 중 어떤 것이 브랜드에 더 적합할지는 판매하는 제품 유형에서 영감을 찾아보세요. 예를 들어, 나무 가구나 가죽 제품을 판매한다면, 자연 색상인 갈색, 베이지색, 주황색이 좋은 출발점이 될 수 있습니다.
온라인 팔레트 도구를 활용하는 것도 좋은 방법입니다. 이러한 도구에서는 다른 사용자나 브랜드가 제작한 우수한 팔레트 예시를 다양하게 확인할 수 있습니다.
제품 및 비즈니스에 어울리는 색상을 선정한 후 해당 색상의 헥사코드(Hex code)를 저장하세요. 6자리 문자 및 숫자로 구성된 코드를 사용하면 다양한 온라인 플랫폼과 디자인 도구에서 동일한 색상을 정확하게 구현할 수 있습니다.
예를 들면 다음과 같습니다.
- #FFFFFF(흰색)
- #2D2D2D(진한 회색)
- #50B83C(초록색)
글꼴
글꼴 또한 브랜딩의 중요한 요소입니다. 뛰어난 온라인 쇼핑몰 디자인은 다양한 글꼴 조합을 사용하므로, 하나의 글꼴이나 스타일에 국한될 필요는 없습니다. 단조롭지 않으면서 서로 조화를 이루는 글꼴을 선택하세요.
일반적으로 2개에서 3개 정도의 글꼴을 사용하는 것이 바람직합니다. 그 이상을 사용할 경우 브랜드 정체성이 약화되거나 정보 전달 흐름을 방해할 수 있습니다. 독창성을 살리는 것도 중요하지만 가독성, 통일성, 명확성 간의 균형을 유지하는 것이 핵심입니다.
조화로운 글꼴 선택
가장 빠르게 적합한 글꼴 조합을 찾는 방법은 Helvetica나 Times New Roman처럼 동일한 글꼴 패밀리 내에서 스타일을 선택하는 것입니다. 서체 패밀리에는 굵기와 스타일이 다양하게 포함되어 있어 이미 뛰어난 조화를 이룹니다.
굵은 스타일은 제목에 적용하고, 대문자 변형 스타일은 소제목에 활용하는 방식으로 구분할 수 있습니다.
호환 가능한 서체 선택
서체를 다뤄본 적이 없다면 서체 스타일에 대한 기본 개념을 파악해 두는 것이 좋습니다. 주로 사용되는 기본 텍스트 스타일은 다음과 같습니다.
- Serif (세리프): Times New Roman과 Georgia와 같은 서체는 글자 끝에 돌기(발)가 있습니다.
- Sans serif(산세리프): Arial, Helvetica와 같은 서체는 글자 끝에 돌기 없이 깔끔합니다.
- Script(스크립트): 캘리그라피나 손글씨 형태의 서체입니다.
- Monospace(모노스페이스): 컴퓨터 코드에서 자주 사용되는 고정 폭 서체. 로보토 모노(Roboto Mono)가 대표적 예시입니다.
서로 다른 스타일의 서체를 조합하면 명확한 대비 효과를 거둘 수 있습니다.
대비에 기반한 서체 조합은 시각적 위계를 설정하는 데 매우 효과적입니다. 대조적인 서체를 사용하면 어떤 단락이 제목이고 본문인지 직관적으로 구분할 수 있습니다.
이러한 시각적 위계는 고객을 가장 중요한 정보로 자연스럽게 안내합니다.
의도적인 글꼴 크기 활용
중요한 내용을 강조하고 스토어 방문자의 탐색을 유도하기 위해 글꼴 크기를 의도적으로 조절하세요. 콘텐츠의 중요도가 높을수록 더 큰 글꼴 크기를 적용해야 합니다.
본문과 제목의 글꼴 크기를 정한 후에는 이를 일관되게 유지하여 고객이 헤드라인과 일반 단락을 쉽게 구별할 수 있도록 하세요. 일관성은 스토어의 가독성과 탐색 편의성을 높여주며, 이탈 요인을 줄여 빠른 구매 전환으로 이어지게 합니다.
3. 템플릿 생성하기
다양한 페이지에서 새로운 글꼴과 색상을 적용하고 싶을 수 있지만, 일관성이 브랜드 구축의 핵심이라는 것을 기억하세요. 고객이 스토어를 쉽게 인식하고 탐색할 수 있도록 하려면, 핵심 글꼴, 색상, 스타일을 일관되게 유지하는 것이 중요합니다.
이러한 관점에서 페이지 템플릿과 섹션은 Shopify 테마 설정 및 맞춤 설정 진행 시 매우 유용한 기능입니다.
페이지 템플릿은 블로그 게시물, 랜딩 페이지, 판매 퍼널 또는 제품 페이지와 같이 자주 재사용하는 항목에 유용합니다. 템플릿으로 시작하면 일관성을 유지할 수 있을 뿐만 아니라, 각 페이지 제작에 소요되는 시간과 기획 부담을 크게 줄일 수 있습니다.
섹션은 연락처 서식, CTA(Call to Action), 뉴스레터 구독 창처럼 여러 페이지에 반복해서 삽입하는 소규모 템플릿형 콘텐츠 블록입니다. 해당 섹션의 콘텐츠를 한 번만 수정하면 해당 섹션이 사용된 모든 곳에 변경 사항이 자동으로 반영됩니다.
섹션을 생성하고 편집하려면 테마 편집기로 이동하여 + 섹션 추가를 클릭하세요. 목록에서 새 섹션을 선택하거나 편집하려는 섹션을 검색할 수 있습니다. 섹션 옆의 ⋮⋮ 아이콘을 드래그하여 페이지 내 섹션 순서와 레이아웃을 변경할 수 있습니다. 작업이 완료되면 저장 버튼을 누르세요.
4. Shopify 앱으로 스토어 맞춤 설정하기
Shopify 앱 스토어에는 디자인 조정부터 고급 기능 구현에 이르기까지 모든 분야를 아우르는 8,000개 이상의 앱이 등록되어 있습니다. 스토어 디자인, 마케팅 및 전환율 개선, 주문 및 배송, 판매 채널, 스토어 관리, 상품 판매, 상품 소싱 등 주요 카테고리별로 다양한 앱을 확인할 수 있습니다.
스토어 디자인 카테고리 내에서도 콘텐츠, 디자인 요소, 이미지 및 미디어, 사이트 탐색, 사이트 최적화 등 세부 하위 카테고리가 나누어져 있습니다. 핵심은 맞춤 설정하고자 하는 항목을 정확히 파악한 후, 해당 요구사항을 충족하는 최적의 앱을 찾는 것입니다.
스토어 디자인 앱을 활용하여 진행할 수 있는 주요 맞춤 설정 작업은 다음과 같습니다.
- 검색창 개선: Shopify Search & Discovery와 같은 앱을 활용하면 검색, 필터링, 상품 추천 기능을 향상하고 시각적 검색 기능을 추가하여 전반적인 검색 환경을 개선할 수 있습니다.
- 추천 상품 추가: 관련 상품을 추천하여 평균 주문 금액(AOV)을 높일 수 있습니다. Thousand가 앱을 활용하여 이를 구현하는 방식을 참조해 보세요.
- 고객 후기 연동: Okendo나 Judge.me 같은 앱을 활용하여 고객 후기 기반의 구매 결정 유도 요소(Social Proof)를 제공하고 전환율을 최적화할 수 있습니다.
- 랜딩 페이지 템플릿 구축: 보다 강력한 랜딩 페이지 맞춤 설정 및 템플릿 구축을 원할 경우, 드래그 앤 드롭 에디터를 제공하는 Shogun과 같은 앱을 활용할 수 있습니다.
- 결제 페이지 맞춤 설정: 결제 단계를 시각적 브랜드 정체성에 맞추고 구매 이탈 요인을 줄여 매출을 극대화할 수 있습니다. Skip To Checkout이나 Zipify One Click Upsell 앱을 통해 이를 구현할 수 있습니다. Basic 요금제부터 모든 요금제에서 표준 결제 페이지 설정이 지원됩니다. 다만 레이아웃이나 동작 방식을 변경하는 완전한 고급 결제 페이지 맞춤 설정은 Shopify Plus 요금제에서만 가능합니다.
5. Shopify 앱 임베드를 사용하여 더 많은 섹션 추가하기
Shopify 앱 임베드는 고객에게는 보이지 않으면서 온라인 스토어에 코드를 추가하거나 채팅 말풍선처럼 스토어프론트에 떠 있는 형태의 앱 제공 요소를 말합니다. 페이지 디자인을 복잡하게 만들지 않으면서 기능을 확장할 수 있도록 지원합니다.
예를 들어 Shopify 입점사인 Ora Organic은 고르기아스(Gorgias) 기반의 실시간 채팅 앱 임베드를 사용하여 고객이 웹사이트 브라우징을 중단하지 않고도 고객 지원과 원활하게 소통할 수 있도록 지원합니다.
앱 임베드는 테마 편집기를 통해 관리하며 모든 테마 버전과 호환됩니다.
섹션과 마찬가지로 앱 임베드 역시 한 번만 설정하면 됩니다. 따라서 앱 임베드에 변경 사항을 적용하면 해당 임베드가 표시되는 모든 페이지에 자동으로 반영됩니다.
Shopify 앱 임베드를 맞춤 설정하려면 테마 편집기에서 앱 임베드를 클릭하세요. 관리할 앱 임베드를 선택하거나(또는 검색창에 키워드를 입력하여 설치된 앱 검색) 토글을 클릭하여 상태(활성화 또는 비활성화)를 변경할 수 있습니다. 확장 아이콘(▸)을 클릭하면 앱 임베드 세부 설정 내용을 확인할 수 있습니다.
Shopify 테마 편집기 사용하기
Shopify 테마 편집기는 핵심 디자인 작업 공간입니다. 코드를 건드리지 않고도 스토어의 외관과 레이아웃을 조정할 수 있는 공간입니다.
테마 편집기를 효과적으로 활용하기 위한 유용한 팁은 다음과 같습니다.
- 홈페이지부터 시작하기: 대부분의 쇼핑객이 가장 먼저 방문하는 곳이며, 스토어 전체의 분위기를 결정합니다. 세부 페이지로 넘어가기 전에 히어로 배너, 추천 상품, CTA(Call-to-Action)를 먼저 구축하세요.
- 모바일 우선으로 생각하기: 온라인 쇼핑몰 트래픽의 절반 이상이 모바일 기기에서 발생합니다. 스토어를 게시하기 전에 항상 모바일 화면을 미리 확인하세요.
- 새로운 시도를 하기 전에 테마 복제하기: 테마 > 작업 > 복제 경로에서 변경 사항을 테스트하기 전에 백업 사본을 생성하세요.
- 프리셋 활용하기: Horizon을 포함한 많은 테마는 완성도 높은 여러 프리셋을 제공하므로, 이를 기본 베이스로 삼은 뒤 에디터에서 세부 내용을 가다듬으세요.
- 파일 용량 주의하기: Shopify는 테마 업로드 시 50메가바이트, 개별 파일 시 20메가바이트의 용량 제한을 둡니다. 이미지의 경우 개당 1메가바이트 미만(권장 500킬로바이트 이하)으로 맞추고, 권장 형식(사진은 JPEG, 투명 그래픽은 PNG, 로고/아이콘은 SVG)을 준수하세요.
테마 편집기에 접근하는 방법
테마 편집기에 들어가는 방법은 간단합니다.
- Shopify 관리자에 로그인합니다.
- 온라인 스토어 > 테마로 이동합니다.
- 현재 테마에서 “사용자 맞춤 설정”을 클릭합니다.
그러면 테마 편집기가 열리고, 오른쪽에는 스토어 미리보기가, 왼쪽에 편집 가능한 섹션 사이드바가 표시됩니다.
주요 편집기 기능과 도구
Shopify 테마 편집기를 열면 다음과 같은 주요 기능과 도구를 활용할 수 있습니다.
- 섹션과 블록(사이드바): Shopify 테마는 모듈식 섹션으로 구성됩니다. 버튼, 이미지, 제목과 같은 개별 블록을 편집하거나 섹션을 추가, 삭제, 순서 변경, 숨기기 처리할 수 있습니다.
- 테마 설정: 글꼴, 색상, 파비콘, 결제 페이지 브랜딩, 소셜 미디어 링크 등 전역 스타일을 제어합니다. 여기서 변경한 사항은 스토어 전체에 통합 반영됩니다.
- 기기 미리보기: 데스크톱, 태블릿, 모바일 화면 간 전환을 통해 모든 화면 크기에서 디자인이 제대로 구현되는지 확인할 수 있습니다.
- 앱 임베드: 다양한 앱을 에디터에 직접 연결하여 고객 후기, 채팅 위젯, 배지 등의 기능을 테마에 바로 추가할 수 있습니다.
- 동적 소스: 제품 세부 정보, 메타필드, 기타 동적 데이터를 블록에 직접 불러올 수 있습니다. 예를 들어 배송 정보를 표시하거나 메타필드와 연동된 프로모션 메시지를 추가할 수 있습니다.
- 테마 프리셋과 스타일: Horizon을 포함한 일부 테마는 빠르게 디자인을 시작할 수 있도록 사전에 구성된 여러 디자인 스타일(색상 팔레트, 글꼴 조합, 레이아웃)을 제공합니다.
- 언어 편집기: 테마 전반에 노출되는 기본 텍스트 문구를 맞춤 설정할 수 있습니다(예: 장바구니에 담기 > 지금 구매하기).
- 접근성 및 SEO 설정(일부 테마 해당): 대체 텍스트, 제목 태그, 기타 최적화 항목을 추가하여 사용 편의성과 검색 노출도를 향상할 수 있습니다.
개발자를 위한 고급 Shopify 테마 설정
복잡한 요구사항을 가진 브랜드의 경우, 숙련된 Shopify 개발자와 협력하여 테마 편집기의 범위를 넘어선 맞춤 설정을 진행할 수 있습니다. 개발자는 코드, API, 고급 맞춤 설정 도구를 사용하여 사전 제작된 웹사이트 템플릿의 한계를 넘어설 수 있습니다.
Shopify 개발자 문서는 개발자가 앱을 구축하고 코드로 테마를 맞춤 설정하며 헤드리스 커머스 프레임워크를 생성할 수 있도록 지원합니다.
Liquid 템플릿 소개
Liquid는 Shopify의 오픈 소스 템플릿 언어이며 모든 Shopify 테마의 기본입니다. 개발자는 Liquid를 사용하여 Shopify 백엔드에서 콘텐츠(예: 상품, 컬렉션, 고객 데이터)를 불러와 프론트엔드 템플릿에 출력함으로써 동적 페이지를 생성할 수 있습니다.
Liquid를 통해 다음 작업을 진행할 수 있습니다.
- 태그, 객체, 필터를 사용하여 동적 데이터 출력(예: {{ product.title }})
- 일관된 디자인을 위한 재사용 가능한 스니펫과 레이아웃 구축
- 조건부 로직 생성(예: 상품이 할인 중인 경우에만 배지 노출)
- 맞춤 코드로 테마 템플릿 확장 또는 재정의
예를 들어 아래 간단한 스니펫은 Liquid가 재고를 확인하고 서로 다른 요소를 출력하는 방식을 보여줍니다.
{% if product.available %}
<button>장바구니에 담기</button>
{% else %}
<p>품절</p>
{% endif %}
메타필드를 활용한 맞춤형 데이터 관리
메타필드를 사용하면 Shopify의 기본 상품 필드에 포함되지 않는 맞춤형 데이터를 저장하고 노출할 수 있습니다. 메타필드는 테마를 직접 수정하지 않고도 스토어의 기능을 한층 확장해 줍니다.
일반적인 활용 사례는 다음과 같습니다.
- 상품 페이지에 사이즈 표나 취급 주의사항 추가
- 재입고 예정일 또는 사전 주문 정보 저장
- 맞춤형 아이콘이나 라벨 표시(예: '비건' 또는 '친환경')
- 블로그 포스트나 랜딩 페이지를 위한 고유한 콘텐츠 필드 생성
메타필드 작동 방식은 다음과 같습니다.
- Shopify 관리자 페이지에서 메타필드 네임스페이스와 키를 정의합니다(예: details.material).
- 상품, 컬렉션 또는 기타 리소스에 해당 값을 할당합니다.
- Liquid 템플릿에서 해당 메타필드를 호출합니다.
예를 들어, 다음 코드는 제품 페이지에 맞춤 “소재” 메타필드를 표시합니다.
나만의 방식으로 완성하는 Shopify 테마 맞춤 설정
Shopify의 모든 테마는 높은 수준의 표준을 충족하도록 설계되었으며, 할인 제공, 상품 추천, 이메일 수집 등 고객을 위한 다양한 내장 기능을 갖추고 있습니다. 아울러 모든 테마에 무료 업데이트가 제공되므로 언제나 최신 버전을 유지할 수 있습니다.
온라인 판매에 최적화된 테마는 로딩 속도가 빠르고 모바일 환경에서 매끄럽게 작동하며 뛰어난 결제 환경을 제공합니다. 올바른 맞춤 설정을 거치면 스토어는 단순한 템플릿을 넘어 고객에게 신뢰를 주고 다시 찾고 싶은 쇼핑 경험을 선사하게 됩니다.
쇼피파이 테마 맞춤 설정 FAQ
Shopify 맞춤 설정이 가능한가요?
네, Shopify 스토어를 맞춤 설정할 수 있습니다. 테마를 선택한 다음 테마 편집기로 이동하여 설정, 결제 페이지, 웹사이트 디자인 등을 자유롭게 맞춤 설정할 수 있습니다.
Shopify 맞춤 설정이란 무엇인가요?
Shopify 맞춤 설정은 Shopify 웹사이트의 프론트엔드 또는 백엔드를 변경하는 작업을 뜻합니다. 여기에는 디자인(글꼴, 색상, 레이아웃), 결제 옵션, 결제 프로세스, 웹사이트 탐색 구조 변경 등이 포함될 수 있습니다.
Shopify를 전체 맞춤 설정하려면 어떻게 해야 하나요?
테마를 기반으로 시작하여 테마 편집기에서 디자인 변경을 진행하면 전체 맞춤 설정을 완성할 수 있습니다. Liquid 코드, 메타필드, 앱을 활용하면 기능을 추가로 확장할 수 있습니다. 완전한 제어를 원할 경우, Shopify 개발자를 통해 맞춤형 테마를 구축하거나 API를 연동하여 고유한 쇼핑 환경을 제작할 수 있습니다.
Shopify는 맞춤 설정하기 쉬운가요?
네, Shopify는 쉽게 맞춤 설정할 수 있습니다. 테마 편집기로 이동하여 직접 디자인을 변경하거나 전문 지식을 갖춘 전문가에게 작업을 맡길 수 있습니다.
Shopify 스토어 맞춤 설정 시 어디서 도움을 받을 수 있나요?
Shopify 파트너 웹사이트(Shopify Experts)를 이용하면 경험 풍부한 웹 디자이너와 연결하여 전문적인 조언을 구하거나 디자인 작업을 의뢰할 수 있습니다.
Shopify에서 개별 맞춤 옵션이 있는 상품을 제작하려면 어떻게 해야 하나요?
맞춤 제작이 가능한 상품을 다루려면 Shopify 내장 사용자 지정 필드나 상품 맞춤 설정 전용 앱을 활용하여 텍스트 입력란, 드롭다운 옵션, 이미지 업로드 등의 기능을 추가할 수 있습니다. 개발자라면 메타필드나 맞춤 코드를 활용하여 각인 요청이나 세트 상품 구성과 같은 고도화된 기능도 제작할 수 있습니다.
Shopify 스토어를 반드시 맞춤 설정해야 하나요?
아니요, 별도의 편집 작업 없이 기본 완성도가 뛰어난 사전 제작 템플릿 테마로 스토어를 즉시 시작할 수 있습니다. 맞춤 설정은 선택 사항이지만, 로고, 브랜드 색상, 글꼴 변경 등의 가벼운 수정만으로도 브랜드 정체성을 살리고 고객 경험을 향상할 수 있습니다.
원문 자막 펼치기
<!DOCTYPE html><html lang="ko" dir="ltr"><head><script data-pre-hydration-monitor="true">(()=>{try{if(typeof MutationObserver>"u")return;const r=20,f=120,s={injectedElements:[],removedElements:[],attributesChanged:[]},c=t=>t?t.length>f?`${t.slice(0,f)}...`:t:"",N=["cdn.shopify.com","shopify.com","shopifycloud"],b=t=>t?N.some(e=>t.includes(e)):!1,m=t=>{const e=t.nodeName;if(!e||e==="#text"||e==="#comment")return null;const n=t.id?`#${t.id}`:"";let o="";if(t.className&&typeof t.className=="string"){const p=t.className.trim().split(/\s+/).slice(0,2).join(".");p&&(o=`.${p}`)}const u=t.getAttribute?.("src"),l=t.getAttribute?.("href"),g=t.getAttribute?.("type"),i=[];u?i.push(`src=${c(u)}`):l&&i.push(`href=${c(l)}`),g&&i.push(`type=${g}`);const E=i.length>0?`[${i.join(",")}]`:"",A=u||l||"";return{desc:[e,n,o,E].filter(Boolean).join(""),internal:b(A)}},d=t=>{const{target:e}=t,n=e.nodeName||"";return e.id?`${n}#${e.id}`:n},y=t=>{for(const e of t.addedNodes){const n=m(e);!n||n.internal||s.injectedElements.length<r&&s.injectedElements.push(`${n.desc} -> ${d(t)}`)}},$=t=>{for(const e of t.removedNodes){const n=m(e);!n||n.internal||s.removedElements.length<r&&s.removedElements.push(`${n.desc} <- ${d(t)}`)}},v=t=>{const e=d(t),n=t.target.getAttribute?.(t.attributeName)||"",o=`${e}.${t.attributeName}=${c(n)}`;s.attributesChanged.length<r&&s.attributesChanged.push(o)},h=new MutationObserver(t=>{for(const e of t){const n=e.type==="childList",o=e.type==="attributes";if(n){y(e),$(e);continue}o&&v(e)}}),a=()=>{h.observe(document.documentElement,{childList:!0,subtree:!0,attributes:!0})};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",a):a(),window.__preHydrationData=s,window.__stopPreHydrationMonitor=()=>{h.disconnect(),document.removeEventListener("DOMContentLoaded",a),delete window.__preHydrationData,delete window.__stopPreHydrationMonitor}}catch{}})();
</script><title>2026년 쇼피파이 테마 맞춤 설정하는 5가지 방법 - Shopify 대한민국</title><meta charSet="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta http-equiv="Accept-CH" content="ECT, Save-Data, Device-Memory, Downlink"/><meta name="description" content="2026년 가이드를 통해 Shopify(쇼피파이) 테마 설정을 마스터해 보세요. 코딩 없이 테마 편집기, 앱, 템플릿을 활용하여 쇼피파이 테마 설정을 진행하는 방법을 알아봅니다."/><meta property="fb:pages" content="20409006880"/><meta property="fb:app_id" content="847460188612391"/><meta property="og:type" content="website"/><meta property="og:site_name" content="Shopify"/><meta property="og:title" content="2026년 쇼피파이 테마 맞춤 설정하는 5가지 방법 - Shopify 대한민국"/><meta property="og:description" content="2026년 가이드를 통해 Shopify(쇼피파이) 테마 설정을 마스터해 보세요. 코딩 없이 테마 편집기, 앱, 템플릿을 활용하여 쇼피파이 테마 설정을 진행하는 방법을 알아봅니다."/><meta property="og:image" content="https://cdn.shopify.com/b/shopify-brochure2-assets/3ce53f86269ae459d1b211ac7a07562f.jpg"/><meta name="twitter:image" content="https://cdn.shopify.com/b/shopify-brochure2-assets/3ce53f86269ae459d1b211ac7a07562f.jpg"/><meta property="og:url" content="https://www.shopify.com/kr/blog/customizing-store-theme"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="Shopify"/><meta name="twitter:account_id" content="17136315"/><meta name="twitter:title" content="2026년 쇼피파이 테마 맞춤 설정하는 5가지 방법 - Shopify 대한민국"/><meta name="twitter:description" content="2026년 가이드를 통해 Shopify(쇼피파이) 테마 설정을 마스터해 보세요. 코딩 없이 테마 편집기, 앱, 템플릿을 활용하여 쇼피파이 테마 설정을 진행하는 방법을 알아봅니다."/><link href="https://cdn.shopify.com" rel="preconnect"/><link href="https://cdn.shopify.com" rel="preconnect" crossorigin="anonymous"/><link href="https://gtm.shopify.com" rel="preconnect"/><link href="https://www.googletagmanager.com" rel="preconnect"/><meta name="robots" content="index, follow, max-image-preview:large"/><link rel="alternate" hreflang="ko" href="https://www.shopify.com/kr/blog/customizing-store-theme"/><link rel="stylesheet" href="https://cdn.shopify.com/shopifycloud/world/brochure/production-blog/assets/blogRedesign-C9NVmv62.css"/><link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://cdn.shopify.com/b/shopify-brochure2-assets/b2ba26f35a9189c443bbbd74242e6b0e.woff2"/><script data-async-css-loader="true">(function(){function n(e){if(!e||e.media==="all")return;function t(){e.media="all"}e.sheet?t():e.addEventListener("load",t,{once:!0})}document.querySelectorAll("link[data-async-css]").forEach(n),typeof MutationObserver<"u"&&new MutationObserver(function(e){e.forEach(function(t){t.addedNodes.forEach(function(a){a.nodeType===1&&a.tagName==="LINK"&&a.hasAttribute("data-async-css")&&n(a)})})}).observe(document.head,{childList:!0,subtree:!0})})();
</script><link rel="icon" href="https://cdn.shopify.com/b/shopify-brochure2-assets/61cc781fe73f11e9d4bd160d27cc627b.png" type="image/png"/><link rel="apple-touch-icon" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png"/><link rel="apple-touch-icon" sizes="120x120" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png"/><link rel="apple-touch-icon" sizes="114x114" href="https://cdn.shopify.com/b/shopify-brochure2-assets/b13486e5693b246af63c66ab047a6b6b.png"/><link rel="apple-touch-icon" sizes="72x72" href="https://cdn.shopify.com/b/shopify-brochure2-assets/8734d76c98437c8ae8a628bbeed3750a.png"/><link rel="apple-touch-icon" sizes="57x57" href="https://cdn.shopify.com/b/shopify-brochure2-assets/193f18e4855704ef1716dc0cd750c1ee.png"/><link rel="canonical" href="https://www.shopify.com/kr/blog/customizing-store-theme"/></head><body class="overscroll-y-none"><script>window.__brochureDuxConfig={"eventHandlerEndpoint":"/.well-known/dux?v2&_pri=1"}</script><div class="absolute top-2 left-2 z-[100] pointer-events-none"><a href="#main" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-dark-primary-text bg-button-dark-primary-bg border-button-dark-primary-border ring-button-dark-primary-border hover:text-button-dark-primary-text-hover hover:bg-button-dark-primary-bg-hover hover:border-button-dark-primary-border-hover hover:ring-button-dark-primary-border-hover focus:text-button-dark-primary-text-focus focus:bg-button-dark-primary-bg-focus focus:border-button-dark-primary-border-focus focus:ring-button-dark-primary-border-focus active:text-button-dark-primary-text-active active:bg-button-dark-primary-bg-active active:border-button-dark-primary-border-active active:ring-button-dark-primary-border-active disabled:text-button-dark-primary-text-disabled disabled:bg-button-dark-primary-bg-disabled disabled:border-button-dark-primary-border-disabled disabled:ring-button-dark-primary-border-disabled transition-transform duration-300 translate-y-[-200%] motion-reduce:transition-none focus:translate-y-0" data-component-name="button" data-mode="dark" target="">콘텐츠로 건너뛰기</a></div><div class="relative"><header class="font-sans absolute h-full w-full pointer-events-none z-50" data-component-name="global-nav" data-viewable-component="true" data-component-extra-variant="brochureV2-newNav-header" data-has-secondary-navigation="true"><div class="after:absolute after:top-0 after:left-0 after:will-change-opacity after:pointer-events-none after:h-full after:w-full after:z-10 after:transition-opacity after:duration-200 w-full z-50 [&:has(.level1-item:hover)]:after:opacity-100 [&:has(.level1-item:focus-within)]:after:opacity-100 after:bg-white text-black after:opacity-100 -top-global-header pointer-events-auto before:absolute before:top-0 before:left-0 before:will-change-opacity before:pointer-events-none before:h-full before:w-full before:z-100 before:transition-opacity before:duration-200 before:opacity-0 before:translate-y-full [&:has(.level1-item:hover)]:before:opacity-100 [&:has(.level1-item:focus-within)]:before:opacity-100 [&:has(.level1-item)]:before:delay-[350ms] [&:has(.level1-item:hover)]:before:delay-100 [&:has(.level1-item:focus-within)]:before:delay-100 before:bg-[linear-gradient(180deg,#fff_0px,transparent_40px)] sticky"><div class="h-global-header px-margin xl:px-auto-xl flex items-center z-20 relative"><div class="relative flex shrink-0 items-center mr-8"><a href="/kr" data-component-name="logo-home" class="inline-block shrink-0 relative z-20"><img src="https://cdn.shopify.com/b/shopify-brochure2-assets/b2e2f48c81f4ae49a1f1f3c128238f50.svg" alt="Shopify" class="h-9 lg:h-9" data-component-name="shopify-logo"/></a></div><nav class="max-lg:hidden flex h-full grow" aria-label="주요" itemscope="" itemType="https://schema.org/SiteNavigationElement" data-click-outside="dismiss" data-component-name="desktop-main-navigation" data-viewable-component="true"><ul class="flex h-full group"><li class="text-base shrink-0 mr-7 min-[1300px]:mr-8 level1-item z-30 hover:z-40 before:absolute before:bottom-0 before:left-0 before:w-full before:h-6 before:pointer-events-none hover:before:pointer-events-auto"><div class="relative flex h-full items-center gap-x-0.5 lg:group-hover:opacity-50 lg:group-hover:hover:opacity-100 lg:[.level1-item:hover_&]:opacity-100 lg:transition-opacity lg:duration-300 before:absolute before:top-0 before:left-0 before:w-[calc(100%+4rem)] before:h-full before:-translate-x-8"><span class="font-semi-medium whitespace-nowrap">Shopify를 선택해야 하는 이유</span><svg class="pointer-events-none w-4 h-4 mt-[3px] shrink-0 transition-transform duration-200 [.level1-item:hover_&]:-scale-y-100 [.level1-item:focus-within_&]:-scale-y-100 text-black"><use href="#icon-chevron"></use></svg></div><div class="level2-wrapper absolute top-0 start-0 w-full overflow-hidden pointer-events-none max-lg:h-full lg:top-global-header lg:[.level1-item:hover_&]:pointer-events-auto lg:max-h-[calc(90vh-72px)] lg:no-scrollbar lg:overflow-y-auto lg:pb-9 lg:before:shadow-xl lg:before:pointer-events-none lg:before:absolute lg:before:bottom-9 lg:before:start-0 lg:before:h-9 lg:before:w-full lg:before:opacity-0 lg:before:transition-opacity lg:before:duration-300 lg:before:delay-0 lg:before:will-change-[opacity] lg:[.level1-item:hover_&]:before:opacity-100 lg:[.level1-item:hover_&]:before:duration-[300ms] lg:[.level1-item:hover_&]:before:delay-[350ms] lg:[.level1-item:focus-within_&]:before:opacity-100 lg:[.level1-item:focus-within_&]:before:duration-[300ms] lg:[.level1-item:focus-within_&]:before:delay-[350ms]" data-component-name="global-nav-level2" data-viewable-component="true"><input type="checkbox" id="bk-nav-Shopify를 선택해야 하는 이유" class="peer hidden" aria-hidden="true"/><div class="gap-y-[68px] text-sm opacity-0 pt-[76px] px-margin max-sm:flex max-sm:flex-col sm:gap-x-10 sm:pt-[104px] md:relative max-lg:transition-opacity max-lg:duration-[300ms] max-lg:overflow-y-auto max-lg:h-full max-lg:peer-checked:opacity-100 max-lg:peer-checked:pointer-events-auto max-lg:will-change-[opacity] lg:pt-10 lg:opacity-100 lg:-translate-y-[calc(100%+1px)] lg:transition-transform lg:duration-[300ms] lg:ease-ease-out-cubic lg:will-change-transform lg:delay-[150ms] lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level1-item:hover_&]:delay-200 lg:[.level1-item:focus-within_&]:delay-200 lg:will-change-transform xl:px-auto-xl level2-media-container flex max-lg:flex-col max-lg:gap-y-10 max-lg:pb-20 lg:items-start lg:overflow-hidden text-[#18181b] bg-white"><ul class="[grid-area:items] lg:opacity-0 lg:-translate-y-6 lg:delay-[50ms,0ms] lg:transition-[opacity,translate] lg:duration-300 lg:ease-ease-out-cubic lg:will-change-[opacity,translate] lg:[.level1-item:hover_&]:opacity-100 lg:[.level1-item:focus-within_&]:opacity-100 lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level1-item:hover_&]:delay-[250ms,300ms] lg:[.level1-item:focus-within_&]:delay-[250ms,300ms] max-md:flex max-md:flex-col max-md:gap-y-1.5 md:grid grid-cols-3 grid-rows-[1fr] md:gap-x-4 lg:gap-x-6 lg:mb-10"><li class="max-md:relative"><label for="bk-nav-Shopify를 선택해야 하는 이유" class="flex items-center cursor-pointer z-20 absolute -top-8 max-md:-translate-y-full sm:-top-10 md:top-10 start-0 md:start-margin lg:hidden before:absolute before:-inset-5"><svg class="pointer-events-none w-5 h-5 shrink-0 ltr:rotate-90 rtl:-rotate-90"><use href="#icon-chevron"></use></svg>뒤로</label><a class="level3-link max-sm:pe-4 max-md:grid max-md:grid-cols-[min-content_1fr] max-md:grid-rows-[min-content] max-md:gap-x-3 max-md:py-6 max-md:ps-4 max-md:rounded-2xl sm:max-md:pe-12 max-md:bg-[#fafafa] max-md:border max-md:border-[#f4f4f5]" href="/kr/start"><picture class="flex items-center justify-center aspect-[1.049] mb-2 overflow-clip max-md:hidden rounded-2xl lg:rounded-xl lg:max-h-[321px] lg:hidden lg:transition-[display] lg:transition-discrete lg:duration-[450ms] lg:[.level1-item:hover_&]:flex lg:[.level1-item:focus-within_&]:flex"><img class="w-full h-full object-cover lg:hover:scale-125 lg:transition-transform lg:duration-500" alt="빠르게 시작하세요" decoding="async" loading="lazy" src="https://cdn.shopify.com/b/shopify-brochure2-assets/35d24a52160348807e95f1d335e9e295.png?width=421" srcSet="https://cdn.shopify.com/b/shopify-brochure2-assets/35d24a52160348807e95f1d335e9e295.png?width=842 2x"/></picture><svg class="pointer-events-none row-start-[span_2] w-7 h-7 shrink-0 md:hidden"><use href="#icon-drag-and-drop"></use></svg><p class="flex items-center mb-0.5 text-base max-md:self-end max-md:z-20">빠르게 시작하세요<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate] max-sm:hidden max-md:absolute max-md:w-6 max-md:h-6 max-md:opacity-100 max-md:top-1/2 max-md:-translate-y-1/2 max-md:end-4 max-md:rtl:-scale-x-100"><use href="#icon-arrow"></use></svg></p><p class="text-sm text-pretty leading-[18px] text-[#71717a] max-md:z-20">내일부터 바로 판매할 수 있습니다.</p></a></li><li class="max-md:relative"><a class="level3-link max-sm:pe-4 max-md:grid max-md:grid-cols-[min-content_1fr] max-md:grid-rows-[min-content] max-md:gap-x-3 max-md:py-6 max-md:ps-4 max-md:rounded-2xl sm:max-md:pe-12 max-md:bg-[#fafafa] max-md:border max-md:border-[#f4f4f5]" href="/kr/sell"><picture class="flex items-center justify-center aspect-[1.049] mb-2 overflow-clip max-md:hidden rounded-2xl lg:rounded-xl lg:max-h-[321px] lg:hidden lg:transition-[display] lg:transition-discrete lg:duration-[450ms] lg:[.level1-item:hover_&]:flex lg:[.level1-item:focus-within_&]:flex"><img class="w-full h-full object-cover lg:hover:scale-125 lg:transition-transform lg:duration-500" alt="Shopify로 전환하세요" decoding="async" loading="lazy" src="https://cdn.shopify.com/b/shopify-brochure2-assets/b4995abc3f73dd8442f579e10023a4df.png?width=421" srcSet="https://cdn.shopify.com/b/shopify-brochure2-assets/b4995abc3f73dd8442f579e10023a4df.png?width=842 2x"/></picture><svg class="pointer-events-none row-start-[span_2] w-7 h-7 shrink-0 md:hidden"><use href="#icon-boost"></use></svg><p class="flex items-center mb-0.5 text-base max-md:self-end max-md:z-20">Shopify로 전환하세요<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate] max-sm:hidden max-md:absolute max-md:w-6 max-md:h-6 max-md:opacity-100 max-md:top-1/2 max-md:-translate-y-1/2 max-md:end-4 max-md:rtl:-scale-x-100"><use href="#icon-arrow"></use></svg></p><p class="text-sm text-pretty leading-[18px] text-[#71717a] max-md:z-20">더 많은 고객을 확보해 더 많은 매출을 올려보세요.</p></a></li><li class="max-md:relative"><a class="level3-link max-sm:pe-4 max-md:grid max-md:grid-cols-[min-content_1fr] max-md:grid-rows-[min-content] max-md:gap-x-3 max-md:py-6 max-md:ps-4 max-md:rounded-2xl sm:max-md:pe-12 max-md:bg-[#fafafa] max-md:border max-md:border-[#f4f4f5]" href="/kr/enterprise"><picture class="flex items-center justify-center aspect-[1.049] mb-2 overflow-clip max-md:hidden rounded-2xl lg:rounded-xl lg:max-h-[321px] lg:hidden lg:transition-[display] lg:transition-discrete lg:duration-[450ms] lg:[.level1-item:hover_&]:flex lg:[.level1-item:focus-within_&]:flex"><img class="w-full h-full object-cover lg:hover:scale-125 lg:transition-transform lg:duration-500" alt="엔터프라이즈급 브랜드가 신뢰하는 플랫폼" decoding="async" loading="lazy" src="https://cdn.shopify.com/b/shopify-brochure2-assets/91fd2e27323b7a94d9fdb2a7973e668e.png?width=421" srcSet="https://cdn.shopify.com/b/shopify-brochure2-assets/91fd2e27323b7a94d9fdb2a7973e668e.png?width=842 2x"/></picture><svg class="pointer-events-none row-start-[span_2] w-7 h-7 shrink-0 md:hidden"><use href="#icon-sales-up"></use></svg><p class="flex items-center mb-0.5 text-base max-md:self-end max-md:z-20">엔터프라이즈급 브랜드가 신뢰하는 플랫폼<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate] max-sm:hidden max-md:absolute max-md:w-6 max-md:h-6 max-md:opacity-100 max-md:top-1/2 max-md:-translate-y-1/2 max-md:end-4 max-md:rtl:-scale-x-100"><use href="#icon-arrow"></use></svg></p><p class="text-sm text-pretty leading-[18px] text-[#71717a] max-md:z-20">규모, 복잡성 또는 목표와 관계없이 이용할 수 있습니다.</p></a></li></ul><div class="relative [grid-area:aside] before:absolute before:-top-10 before:start-0 before:bottom-0 before:z-0 before:pointer-events-none max-sm:mt-2 sm:before:w-[calc(100%+var(--margin,var(--spacing-margin)))] xl:before:w-[50vw] max-lg:before:content-none lg:pb-10 lg:ps-10 lg:before:-bottom-5 before:bg-[#fafafa] after:bg-[#f4f4f5]"><p class="text-xs text-pretty uppercase tracking-[.72px] leading-[1.2] mb-3.5 text-[#008060] font-semibold relative mb-6 lg:opacity-0 lg:-translate-y-6 lg:delay-[50ms,0ms] lg:transition-[opacity,translate] lg:duration-300 lg:ease-ease-out-cubic lg:will-change-[opacity,translate] lg:[.level1-item:hover_&]:opacity-100 lg:[.level1-item:focus-within_&]:opacity-100 lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level1-item:hover_&]:delay-[350ms,400ms] lg:[.level1-item:focus-within_&]:delay-[350ms,400ms] sm:max-lg:w-1/2 sm:w-64">모든 스토어에 기본 탑재</p><ul class="relative flex lg:opacity-0 lg:-translate-y-6 lg:delay-[50ms,0ms] lg:transition-[opacity,translate] lg:duration-300 lg:ease-ease-out-cubic lg:will-change-[opacity,translate] lg:[.level1-item:hover_&]:opacity-100 lg:[.level1-item:focus-within_&]:opacity-100 lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level1-item:hover_&]:delay-[350ms,400ms] lg:[.level1-item:focus-within_&]:delay-[350ms,400ms] max-md:gap-x-2 max-lg:w-full max-lg:gap-x-4 lg:gap-y-6 lg:flex-col"><li class="max-lg:w-1/2"><a href="/kr/checkout" class="level3-link gap-y-1 max-sm:flex max-sm:flex-col max-sm:min-h-[176px] sm:max-lg:grid sm:max-lg:grid-cols-[1.5fr_1fr] sm:max-lg:grid-rows-[auto] sm:max-lg:gap-x-3 sm:max-lg:min-h-[129px] max-lg:border max-lg:rounded-2xl max-lg:h-full max-lg:p-6 lg:flex lg:flex-col lg:w-[190px] max-lg:bg-[#fafafa] max-lg:border max-lg:border-[#f4f4f5]"><video muted="" playsinline="" preload="none" poster="https://cdn.shopify.com/b/shopify-brochure2-assets/07baf8219532d81f6d6725151f9e3482.png?width=434" class="rounded-lg pointer-coarse:pointer-events-none max-sm:w-full lg:hidden lg:transition-[display] lg:transition-discrete lg:duration-[450ms] lg:[.level1-item:hover_&]:block lg:[.level1-item:focus-within_&]:block max-lg:pointer-events-none max-lg:hidden lg:mb-1 lg:h-[87px] lg:aspect-[2.17] bg-[#f2f2f0]"><source src="https://cdn.shopify.com/b/shopify-brochure2-assets/5a751065b0c61a7ef84271640431b54a.webm" type="video/webm; codecs=av01.0.08M.08"/><source src="https://cdn.shopify.com/b/shopify-brochure2-assets/6b1441a90dc0d0215f138f66d6dc18bb.mp4" type="video/mp4"/></video><p class="flex items-center mb-0.5 max-lg:relative max-lg:z-10 text-pretty sm:max-lg:self-end">세계 최고의 결제 시스템<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></p><p class="text-sm text-pretty leading-[18px] text-[#71717a] max-lg:relative max-lg:z-10 max-sm:mb-3 sm:max-lg:row-start-2">검증된 전환율 향상 효과를 경험하세요.</p><img class="relative z-10 w-[118px] aspect-[3.333] rounded max-sm:mt-auto sm:row-start-[span_2] sm:self-center sm:justify-self-end sm:w-[100px] sm:max-lg:justify-self-center max-lg:shadow-[0_8px_48px_0_rgba(24,24,27,0.24),_0_4px_8px_0_rgba(24,24,27,0.16)] md:w-[133px] lg:hidden" src="https://cdn.shopify.com/b/shopify-brochure2-assets/ecabe88f01662a8048799d22f2c6aa99.svg" alt="세계 최고의 결제 시스템"/></a></li><li class="max-lg:w-1/2"><a href="/kr/sidekick" class="level3-link gap-y-1 max-sm:flex max-sm:flex-col max-sm:min-h-[176px] sm:max-lg:grid sm:max-lg:grid-cols-[1.5fr_1fr] sm:max-lg:grid-rows-[auto] sm:max-lg:gap-x-3 sm:max-lg:min-h-[129px] max-lg:border max-lg:rounded-2xl max-lg:h-full max-lg:p-6 lg:flex lg:flex-col lg:w-[190px] max-lg:bg-[#fafafa] max-lg:border max-lg:border-[#f4f4f5]"><video muted="" playsinline="" preload="none" poster="https://cdn.shopify.com/b/shopify-brochure2-assets/b759ef6f62237393d768ad362888875f.png?width=434" class="rounded-lg pointer-coarse:pointer-events-none max-sm:w-full lg:hidden lg:transition-[display] lg:transition-discrete lg:duration-[450ms] lg:[.level1-item:hover_&]:block lg:[.level1-item:focus-within_&]:block max-lg:pointer-events-none max-lg:hidden lg:mb-1 lg:h-[87px] lg:aspect-[2.17] bg-[#f2f2f0]"><source src="https://cdn.shopify.com/b/shopify-brochure2-assets/90ccaa3754ed4c1f485353f1853faaa9.webm" type="video/webm; codecs=av01.0.08M.08"/><source src="https://cdn.shopify.com/b/shopify-brochure2-assets/952301edf0f8a5a57f90d6a395dd4a10.mp4" type="video/mp4"/></video><p class="flex items-center mb-0.5 max-lg:relative max-lg:z-10 text-pretty sm:max-lg:self-end">Sidekick<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></p><p class="text-sm text-pretty leading-[18px] text-[#71717a] max-lg:relative max-lg:z-10 max-sm:mb-3 sm:max-lg:row-start-2">상거래에 최적화된 AI 어시스턴트를 만나보세요.</p><img class="relative z-10 w-[70px] aspect-square max-sm:translate-y-2.5 max-sm:-mt-2.5 sm:w-[80px] sm:self-center sm:justify-self-end sm:row-start-[span_2] sm:max-lg:justify-self-center lg:hidden" src="https://cdn.shopify.com/b/shopify-brochure2-assets/8aca5aedd28634c235a5fd3a74ac1cd2.png?width=80" srcSet="https://cdn.shopify.com/b/shopify-brochure2-assets/8aca5aedd28634c235a5fd3a74ac1cd2.png?width=160 2x" alt="Sidekick"/></a></li></ul></div></div></div></li><li class="text-base shrink-0 mr-7 min-[1300px]:mr-8 level1-item z-30 hover:z-40 before:absolute before:bottom-0 before:left-0 before:w-full before:h-6 before:pointer-events-none hover:before:pointer-events-auto"><div class="relative flex h-full items-center gap-x-0.5 lg:group-hover:opacity-50 lg:group-hover:hover:opacity-100 lg:[.level1-item:hover_&]:opacity-100 lg:transition-opacity lg:duration-300 before:absolute before:top-0 before:left-0 before:w-[calc(100%+4rem)] before:h-full before:-translate-x-8"><span class="font-semi-medium whitespace-nowrap">제품</span><svg class="pointer-events-none w-4 h-4 mt-[3px] shrink-0 transition-transform duration-200 [.level1-item:hover_&]:-scale-y-100 [.level1-item:focus-within_&]:-scale-y-100 text-black"><use href="#icon-chevron"></use></svg></div><div class="level2-wrapper absolute top-0 start-0 w-full overflow-hidden pointer-events-none max-lg:h-full lg:top-global-header lg:[.level1-item:hover_&]:pointer-events-auto lg:max-h-[calc(90vh-72px)] lg:no-scrollbar lg:overflow-y-auto lg:pb-9 lg:before:shadow-xl lg:before:pointer-events-none lg:before:absolute lg:before:bottom-9 lg:before:start-0 lg:before:h-9 lg:before:w-full lg:before:opacity-0 lg:before:transition-opacity lg:before:duration-300 lg:before:delay-0 lg:before:will-change-[opacity] lg:[.level1-item:hover_&]:before:opacity-100 lg:[.level1-item:hover_&]:before:duration-[300ms] lg:[.level1-item:hover_&]:before:delay-[350ms] lg:[.level1-item:focus-within_&]:before:opacity-100 lg:[.level1-item:focus-within_&]:before:duration-[300ms] lg:[.level1-item:focus-within_&]:before:delay-[350ms]" data-component-name="global-nav-level2" data-viewable-component="true"><input type="checkbox" id="bk-nav-제품" class="peer hidden" aria-hidden="true"/><div class="gap-y-[68px] text-sm opacity-0 pt-[76px] px-margin max-sm:flex max-sm:flex-col sm:gap-x-10 sm:pt-[104px] md:relative max-lg:transition-opacity max-lg:duration-[300ms] max-lg:overflow-y-auto max-lg:h-full max-lg:peer-checked:opacity-100 max-lg:peer-checked:pointer-events-auto max-lg:will-change-[opacity] lg:pt-10 lg:opacity-100 lg:-translate-y-[calc(100%+1px)] lg:transition-transform lg:duration-[300ms] lg:ease-ease-out-cubic lg:will-change-transform lg:delay-[150ms] lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level1-item:hover_&]:delay-200 lg:[.level1-item:focus-within_&]:delay-200 lg:will-change-transform xl:px-auto-xl sm:[--bk-l2-rows:2] sm:grid sm:items-start sm:grid-cols-[1fr_1fr] sm:grid-rows-[repeat(var(--bk-l2-rows),min-content)] sm:[grid-template-areas:"items_aside"_"belt_aside"] max-md:pb-10 md:gap-y-8 md:[--bk-l2-rows:1] md:grid-cols-[2fr_1fr] md:[grid-template-areas:"items_aside"_"belt_belt"] md:max-lg:overflow-x-hidden lg:[--bk-l2-rows:2] lg:grid-cols-[3fr_1fr] text-[#18181b] bg-white"><ul class="[grid-area:items] lg:opacity-0 lg:-translate-y-6 lg:delay-[50ms,0ms] lg:transition-[opacity,translate] lg:duration-300 lg:ease-ease-out-cubic lg:will-change-[opacity,translate] lg:[.level1-item:hover_&]:opacity-100 lg:[.level1-item:focus-within_&]:opacity-100 lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level1-item:hover_&]:delay-[250ms,300ms] lg:[.level1-item:focus-within_&]:delay-[250ms,300ms] flex flex-col gap-y-[68px] w-full md:max-h-[686px] md:flex-wrap md:gap-x-10 md:gap-y-10 lg:max-h-[546px] [@media(max-height:771px)_and_(min-width:1200px)]:max-h-[417px] [@media(max-height:771px)_and_(min-width:1200px)]:gap-y-8"><li class="max-md:relative max-md:before:w-full max-md:before:h-px max-md:before:absolute max-md:before:-bottom-[25px] max-sm:before:start-0 md:w-[calc((100%-40px)/2)] lg:w-[calc((100%-80px)/3)] max-md:before:bg-[#f4f4f5] md:order-1"><label for="bk-nav-제품" class="flex items-center cursor-pointer z-20 absolute -top-8 max-md:-translate-y-full sm:-top-10 md:top-10 start-0 md:start-margin lg:hidden before:absolute before:-inset-5"><svg class="pointer-events-none w-5 h-5 shrink-0 ltr:rotate-90 rtl:-rotate-90"><use href="#icon-chevron"></use></svg>뒤로</label><p class="text-xs text-pretty uppercase tracking-[.72px] leading-[1.2] mb-3.5 text-[#008060] font-semibold">웹사이트 구축</p><ul class="level3-container"><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/website/builder" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-drag-and-drop"></use></svg><span class="flex items-center">웹사이트 빌더<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="https://themes.shopify.com/?locale=ko" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-design"></use></svg><span class="flex items-center">테마<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/domains" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-domain"></use></svg><span class="flex items-center">도메인<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/customer-accounts" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-user-profile"></use></svg><span class="flex items-center">고객 계정<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/sidekick" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-ai"></use></svg><span class="flex items-center">Sidekick<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li></ul></li><li class="max-md:relative max-md:before:w-full max-md:before:h-px max-md:before:absolute max-md:before:-bottom-[25px] max-sm:before:start-0 md:w-[calc((100%-40px)/2)] lg:w-[calc((100%-80px)/3)] max-md:before:bg-[#f4f4f5] md:order-4 lg:order-3 lg:mb-10"><p class="text-xs text-pretty uppercase tracking-[.72px] leading-[1.2] mb-3.5 text-[#008060] font-semibold">어디서든 판매</p><ul class="level3-container"><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/online" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-online"></use></svg><span class="flex items-center">온라인<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/agentic-storefronts" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-ai-chats"></use></svg><span class="flex items-center">AI 채팅<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/pos" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-pos-tick"></use></svg><span class="flex items-center">POS(Point of Sale)<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/shop" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-shop-app"></use></svg><span class="flex items-center">Shop 앱<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/channels" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-social"></use></svg><span class="flex items-center">소셜 및 마켓플레이스<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/international" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-global"></use></svg><span class="flex items-center">전 세계<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/plus/solutions/b2b-ecommerce" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-sales-up"></use></svg><span class="flex items-center">B2B<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/markets" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-global-markets"></use></svg><span class="flex items-center">여러 마켓에서 판매<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li></ul></li><li class="max-md:relative max-md:before:w-full max-md:before:h-px max-md:before:absolute max-md:before:-bottom-[25px] max-sm:before:start-0 md:w-[calc((100%-40px)/2)] lg:w-[calc((100%-80px)/3)] max-md:before:bg-[#f4f4f5] md:order-5 lg:order-4"><p class="text-xs text-pretty uppercase tracking-[.72px] leading-[1.2] mb-3.5 text-[#008060] font-semibold">마케팅 및 분석</p><ul class="level3-container"><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/marketing" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-marketing"></use></svg><span class="flex items-center">광고 및 캠페인<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/marketing-automation-tools" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-users"></use></svg><span class="flex items-center">이메일 및 고객 채팅<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/discounts" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-discount"></use></svg><span class="flex items-center">할인<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/analytics" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-analytics"></use></svg><span class="flex items-center">분석<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/test-and-launch" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-computer-tick"></use></svg><span class="flex items-center">테스트 및 출시<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li></ul></li><li class="max-md:relative max-md:before:w-full max-md:before:h-px max-md:before:absolute max-md:before:-bottom-[25px] max-sm:before:start-0 md:w-[calc((100%-40px)/2)] lg:w-[calc((100%-80px)/3)] max-md:before:bg-[#f4f4f5] md:order-2"><p class="text-xs text-pretty uppercase tracking-[.72px] leading-[1.2] mb-3.5 text-[#008060] font-semibold">비즈니스 운영</p><ul class="level3-container"><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/orders" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-inventory-synced"></use></svg><span class="flex items-center">주문 및 재고<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/shipping" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-shipping"></use></svg><span class="flex items-center">배송<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/flow" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-save-time"></use></svg><span class="flex items-center">워크플로 자동화<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li></ul></li><li class="max-md:relative max-md:before:w-full max-md:before:h-px max-md:before:absolute max-md:before:-bottom-[25px] max-sm:before:start-0 md:w-[calc((100%-40px)/2)] lg:w-[calc((100%-80px)/3)] max-md:before:bg-[#f4f4f5] md:order-3 lg:order-5"><p class="text-xs text-pretty uppercase tracking-[.72px] leading-[1.2] mb-3.5 text-[#008060] font-semibold">결제 받기</p><ul class="level3-container"><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/checkout" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-credit-card"></use></svg><span class="flex items-center">결제<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li><li class="lg:transition-opacity lg:duration-300 lg:will-change-[opacity] lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100"><a href="/kr/payments" class="level3-link flex items-center sm:items-start gap-x-4 py-2.5 will-change-[opacity] max-sm:text-base [@media(max-height:771px)_and_(min-width:1200px)]:py-1.5"><svg class="pointer-events-none w-5 h-5 shrink-0"><use href="#icon-money"></use></svg><span class="flex items-center">지급<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></span></a></li></ul></li></ul><ul class="[grid-area:belt] gap-y-8 max-md:flex max-md:flex-col md:relative md:pt-6 md:pb-12 md:grid md:gap-x-10 md:grid-cols-3 md:max-lg:grid-rows-[min-content] md:max-lg:gap-y-6 md:max-lg:before:absolute md:max-lg:before:w-[200vw] md:max-lg:before:h-px md:max-lg:before:z-10 md:max-lg:before:top-0 md:max-lg:before:left-1/2 md:max-lg:before:-translate-x-1/2 lg:[--belt-calc:calc((100%-416px)/3)] lg:grid-cols-[var(--belt-calc)_var(--belt-calc)_var(--belt-calc)_296px] lg:sticky lg:py-6 lg:z-20 lg:before:absolute lg:before:w-[200vw] lg:before:h-10 lg:before:top-0 lg:before:left-1/2 lg:before:-translate-x-1/2 lg:before:-translate-y-full lg:before:pointer-events-none lg:before:z-10 lg:after:absolute lg:after:w-[200vw] lg:after:h-full lg:after:top-0 lg:after:left-1/2 lg:after:-translate-x-1/2 lg:after:pointer-events-none lg:after:ring-1 lg:after:ring-inset [@media(width>=1420px)]:[--belt-calc:calc((75%-110px)/3)] [@media(width>=1420px)]:grid-cols-[var(--belt-calc)_var(--belt-calc)_var(--belt-calc)_calc(25%-10px)] md:max-lg:before:bg-[#f4f4f5] lg:after:ring-[#f4f4f5] lg:after:bg-white lg:-bottom-9 lg:before:bg-[linear-gradient(0deg,#fff_0px,transparent_40px)]"><li class="text-xs text-pretty uppercase tracking-[.72px] leading-[1.2] text-[#008060] font-semibold lg:opacity-0 lg:delay-[50ms,0ms] lg:transition-[opacity,translate] lg:duration-300 lg:ease-ease-out-cubic lg:will-change-[opacity,translate] lg:[.level1-item:hover_&]:opacity-100 lg:[.level1-item:focus-within_&]:opacity-100 lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level1-item:hover_&]:delay-[300ms,350ms] lg:[.level1-item:focus-within_&]:delay-[300ms,350ms] lg:-translate-y-0 lg:z-10 mb-0 max-lg:w-full md:max-lg:col-span-3 lg:leading-[1.8]">Shopify 맞춤 설정 및 확장</li><li class="lg:opacity-0 lg:delay-[50ms,0ms] lg:transition-[opacity,translate] lg:duration-300 lg:ease-ease-out-cubic lg:will-change-[opacity,translate] lg:[.level1-item:hover_&]:opacity-100 lg:[.level1-item:focus-within_&]:opacity-100 lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level1-item:hover_&]:delay-[300ms,350ms] lg:[.level1-item:focus-within_&]:delay-[300ms,350ms] lg:-translate-y-0 lg:z-10"><a href="/kr/ucp" class="level3-link"><p class="flex items-center">에이전트 전용 상거래<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></p><p class="text-sm text-pretty leading-[18px] text-[#71717a]">에이전트 도구로 구축하세요</p></a></li><li class="lg:opacity-0 lg:delay-[50ms,0ms] lg:transition-[opacity,translate] lg:duration-300 lg:ease-ease-out-cubic lg:will-change-[opacity,translate] lg:[.level1-item:hover_&]:opacity-100 lg:[.level1-item:focus-within_&]:opacity-100 lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level1-item:hover_&]:delay-[300ms,350ms] lg:[.level1-item:focus-within_&]:delay-[300ms,350ms] lg:-translate-y-0 lg:z-10"><a href="https://apps.shopify.com/?locale=ko" class="level3-link"><p class="flex items-center">Shopify App Store<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></p><p class="text-sm text-pretty leading-[18px] text-[#71717a]">최대 규모의 상거래 에코시스템</p></a></li><li class="lg:opacity-0 lg:delay-[50ms,0ms] lg:transition-[opacity,translate] lg:duration-300 lg:ease-ease-out-cubic lg:will-change-[opacity,translate] lg:[.level1-item:hover_&]:opacity-100 lg:[.level1-item:focus-within_&]:opacity-100 lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level1-item:hover_&]:delay-[300ms,350ms] lg:[.level1-item:focus-within_&]:delay-[300ms,350ms] lg:-translate-y-0 lg:z-10"><a href="https://shopify.dev" class="level3-link"><p class="flex items-center">Shopify.dev<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></p><p class="text-sm text-pretty leading-[18px] text-[#71717a]">개발자 설명서, CLI 등</p></a></li></ul><div class="relative [grid-area:aside] before:absolute before:-top-10 before:start-0 before:bottom-0 before:z-0 before:pointer-events-none max-sm:mt-2 sm:before:w-[calc(100%+var(--margin,var(--spacing-margin)))] xl:before:w-[50vw] px-4 max-sm:pb-10 max-sm:before:rounded-lg max-sm:before:bg-none max-sm:before:w-full sm:ps-10 sm:pe-0 sm:self-stretch sm:before:-top-[104px] sm:before:-bottom-10 sm:after:absolute sm:after:-top-10 sm:after:start-0 sm:after:bottom-0 sm:after:w-px sm:after:bg-no-repeat sm:after:z-10 sm:after:will-change-[opacity] md:before:-bottom-[32px] md:after:-bottom-[32px] before:bg-[#fafafa] after:bg-[#f4f4f5]"><p class="text-xs text-pretty uppercase tracking-[.72px] leading-[1.2] mb-3.5 text-[#008060] font-semibold relative mb-6 lg:opacity-0 lg:-translate-y-6 lg:delay-[50ms,0ms] lg:transition-[opacity,translate] lg:duration-300 lg:ease-ease-out-cubic lg:will-change-[opacity,translate] lg:[.level1-item:hover_&]:opacity-100 lg:[.level1-item:focus-within_&]:opacity-100 lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level1-item:hover_&]:delay-[350ms,400ms] lg:[.level1-item:focus-within_&]:delay-[350ms,400ms] sm:w-64">멈추지 않는 혁신</p><ul class="relative flex lg:opacity-0 lg:-translate-y-6 lg:delay-[50ms,0ms] lg:transition-[opacity,translate] lg:duration-300 lg:ease-ease-out-cubic lg:will-change-[opacity,translate] lg:[.level1-item:hover_&]:opacity-100 lg:[.level1-item:focus-within_&]:opacity-100 lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level1-item:hover_&]:delay-[350ms,400ms] lg:[.level1-item:focus-within_&]:delay-[350ms,400ms] gap-y-10 flex-col sm:w-64"><li class=""><a href="/editions" class="level3-link"><video muted="" playsinline="" preload="none" poster="https://cdn.shopify.com/b/shopify-brochure2-assets/095b0536eb3a264c83761008f47aecbd.png?width=512" class="rounded-lg pointer-coarse:pointer-events-none max-sm:w-full lg:hidden lg:transition-[display] lg:transition-discrete lg:duration-[450ms] lg:[.level1-item:hover_&]:block lg:[.level1-item:focus-within_&]:block mb-3 aspect-[1.706] sm:h-[150px] bg-[#f2f2f0]"><source src="https://cdn.shopify.com/b/shopify-brochure2-assets/88ca374851be502b9cf03e43dc3a4239.webm" type="video/webm; codecs=av01.0.08M.08"/><source src="https://cdn.shopify.com/b/shopify-brochure2-assets/a47f449c4807b685632d92c0684c994b.mp4" type="video/mp4"/></video><p class="flex items-center mb-0.5">Shopify Editions<svg class="w-3.5 h-3.5 shrink-0 opacity-0 pointer-events-none rtl:-scale-x-100 lg:[.level3-link:hover_&]:opacity-100 lg:[.level3-link:hover_&]:translate-x-1/2 rtl:lg:[.level3-link:hover_&]:-translate-x-1/2 lg:transition-[opacity,translate] lg:duration-300 lg:will-change-[opacity,translate]"><use href="#icon-arrow"></use></svg></p><p class="text-sm text-pretty leading-[18px] text-[#71717a]">Shopify는 매년 두 차례, 150개 이상의 업데이트를 진행합니다.</p></a></li><li class=""><p class="text-xs text-pretty uppercase tracking-[.72px] leading-[1.2] mb-3.5 text-[#008060] font-semibold relative mb-6 lg:opacity-0 lg:-translate-y-6 lg:delay-[50ms,0ms] lg:transition-[opacity,translate] lg:duration-300 lg:ease-ease-out-cubic lg:will-change-[opacity,translate] lg:[.level1-item:hover_&]:opacity-100 lg:[.level1-item:focus-within_&]:opacity-100 lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level1-item:hover_&]:delay-[350ms,400ms] lg:[.level1-item:focus-within_&]:delay-[350ms,400ms] sm:w-64">최신 업데이트</p><ul class="level3-container flex flex-col"><li class="lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100 relative py-3 first:pt-0 last:pb-0 before:absolute first:before:top-1.5 before:top-3 before:h-[calc(100%+12px)] before:start-1.5 before:w-px ltr:before:-translate-x-1/2 rtl:before:translate-x-1/2 last:before:hidden lg:opacity-0 lg:-translate-y-6 lg:delay-[50ms,0ms] lg:transition-[opacity,translate] lg:duration-300 lg:ease-ease-out-cubic lg:will-change-[opacity,translate] lg:[.level1-item:hover_&]:opacity-100 lg:[.level1-item:focus-within_&]:opacity-100 lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level2-wrapper:hover_&]:delay-0 before:bg-[#d4d4d8] lg:[.level1-item:hover_&]:delay-[400ms,450ms] lg:[.level1-item:focus-within_&]:delay-[400ms,450ms]"><a href="/editions/spring2026?utm_source=homepage&utm_medium=content&utm_campaign=spring26edition-launch_Q226SETPNZ&utm_content=dotcom-nav-agentic-storefronts-insights-v1#agentic-storefronts-insights" class="relative flex ps-6 text-pretty before:start-[3px] before:top-1 before:translate-y-1/2 before:absolute before:w-1.5 before:h-1.5 before:rounded-full before:z-20 after:start-0 after:top-1 after:absolute after:w-3 after:h-3 after:rounded-full after:z-10 after:transition-colors after:duration-300 after:delay-0 before:bg-[#a1a1aa] before:ring-white before:ring-2 hover:before:bg-[#008060] after:bg-[#d4d4d8] hover:after:bg-[#008060]">Agentic Storefronts</a></li><li class="lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100 relative py-3 first:pt-0 last:pb-0 before:absolute first:before:top-1.5 before:top-3 before:h-[calc(100%+12px)] before:start-1.5 before:w-px ltr:before:-translate-x-1/2 rtl:before:translate-x-1/2 last:before:hidden lg:opacity-0 lg:-translate-y-6 lg:delay-[50ms,0ms] lg:transition-[opacity,translate] lg:duration-300 lg:ease-ease-out-cubic lg:will-change-[opacity,translate] lg:[.level1-item:hover_&]:opacity-100 lg:[.level1-item:focus-within_&]:opacity-100 lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level2-wrapper:hover_&]:delay-0 before:bg-[#d4d4d8] lg:[.level1-item:hover_&]:delay-[450ms,500ms] lg:[.level1-item:focus-within_&]:delay-[450ms,500ms]"><a href="/editions/spring2026?utm_source=homepage&utm_medium=content&utm_campaign=spring26edition-launch_Q226SETPNZ&utm_content=dotcom-nav-campaign-autopilot-v1#introducing-campaign-autopilot" class="relative flex ps-6 text-pretty before:start-[3px] before:top-1 before:translate-y-1/2 before:absolute before:w-1.5 before:h-1.5 before:rounded-full before:z-20 after:start-0 after:top-1 after:absolute after:w-3 after:h-3 after:rounded-full after:z-10 after:transition-colors after:duration-300 after:delay-0 before:bg-[#a1a1aa] before:ring-white before:ring-2 hover:before:bg-[#008060] after:bg-[#d4d4d8] hover:after:bg-[#008060]">Campaign Autopilot</a></li><li class="lg:[.level3-container:hover>&]:opacity-50 lg:[.level3-container:hover>&]:hover:opacity-100 relative py-3 first:pt-0 last:pb-0 before:absolute first:before:top-1.5 before:top-3 before:h-[calc(100%+12px)] before:start-1.5 before:w-px ltr:before:-translate-x-1/2 rtl:before:translate-x-1/2 last:before:hidden lg:opacity-0 lg:-translate-y-6 lg:delay-[50ms,0ms] lg:transition-[opacity,translate] lg:duration-300 lg:ease-ease-out-cubic lg:will-change-[opacity,translate] lg:[.level1-item:hover_&]:opacity-100 lg:[.level1-item:focus-within_&]:opacity-100 lg:[.level1-item:hover_&]:translate-y-0 lg:[.level1-item:focus-within_&]:translate-y-0 lg:[.level2-wrapper:hover_&]:delay-0 before:bg-[#d4d4d8] lg:[.level1-item:hover_&]:delay-[500ms,550ms] lg:[.level1-item:focus-within_&]:delay-[500ms,550ms]"><a href="/editions/spring2026?utm_source=homepage&utm_medium=content&utm_campaign=spring26edition-launch_Q226SETPNZ&utm_content=dotcom-nav-shopify-ai-toolkit-for-devs-v1#shopify-ai-toolkit-for-developers" class="relative flex ps-6 text-pretty before:start-[3px] before:top-1 before:translate-y-1/2 before:absolute before:w-1.5 before:h-1.5 before:rounded-full before:z-20 after:start-0 after:top-1 after:absolute after:w-3 after:h-3 after:rounded-full after:z-10 after:transition-colors after:duration-300 after:delay-0 before:bg-[#a1a1aa] before:ring-white before:ring-2 hover:before:bg-[#008060] after:bg-[#d4d4d8] hover:after:bg-[#008060]">개발자용 Shopify AI Toolkit</a></li></ul></li></ul></div></div></div></li><li class="text-base shrink-0 mr-7 min-[1300px]:mr-8 lg:group-hover:opacity-50 lg:group-hover:hover:opacity-100 lg:[.level1-item:hover_&]:opacity-100 lg:transition-opacity lg:duration-300 z-20"><div class="flex h-full items-center"><a class="flex items-center text-black hover:text-black" href="/kr/pricing">요금제</a></div></li><li class="text-base shrink-0 mr-7 min-[1300px]:mr-8 lg:group-hover:opacity-50 lg:group-hover:hover:opacity-100 lg:[.level1-item:hover_&]:opacity-100 lg:transition-opacity lg:duration-300 z-20"><div class="flex h-full items-center"><a class="flex items-center text-black hover:text-black" href="/kr/enterprise">Enterprise</a></div></li></ul></nav><div class="ml-auto transition-opacity duration-200 opacity-100 delay-100"><ul class="lg:flex hidden items-center"><li class="me-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="/login?ui_locales=ko" data-component-name="login">로그인</a></li><li class="leading-[0]"><a href="https://admin.shopify.com/signup?locale=ko&language=ko&signup_page=https%3A%2F%2Fwww.shopify.com%2Fkr%2Fblog%2Fcustomizing-store-theme&signup_types%5B%5D=paid_trial_experience" class="inline-block self-center overflow-hidden max-w-full ring-inset rounded-button font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled py-2 px-5 text-base whitespace-nowrap" data-component-name="start-free-trial" data-mode="light" target="">무료 체험 시작</a></li></ul><ul class="flex items-center lg:hidden mr-[-15px]"><li><a href="https://admin.shopify.com/signup?locale=ko&language=ko&signup_page=https%3A%2F%2Fwww.shopify.com%2Fkr%2Fblog%2Fcustomizing-store-theme&signup_types%5B%5D=paid_trial_experience" class="mr-4 text-base underline text-black" data-component-name="start-free-trial" aria-label="외부 소스: 무료 체험 시작">무료 체험 시작</a></li><li><button class="flex h-12 w-12 cursor-pointer select-none flex-col items-center justify-center gap-1" aria-label="메뉴" aria-expanded="false" aria-haspopup="true" type="button" data-component-name="navigation-toggle-open"><div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div><div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div><div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div></button></li></ul></div></div></div><div class="top-0 w-full z-20 before:absolute before:top-0 before:left-0 before:pointer-events-none before:w-full before:h-global-header-with-border before:z-20 after:absolute after:top-0 after:left-0 after:will-change-opacity after:pointer-events-none after:h-full after:w-full after:z-10 after:transition-opacity after:duration-200 after:bg-white text-black before:border-y before:border-black/20 after:opacity-100 pointer-events-auto before:opacity-0 sticky"><div class="h-global-header container flex items-center relative z-20"><div data-component-name="secondary-navigation" class="flex items-center gap-x-8 w-full h-14 sm:h-global-header text-black"><a href="/kr" data-component-name="logo-home" class="inline-block shrink-0 absolute left-0 top-1/2 -translate-y-1/2 transform-opacity will-change-opacity duration-200 z-20 w-9 opacity-0 pointer-events-none"><img src="https://cdn.shopify.com/b/shopify-brochure2-assets/cac815e4ee0f383f7b4b5302b5a7a29a.svg" alt="Shopify" class="h-9" data-component-name="shopify-logo"/></a><nav aria-label="Secondary" class="hidden lg:block h-full transition-transform will-change-transform duration-200 translate-x-0" data-click-outside="dismiss"><ul class="flex items-center gap-x-8 h-full"><li class="relative flex flex-col items-center h-full border-black/30"><a href="/kr/blog/" class="font-bold flex items-center h-full hover:underline outline-4 outline-state-focus focus-visible:outline">블로그</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/kr/blog/topics/비즈니스-시작하기" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">비즈니스 시작하기</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/kr/blog/topics/비즈니스-아이디어-찾기" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">비즈니스 아이디어 찾기</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/kr/blog/topics/온라인으로-수익-창출" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">온라인으로 수익 창출</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/kr/blog/latest" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">최신 정보</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><button type="button" aria-expanded="false" aria-haspopup="true" class="h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1"><span class="flex items-center">더 보기<svg fill="none" viewBox="0 0 20 20" aria-hidden="true" icon="chevron" height="64" width="64" class="rotate-180 shrink-0 w-5 h-7 ml-2"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 13 6-6 6 6"></path></svg></span></button><div id="id_더 보기_4" class="absolute top-[80px] duration-500 left-0 rounded-lg transition-all box-content opacity-0 -translate-y-6 pointer-events-none w-[256px] bg-white text-black shadow-light"><ul class="p-4 w-[224px] box-content"><li class="py-3 px-4 rounded-lg"><a href="/kr/blog/topics/마케팅" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">마케팅</a></li><li class="py-3 px-4 rounded-lg"><a href="/kr/blog/topics" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">모든 주제 보기</a></li></ul></div></li></ul></nav><div class="hidden lg:block ml-auto"><button type="button" class="hidden lg:flex flex-row items-center text-base cursor-pointer blog-navbar-navigation" aria-label="검색" aria-expanded="false">검색<span style="width:16px;height:16px;display:inline-block"></span></button><div class="mb-6 lg:mb-0 lg:absolute lg:bottom-0 lg:left-0 w-full z-50 bg-white lg:hidden"><div class="lg:container lg:h-[71px] flex items-center"><div class="flex flex-row items-center text-base relative w-full border-b border-[#ccc]"><form method="get" action="/kr/blog/customizing-store-theme" class="flex lg:block w-full -mt-4 lg:mt-0" novalidate="" data-component-extra-search-value="" role="search" aria-label="검색" data-discover="true"><input class="outline-0 text-base relative z-20 bg-transparent w-full lg:placeholder:text-transparent py-2 placeholder-[var(--color-shade-500,#71717a)]" type="text" name="header-search" autoComplete="off" placeholder="검색" aria-label="검색 입력" aria-describedby="search-instructions" value=""/><button type="submit" class="lg:hidden p-6 -mr-6" aria-label="검색 제출"><span style="width:16px;height:16px;display:inline-block"></span></button></form><div class="hidden lg:flex absolute z-10 top-1/2 left-0 -translate-y-1/2 flex-row items-center text-base text-[var(--color-shade-500,#71717a)]" id="search-instructions" aria-hidden="true">찾으려는 항목을 입력하세요.<span style="width:16px;height:16px;display:inline-block"></span></div><button type="button" class="hidden lg:block p-2 cursor-pointer ml-auto" aria-label="검색 닫기"><span style="width:20px;height:20px;display:inline-block"></span></button></div></div></div></div><div class="pl-8 app-signup-links transform-opacity duration-200 relative before:h-[22px] before:bg-shade-30 before:w-[1px] before:absolute before:left-0 before:top-[1/2] before:translate-[-1/2] opacity-0 lg:hidden"><ul class="flex items-center"><li class="me-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="/login?ui_locales=ko" data-component-name="login">로그인</a></li><li class="leading-[0]"><a href="https://admin.shopify.com/signup?locale=ko&language=ko&signup_page=https%3A%2F%2Fwww.shopify.com%2Fkr%2Fblog%2Fcustomizing-store-theme&signup_types%5B%5D=paid_trial_experience" class="inline-block self-center overflow-hidden max-w-full ring-inset rounded-button font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled py-2 px-5 text-base whitespace-nowrap" data-component-name="start-free-trial" data-mode="light" target="">무료 체험 시작</a></li></ul></div></div></div></div></header><main role="main" id="main" tabindex="-1" class="focus-visible:outline-none"><div><div class="fixed top-0 left-0 h-[6px] z-50 bg-blog-highlight" style="width:null%"></div><section class="grid grid-cols-full bg-component-section-bg text-component-section-content relative z-1 featured-blogs gap-y-0 pb-0 pt-36" data-section-name="" data-component-name="customizing-store-theme" data-viewable-component="true"><div class="relative overflow-hidden bg-marketingBg" data-component-name="blog-header-banner"><div class="container relative flex flex-col items-center text-center pt-16 tablet-xl:pt-12 pb-12 px-[40px] tablet-xl:px-[130px] desktop:px-[210px] !px-0 !py-xl sm:!px-[40px] sm:!pt-16 sm:!pb-12 tablet-xl:!px-[130px] tablet-xl:!pt-12 tablet-xl:!pb-12 desktop:!px-[210px] max-sm:[&>p+p]:!mb-0"><p class="richtext uppercase font-medium font-sans mb-2 text-2xl tablet:text-3xl max-w-[680px]">지금 바로 Shopify로 판매를 시작하세요</p><p class="richtext max-w-[680px] text-sm mb-4">지금 바로 Shopify 무료 체험을 시작한 다음, 과정의 모든 단계에서 여러분을 안내할 다양한 자료를 활용하세요.</p><div data-component-name="button-group" class="text-base relative z-20 max-sm:hidden" data-mode="light"><div class="flex gap-y-sm flex-wrap gap-x-sm justify-center"><a href="https://admin.shopify.com/signup?locale=ko&language=ko&signup_page=https%3A%2F%2Fwww.shopify.com%2Fkr%2Fblog%2Fcustomizing-store-theme&signup_types%5B%5D=paid_trial_experience" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled" data-component-name="button" data-mode="light" target="">무료 체험 시작</a><a href="/kr" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline hover:ring-1 disabled:hover-ring-0 border-2 text-button-light-secondary-text bg-button-light-secondary-bg border-button-light-secondary-border ring-button-light-secondary-border hover:text-button-light-secondary-text-hover hover:bg-button-light-secondary-bg-hover hover:border-button-light-secondary-border-hover hover:ring-button-light-secondary-border-hover focus:text-button-light-secondary-text-focus focus:bg-button-light-secondary-bg-focus focus:border-button-light-secondary-border-focus focus:ring-button-light-secondary-border-focus active:text-button-light-secondary-text-active active:bg-button-light-secondary-bg-active active:border-button-light-secondary-border-active active:ring-button-light-secondary-border-active disabled:text-button-light-secondary-text-disabled disabled:bg-button-light-secondary-bg-disabled disabled:border-button-light-secondary-border-disabled disabled:ring-button-light-secondary-border-disabled" data-component-name="button" data-mode="light" target="">자세히 알아보기</a></div></div><div data-component-name="blog-header-banner-ctas" class="relative z-20 mx-auto mt-md flex w-full max-w-xl flex-col items-center gap-md sm:hidden mt-md"><div data-component-name="email-form" class="flex w-full max-w-full justify-center sm:w-md"><form novalidate="" action="https://admin.shopify.com/signup" class="[&_[data-component-name='message']]:mt-0 [&_[data-component-name='message']]:max-h-0 [&_[data-component-name='message']]:overflow-hidden [&_[data-component-name='message']]:pt-0 [&_[data-component-name='message']]:opacity-0 focus-within:[&_[data-component-name='message']]:mt-2 focus-within:[&_[data-component-name='message']]:max-h-24 focus-within:[&_[data-component-name='message']]:pt-1 focus-within:[&_[data-component-name='message']]:opacity-100 [&_[data-component-name='message']]:text-left flex w-full flex-col justify-center" method="post"><div data-component-name="text-input" class="flex flex-col" data-mode="light"><div class="relative box-border flex min-h-14 w-full items-center justify-between rounded-button bg-input-light-bg text-input-light-text ring-1 ring-inset ring-input-light-border hover:ring-input-light-border-hover focus-within:ring-state-focus focus-within:outline-0"><input aria-describedby="blog-header-banner-email-form-:R5l55n5:-description" autoComplete="email" class="peer h-14 w-full bg-transparent px-6 pb-2 pt-6 placeholder:text-transparent focus-visible:outline-none" id="blog-header-banner-email-form-:R5l55n5:" placeholder=" " type="email"/><label class="pointer-events-none absolute left-6 z-10 origin-top-left text-base text-input-light-label-text duration-300 ease-out top-2 translate-y-0 scale-75 peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:scale-100 peer-focus:!top-2 peer-focus:!translate-y-0 peer-focus:!scale-75" for="blog-header-banner-email-form-:R5l55n5:">이메일 주소를 입력해 주세요</label></div><p id="blog-header-banner-email-form-:R5l55n5:-description" data-mode="light" data-component-name="message" class="flex leading-4" style="transition:max-height 300ms ease-out, opacity 300ms ease-out, margin-top 300ms ease-out, padding-top 300ms ease-out"><span class="text-xs text-shade-60">Shopify 마케팅 이메일 수신에 동의하시게 됩니다.</span></p><div class="block w-full pt-2"><button type="submit" class="inline-block self-center overflow-hidden max-w-full px-button-px ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled mr-1 my-1 whitespace-nowrap w-full py-4" data-component-name="start-free-trial" data-mode="light" role="link">무료 체험 시작</button></div></div></form></div><a data-component-name="link" class="group focus:outline-state-focus outline-2 outline-offset-2 transition-colors duration-150 ease-in-out font-component-link text-component-link-content hover:text-component-link-content-hover active:text-component-link-content-active disabled:text-component-link-content-disabled text-component-link-sm link no-underline font-bold" style="widows:2" href="/kr"><span class="inline underline hover:no-underline">자세히 알아보기</span></a></div></div></div><article id="article" itemscope="" itemType="https://schema.org/Article" class="bg-white"><meta itemProp="mainEntityOfPage" content="/kr/blog/customizing-store-theme"/><meta itemProp="dateModified" content="2026-07-23T12:21:00.000Z"/><meta itemProp="datePublished" content="2026-07-23T00:00:00.000Z"/><meta itemProp="image" content="https://cdn.shopify.com/b/shopify-brochure2-assets/3ce53f86269ae459d1b211ac7a07562f.jpg"/><div class="relative"><div class="pt-xl pb-xl md:text-center" data-mode="light"><div class="container grid grid-cols-4 sm:grid-cols-8 md:grid-cols-12 gap-x-md gap-y-2xl bg-component-grid-bg" data-component-name="grid"><div class="col-span-4 xs:col-span-4 sm:col-span-8 md:col-span-12 col-start-1 md:max-w-2xl lg:max-w-3xl md:mx-auto"><nav class="uppercase text-black text-eyebrow-md pb-xs"><a data-component-name="link" class="group focus:outline-state-focus outline-2 outline-offset-2 transition-colors duration-150 ease-in-out font-component-link text-component-link-content hover:text-component-link-content-hover active:text-component-link-content-active disabled:text-component-link-content-disabled text-component-link-sm no-underline [&_span]:no-underline" style="widows:2" href="/kr/blog/"><span class="inline underline hover:no-underline">블로그</span></a><span class="px-xs">•</span><a data-component-name="link" class="group focus:outline-state-focus outline-2 outline-offset-2 transition-colors duration-150 ease-in-out font-component-link text-component-link-content hover:text-component-link-content-hover active:text-component-link-content-active disabled:text-component-link-content-disabled text-component-link-sm no-underline [&_span]:no-underline" style="widows:2" href="/kr/blog/topics/가이드"><span class="inline underline hover:no-underline">가이드</span></a></nav><h1 class="text-theme-content text-t2"><span itemProp="headline">2026년 쇼피파이 테마 맞춤 설정하는 5가지 방법</span></h1><p class="text-theme-content text-body-lg mt-sm opacity-60">2026년 가이드를 통해 Shopify(쇼피파이) 테마 설정을 마스터해 보세요. 코딩 없이 테마 편집기, 앱, 템플릿을 활용하여 쇼피파이 테마 설정을 진행하는 방법을 알아봅니다.</p><div class="lg:hidden mt-md flex items-center gap-md w-full md:justify-center" itemProp="author" itemscope="" itemType="https://schema.org/Person"><img src="https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200&d=404" alt="" width="48" height="48" class="size-12 md:size-14 rounded-full object-cover shrink-0"/><div class="flex flex-col text-left"><span class="text-theme-content text-t7"><a data-component-name="link" class="group focus:outline-state-focus outline-2 outline-offset-2 transition-colors duration-150 ease-in-out font-component-link text-component-link-content hover:text-component-link-content-hover active:text-component-link-content-active disabled:text-component-link-content-disabled text-component-link-sm no-underline [&_span]:no-underline" style="widows:2" href="/kr/blog/authors/shopify-팀"><span class="inline underline hover:no-underline"><span itemProp="name">Shopify 팀 작성</span></span></a></span><span class="text-body-sm text-theme-content-body">2026년 7월 23일<!-- --> • 읽는 데 14분</span></div></div></div></div></div><div class="container grid grid-cols-4 sm:grid-cols-8 md:grid-cols-12 gap-x-md gap-y-2xl bg-component-grid-bg" data-component-name="grid"><div class="col-span-4 xs:col-span-4 sm:col-span-8 md:col-span-12 col-start-1"><div class="-mx-margin md:mx-0 overflow-hidden flex justify-center"><img class="" src="https://cdn.shopify.com/b/shopify-brochure2-assets/3ce53f86269ae459d1b211ac7a07562f.jpg?originalWidth=1848&originalHeight=782" alt="바코드 아이콘, 설정 톱니바퀴 아이콘, 더하기 아이콘이 있는 격자 등 세 개의 아이콘이 포함된 패널 이미지" loading="eager" decoding="async" width="1848" height="782" srcSet="https://cdn.shopify.com/b/shopify-brochure2-assets/3ce53f86269ae459d1b211ac7a07562f.jpg?originalWidth=1848&originalHeight=782&width=200 200w, https://cdn.shopify.com/b/shopify-brochure2-assets/3ce53f86269ae459d1b211ac7a07562f.jpg?originalWidth=1848&originalHeight=782&width=400 400w, https://cdn.shopify.com/b/shopify-brochure2-assets/3ce53f86269ae459d1b211ac7a07562f.jpg?originalWidth=1848&originalHeight=782&width=600 600w, https://cdn.shopify.com/b/shopify-brochure2-assets/3ce53f86269ae459d1b211ac7a07562f.jpg?originalWidth=1848&originalHeight=782&width=800 800w, https://cdn.shopify.com/b/shopify-brochure2-assets/3ce53f86269ae459d1b211ac7a07562f.jpg?originalWidth=1848&originalHeight=782&width=1000 1000w, https://cdn.shopify.com/b/shopify-brochure2-assets/3ce53f86269ae459d1b211ac7a07562f.jpg?originalWidth=1848&originalHeight=782&width=1200 1200w, https://cdn.shopify.com/b/shopify-brochure2-assets/3ce53f86269ae459d1b211ac7a07562f.jpg?originalWidth=1848&originalHeight=782&width=1400 1400w, https://cdn.shopify.com/b/shopify-brochure2-assets/3ce53f86269ae459d1b211ac7a07562f.jpg?originalWidth=1848&originalHeight=782&width=1600 1600w, https://cdn.shopify.com/b/shopify-brochure2-assets/3ce53f86269ae459d1b211ac7a07562f.jpg?originalWidth=1848&originalHeight=782&width=1800 1800w" data-component-name="auto-responsive-image"/></div></div></div></div><div class="container grid grid-cols-4 sm:grid-cols-8 md:grid-cols-12 gap-y-2xl bg-component-grid-bg gap-x-xl my-xl" data-component-name="grid"><div class="col-span-4 xs:col-span-4 sm:col-span-8 md:col-span-4 lg:col-span-3 col-start-1" data-component-name="blog-left-sidebar"><nav aria-label="이 페이지에서" data-component-name="blog-left-sidebar-nav" class="space-y-2xl rounded-lg bg-warm-gray-50 p-md md:sticky md:top-[calc(var(--header-height)*2)] md:max-h-[calc(100vh-var(--header-height))] md:overflow-auto md:rounded-none md:bg-transparent md:p-0"><div><p class="text-theme-content richtext text-t7 mb-md">이 페이지에서</p><ul class="flex flex-col gap-md md:gap-sm border-l border-shade-300"><li class="pl-4"><a data-component-name="link" class="group focus:outline-state-focus outline-2 outline-offset-2 transition-colors duration-150 ease-in-out font-component-link text-component-link-content hover:text-component-link-content-hover active:text-component-link-content-active disabled:text-component-link-content-disabled [&_span]:flex [&_span]:items-center [&_span]:justify-between [&_span]:!no-underline hover:[&_span]:!no-underline text-body-sm no-underline hover:no-underline" style="widows:2" href="#1"><span class="inline underline hover:no-underline">Shopify 테마 설정이란 무엇인가요?<svg fill="none" viewBox="0 0 20 20" aria-hidden="true" icon="chevron" width="16" height="16" class="text-component-icon ml-4 rotate-90 md:hidden"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 13 6-6 6 6"></path></svg></span></a></li><li class="pl-4"><a data-component-name="link" class="group focus:outline-state-focus outline-2 outline-offset-2 transition-colors duration-150 ease-in-out font-component-link text-component-link-content hover:text-component-link-content-hover active:text-component-link-content-active disabled:text-component-link-content-disabled [&_span]:flex [&_span]:items-center [&_span]:justify-between [&_span]:!no-underline hover:[&_span]:!no-underline text-body-sm no-underline hover:no-underline" style="widows:2" href="#2"><span class="inline underline hover:no-underline">Shopify 테마 설정: 개발자 고용 vs 직접 설정 <svg fill="none" viewBox="0 0 20 20" aria-hidden="true" icon="chevron" width="16" height="16" class="text-component-icon ml-4 rotate-90 md:hidden"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 13 6-6 6 6"></path></svg></span></a></li><li class="pl-4"><a data-component-name="link" class="group focus:outline-state-focus outline-2 outline-offset-2 transition-colors duration-150 ease-in-out font-component-link text-component-link-content hover:text-component-link-content-hover active:text-component-link-content-active disabled:text-component-link-content-disabled [&_span]:flex [&_span]:items-center [&_span]:justify-between [&_span]:!no-underline hover:[&_span]:!no-underline text-body-sm no-underline hover:no-underline" style="widows:2" href="#3"><span class="inline underline hover:no-underline">나만의 스토어를 만들기 위한 Shopify 스토어 설정 5가지 방법 <svg fill="none" viewBox="0 0 20 20" aria-hidden="true" icon="chevron" width="16" height="16" class="text-component-icon ml-4 rotate-90 md:hidden"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 13 6-6 6 6"></path></svg></span></a></li><li class="pl-4"><a data-component-name="link" class="group focus:outline-state-focus outline-2 outline-offset-2 transition-colors duration-150 ease-in-out font-component-link text-component-link-content hover:text-component-link-content-hover active:text-component-link-content-active disabled:text-component-link-content-disabled [&_span]:flex [&_span]:items-center [&_span]:justify-between [&_span]:!no-underline hover:[&_span]:!no-underline text-body-sm no-underline hover:no-underline" style="widows:2" href="#4"><span class="inline underline hover:no-underline">Shopify 테마 편집기 사용하기<svg fill="none" viewBox="0 0 20 20" aria-hidden="true" icon="chevron" width="16" height="16" class="text-component-icon ml-4 rotate-90 md:hidden"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 13 6-6 6 6"></path></svg></span></a></li><li class="pl-4"><a data-component-name="link" class="group focus:outline-state-focus outline-2 outline-offset-2 transition-colors duration-150 ease-in-out font-component-link text-component-link-content hover:text-component-link-content-hover active:text-component-link-content-active disabled:text-component-link-content-disabled [&_span]:flex [&_span]:items-center [&_span]:justify-between [&_span]:!no-underline hover:[&_span]:!no-underline text-body-sm no-underline hover:no-underline" style="widows:2" href="#5"><span class="inline underline hover:no-underline">개발자를 위한 고급 Shopify 테마 설정 <svg fill="none" viewBox="0 0 20 20" aria-hidden="true" icon="chevron" width="16" height="16" class="text-component-icon ml-4 rotate-90 md:hidden"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 13 6-6 6 6"></path></svg></span></a></li><li class="pl-4"><a data-component-name="link" class="group focus:outline-state-focus outline-2 outline-offset-2 transition-colors duration-150 ease-in-out font-component-link text-component-link-content hover:text-component-link-content-hover active:text-component-link-content-active disabled:text-component-link-content-disabled [&_span]:flex [&_span]:items-center [&_span]:justify-between [&_span]:!no-underline hover:[&_span]:!no-underline text-body-sm no-underline hover:no-underline" style="widows:2" href="#7"><span class="inline underline hover:no-underline">쇼피파이 테마 맞춤 설정 FAQ<svg fill="none" viewBox="0 0 20 20" aria-hidden="true" icon="chevron" width="16" height="16" class="text-component-icon ml-4 rotate-90 md:hidden"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 13 6-6 6 6"></path></svg></span></a></li></ul></div><div class="bg-blog-bannerBg p-md"><p class="text-theme-content richtext text-t5">지금 온라인 비즈니스를 시작하세요.</p><p class="text-theme-content richtext text-t5 font-bold">무료입니다.</p><a data-component-name="link" class="group focus:outline-state-focus outline-2 outline-offset-2 transition-colors duration-150 ease-in-out font-component-link text-component-link-content hover:text-component-link-content-hover active:text-component-link-content-active disabled:text-component-link-content-disabled text-component-link-lg group mt-sm flex items-center justify-between border-b border-black pb-0 [&_span]:no-underline [&_span]:flex [&_span]:w-full [&_span]:items-center [&_span]:justify-between" style="widows:2" aria-label="외부 소스: 무료 체험 시작 " rel="noopener noreferrer" href="https://admin.shopify.com/signup?locale=ko&language=ko&signup_page=https%3A%2F%2Fwww.shopify.com%2Fkr%2Fblog%2Fcustomizing-store-theme&signup_types%5B%5D=paid_trial_experience"><span class="inline underline hover:no-underline">무료 체험 시작<svg fill="none" viewBox="0 0 20 20" aria-hidden="true" icon="chevron" width="20" height="20" class="text-component-icon rotate-90"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 13 6-6 6 6"></path></svg></span></a></div></nav></div><div class="col-span-4 xs:col-span-4 sm:col-span-8 md:col-span-8 lg:col-span-6 col-start-1"><div id="article-content" class="text-body-base text-theme-content-body [&_h2]:text-t3 [&_h2]:mt-xl [&_h2]:mb-md [&_h2]:text-black [&_.heading--2]:text-t5 [&_.heading--2]:text-black [&_.heading--2]:mb-md [&_h3]:text-t4 [&_h3]:mt-xl [&_h3]:mb-md [&_h3]:text-black [&_h4]:text-t5 [&_h4]:mt-xl [&_h4]:mb-md [&_h4]:text-black [&_h5]:text-t6 [&_.heading--4]:text-t5 [&_.heading--4]:text-black [&_.heading--4]:tracking-[-.02em] [&_p]:mb-md [&_p]:[overflow-wrap:anywhere] [&_hr]:mb-md [&_a]:text-black [&_a]:font-[550] [&_a]:underline [&_a:hover]:no-underline [&_sup_a]:no-underline [&_sup_a:hover]:underline [&_.marketing-button]:text-white [&_.marketing-button]:no-underline [&_strong]:font-medium [&_strong]:text-black [&_img]:my-lg [&_img]:inline-block [&_figure]:mb-lg [&_figure>img]:mb-0 [&_a>img]:mt-3 [&_a>img]:mb-lg [&_a>img]:h-[revert-layer] [&_a>img]:inline-block [&_p_img:not(#text-cta_*)]:!mt-0 [&_p_img:not(#text-cta_*)]:!mb-md [&_figcaption]:mb-lg [&_figcaption]:text-body-sm [&_figcaption]:mt-2 [&_ul]:list-disc [&_ul]:mb-xs [&_ul]:pl-4 [&_ul_li]:pl-1 [&_ol]:list-decimal [&_ol]:mb-xs [&_ol]:pl-4 [&_ol_li]:pl-1 [&_ol_li::marker]:font-bold [&_li+li]:mt-xs [&_ul+p]:mt-md [&_ol+p]:mt-md [&_iframe]:max-w-full [&_iframe]:mt-3 [&_iframe]:mb-lg [&_.aspect-video_iframe]:mt-0 [&_.container]:m-0 [&_.container]:flex [&_.container]:gap-5 [&_.container]:flex-wrap [&_.green]:text-[green] [&_.red]:text-[red] [&_.pros]:bg-[#eafaea] [&_.pros]:rounded-[10px] [&_.pros]:p-5 [&_.pros_h3]:mt-2 [&_.cons]:bg-[#ffebe6] [&_.cons]:rounded-[10px] [&_.cons]:p-5 [&_.cons_h3]:mt-2 [&_.pros]:tablet:flex-[1_0_calc(50%-10px)] [&_.pros]:flex-[1_0_100%] [&_.cons]:tablet:flex-[1_0_calc(50%-10px)] [&_.cons]:flex-[1_0_100%] [&_.pros_.grid-container]:grid [&_.cons_.grid-container]:grid [&_.grid-container]:gap-[5px] [&_.grid-container]:grid-cols-[15px_auto] [&_.pros_.grid-container]:p-[5px] [&_.cons_.grid-container]:p-[5px] [&_[id^="article-source-"]]:scroll-mt-40 article-content [&_.truncated-text]:relative [&_.truncated-text]:max-h-[300px] [&_.truncated-text]:overflow-hidden [&_.truncated-text]:mb-6 [&_.truncated-text::before]:absolute [&_.truncated-text::before]:content-[""] [&_.truncated-text::before]:bottom-0 [&_.truncated-text::before]:w-full [&_.truncated-text::before]:h-[150px] [&_.truncated-text::before]:bg-gradient-to-t [&_.truncated-text::before]:from-white [&_.truncated-text::before]:from-50% [&_.truncated-text::before]:to-transparent [&_.truncated-text\_\_toggle]:absolute [&_.truncated-text\_\_toggle]:bottom-0 [&_.truncated-text\_\_toggle]:w-full [&_.truncated-text\_\_toggle]:text-center [&_.marketing-code]:bg-[#f0f1f2] [&_.marketing-code]:font-bold [&_.marketing-code]:p-1 [&_.marketing-code.marketing-code--block]:p-4 [&_.marketing-code--block]:block [&_.marketing-code--block]:max-w-full [&_.marketing-code--block]:overflow-x-scroll [&_.marketing-code--block]:mb-5 [&_.partners-signup]:mt-6 [&_.partners-signup]:mb-12 [&_.partners-signup]:bg-gray-200 [&_.partners-signup]:p-3 [&_.partners-signup]:md:p-6 [&_.table]:block [&_.table]:overflow-x-scroll [&_.table]:max-w-full [&_[data-component-name="blog-cta-marketing"]]:flex [&_[data-component-name="blog-cta-marketing"]]:flex-col [&_[data-component-name="blog-cta-marketing"]]:gap-md [&_[data-component-name="blog-cta-marketing"]_.marketing-button]:self-start [&_[data-component-name="blog-cta-marketing"]_:is(p,h2,h3,h4)]:!my-0 [&_[data-component-name="blog-cta-marketing"]_.heading--4+p]:!-mt-2 [&_[data-component-name="blog-cta-marketing"]_.heading--4+p]:md:!-mt-4 [&_[data-component-name="blog-cta-marketing"]_.heading--4]:!text-t4 [&_[data-component-name="blog-cta-marketing"]_p]:!text-body-base [&_.blog-cta-shopify-logo]:!font-normal [&_.blog-cta-shopify-logo]:!text-t6 [&_.blog-cta-shopify-logo]:!mb-md [&_.blog-cta-shopify-logo]:!ml-0 [&_.blog-cta-container_[data-component-name="message"]]:!pt-sm [&_.blog-cta-container_[data-component-name="message"]]:!ml-0 [&_.blog-cta-container_[data-component-name="message"]]:!text-body-sm [&_.blog-cta-container_[data-component-name="message"]_span]:!text-body-sm [&_[data-email-signup]_br]:hidden [&_[data-email-signup]_.marketing-block]:!my-xl [&_[data-email-signup]_.heading--4]:!mb-2 [&_[data-email-signup]_.heading--4]:!ml-0 [&_[data-email-signup]_form>p]:!mb-0 [&_[data-email-signup]_[data-component-name="join-waitlist-form-button"]]:!bg-black [&_[data-email-signup]_[data-component-name="join-waitlist-form-button"]]:!text-white [&_[data-email-signup]_[data-component-name="join-waitlist-form-button"]]:hover:!bg-[#3f3f46] [&_[data-email-signup]_[data-component-name="join-waitlist-form-button"]]:active:!bg-[#71717a] [&_[data-component-name="blog-read-more"]]:!my-lg [&_[data-component-name="blog-read-more"]]:font-sans [&_[data-component-name="blog-read-more"]_h2]:!font-sans [&_[data-component-name="blog-read-more"]_h2]:!text-t4 [&_[data-component-name="blog-read-more"]_a]:!text-body-base [&_[data-component-name="blog-read-more"]_a]:!text-component-link-content [&_[data-component-name="blog-read-more"]_a]:hover:!text-component-link-content-hover [&_[data-component-name="blog-read-more"]_li]:!mt-sm [&_