www.shopify.com
내용
온라인 스토어를 오픈할 때 제품 페이지의 매력은 매우 중요합니다. 사용하는 콘텐츠, 이미지, 그래픽, 색상, 문구, 타이포그래피는 모든 전자상거래 웹사이트의 핵심이며, 제품 페이지를 잘 구성하면 방문자를 고객으로 전환할 수 있습니다.
제품 페이지에 더 많은 시간을 할애하세요. 홈페이지, 소개 페이지 또는 스토어의 다른 부분보다 제품 페이지에 집중하는 것이 좋습니다. 제품의 이점을 강조하고 방문자가 구매하도록 설득하는 이미지, 설명, 인터렉티브 요소와 같은 기본 기능을 다듬어야 합니다.
전자상거래 플랫폼에서 제품 페이지를 구축할 때, 다양한 템플릿과 디자인 옵션을 활용할 수 있습니다. 다음 제품 페이지 디자인에 대한 영감을 얻고 결정을 하는 데 도움을 주기 위해 뛰어난 전자상거래 제품 페이지의 예시와 그들이 왜 우수한지를 설명합니다.
제품 페이지란 무엇인가요?
제품 페이지 또는 제품 상세 페이지(PDP)는 온라인 스토어의 구성 요소입니다. 잠재 고객이 제품의 특징, 이점, 가격 등을 확인할 수 있는 장소입니다. 제품 페이지는 또한 웹사이트 방문자가 구매 결정을 내리도록 유도합니다.
기본 제품 페이지는 사용자가 크기와 색상과 같은 옵션을 선택하고 장바구니에 제품을 추가할 수 있는 상호작용 요소를 포함합니다.
대부분의 제품 페이지는 이러한 기본 기능 외에도 고품질 제품 이미지, 상세 설명, 고객 리뷰 및 제품 비교와 같은 유익한 콘텐츠를 포함합니다.
잘 디자인된 제품 페이지는 단순히 세부 사항을 나열하는 것이 아니라, 제품이 문제를 해결하거나 고객의 삶을 어떻게 향상시킬 수 있는지를 보여줍니다.
오늘날 최고의 제품 페이지는 더 인터렉티브하고 개인화된 방향으로 발전하고 있습니다. 이들은 고객이 제품을 더 잘 이해할 수 있도록 돕는 동영상, 3D 모델, 증강 현실 기능을 포함할 수 있습니다. 또한, 개인화된 추천이나 실시간 채팅 지원을 제공하여 매장 경험을 대신할 수 있습니다.
최고의 제품 페이지: 18가지 주목할 만한 사례
Shopify를 사용하여 구축된 최고의 제품 페이지를 살펴보며, 이들이 어떻게 설득력 있게 제품 이야기를 전하고, 고객과 소통하며, 판매를 촉진하는지 알아보겠습니다.
- Master & Dynamic
- Figs
- Kit and Ace
- Love Wellness
- Dr. Squatch
- Holstee
- Kettle & Fire
- Hiya
- Studio Neat
- Leesa
- Outdoor Voices
- Luxy Hair
- PooPourri
- Rocky Mountain Soap
- United By Blue
- Manitobah Mukluks
- Perfect Keto
- Johnny Cupcakes
1. Master & Dynamic
Master & Dynamic은 무선 헤드폰의 고객 전환율을 극대화하기 위해 모든 제품 페이지 모범 사례를 적용합니다.
제품 설명은 기술적 세부 사항뿐만 아니라 공감할 수 있는 이점에 중점을 둡니다. 고객은 “좋아하는 노래를 완전히 새로운 방식으로 듣는 것”을 쉽게 상상할 수 있으며, “플러그를 꽂지 않고도 여러 번의 출퇴근길, 업무시간, 음악 감상 시간을 즐길 수 있다”고 느낄 수 있습니다.
기술에 관심이 있는 고객을 위해 간단하지만 포괄적인 기술 사양 목록도 제공됩니다. 망설이는 구매자를 위해 매장 내 유사 제품과 비교해 볼 수 있는 기능도 있습니다.
기타 디자인 특징은 다음과 같습니다.
- 제품 주요 특징을 클로즈업한 사진과 제품 사용 모습을 담은 라이프스타일 사진
- 주요 제품 특징은 아이콘으로 강조 표시됩니다.
- 방문자가 기능 및 기술 사양과 같은 섹션으로 점프할 수 있도록 앵커 링크가 제공됩니다.
- 장바구니에 헤드폰을 추가하는 것을 간단하게 만드는 큰 버튼.
- 보조 제품 및 액세서리를 캐러셀 방식으로 배치하여 교차 판매 기회를 창출합니다.
2. Figs
소비자 직접 판매(D2C) 헬스케어 의류 브랜드 Figs는 패셔너블하게 디자인된 내구성 있는 병원 유니폼으로 유명합니다. 고객은 제품의 뛰어난 편안함과 외관이 기능성을 희생하지 않는다고 느껴야 합니다.
구매자의 신뢰도를 높이기 위해, Figs의 제품 페이지는 명확하고 목표 지향적인 정보와 헬스케어 분야의 강렬함을 암시하는 에너제틱한 콘텐츠를 균형 있게 제공합니다.
제품 이미지의 모델들이 역동적인 자세를 취하고 있으며, 애니메이션 GIF는 360도로 전체 모습을 보여줍니다. 페이지 아래에는 제품 개발 영상과 응급 구조대원들이 사고 현장으로 달려가는 장면이 교차 편집된 동영상(자동 재생)이 있습니다.
제품 페이지의 카피도 주제에 잘 맞춰져 있습니다. 제품 특징은 의학 용어로 표현되어 있으며, 제품 품질에 대한 이야기는 “모든 것을 견딜 수 있도록 설계되었습니다.”와 같이 자신감에 가득 차 있습니다. 원단과 제조 방법에 대한 상표명(“독점 FIONx™ 원단”)은 기술적 전문성을 보여줍니다.
제품 페이지에서 사용할 수 있는 다른 전략을 아래에서 살펴보세요.
- 다양한 용도에 맞춘 다양한 색상, 크기, 맞춤 자수 옵션 제공
- “함께 착용하기” 및 “유니폼 완성하기”를 권장하는 광범위한 교차 판매 섹션
- “더보기” 버튼을 클릭하면 관련 제품 카탈로그 페이지로 이동하여 계속 살펴볼 수 있게 합니다.
3. Kit and Ace
애슬레저 브랜드 Kit and Ace의 제품 페이지는 약간의 할인 혜택을 제공하는 데 중점을 두고 있습니다. 제품 페이지는 의도적으로 미니멀하고 기본적인 디자인을 고수하고 있지만, 페이지 전반에 강압적이지 않으면서 브랜드의 명성이 손실되지 않을 정도로 할인 혜택을 효과적으로 홍보하고 있습니다.
구매 버튼 위의 글머리 기호는 고객에게 장바구니에 할인 혜택이 적용될 것임을 알리지만, 정확한 금액은 공개하지 않습니다. 이는 고객이 제품 할인율을 확인하기 위해 제품을 장바구니에 추가하도록 유도하여 판매 퍼널에서 결제 단계로 진행하게 합니다.
기타 프로모션 기능으로는 다음과 같습니다.
- 여러 제품 페이지를 탐색하도록 유도하는 작은 스크롤 헤더 배너
- 할인된 가격은 대비가 뚜렷한 굵은 색상으로 표시되며, 비교를 위해 원래 가격이 보입니다.
- 첫 구매 고객에게 추가 할인을 제공하는 팝업창
4. Love Wellness
Love Wellness의 Bye Bye Bloat 영양제 제품 페이지는 제품의 인기와 평판을 입증하는 사회적 증거로 가득 차 있습니다.
제품의 인기도는 구매자가 구매 결정을 내리는 데 더 큰 확신을 갖도록 도와줄 수 있으며, 제품 페이지 디자인 요소와 결합될 때 더욱 효과적입니다.
- 높은 전환율을 자랑하는 Shop Pay를 포함하는 구매를 최대한 쉽게 만들어주는 다양한 결제 옵션
- 제품을 사랑하는 이유를 설명하는 인플루언서 동영상 추천 후기
- 제품 사용법을 설명하는 동영상
- 고객의 요구 사항과 제품이 이를 해결하는 방법을 요약한 짧은 요점 정리 형식의 제품 설명
- 눈에 띄게 표시된 고객 추천 인용문
- FAQ 섹션
- 별점이 표시된 검색 가능한 고객 리뷰
- 주요 제품 정보와 장바구니 추가 버튼이 있는 고정형 사이드바
5. Dr. Squatch
Dr. Squatch의 제품 페이지는 방문자의 여러 제품 구매 유도를 위해 설계되었습니다. 이 남성용 개인 관리 브랜드는 사용자가 장바구니에 더 많은 항목을 추가할 수 있는 여러 기회를 만듭니다. 사용자는 다음 혜택을 받을 수 있습니다.
- 구매할 때마다 포인트를 적립할 수 있습니다.
- 정기 배송을 구독하면 할인 혜택을 받을 수 있습니다.
- 정기 구독을 하면 무료 배송 혜택을 받을 수 있습니다.
6. Holstee
Holstee의 대화 카드 덱 제품 페이지는 깊이 있는 문구로 제품 이야기를 전달합니다. 또한 다음과 같은 인기 있는 제품 페이지 요소를 활용합니다.
- 최근 구매 알림 팝업으로 사회적 증거를 강화
- 묶음 구매 시 할인 옵션
- 다양한 사용 사례를 담아낸 제품 사진
- 제품 컨셉을 설명하는 동영상
- 제품 개발의 역사와 지속 가능성에 대한 약속
- 항상 페이지에 존재하는 지속적인 장바구니 추가 버튼
- 할인을 받을 수 있는 매장 회원가입 유도
7. Kettle & Fire
Kettle & Fire는 최대 2년까지 보관할 수 있는 사골 육수와 수프를 판매합니다. 그들의 제품 페이지는 사용자에게 다량 구매 또는 정기 배송 구독을 통해 절약할 수 있는 다양한 구매 옵션을 제공합니다.
잠재적 절약 금액은 반복적으로 강조되며, 기타 주목할 만한 페이지 내 요소로는 다음과 같습니다.
- 눈에 띄게 배치된 고객 별점 평가
- “식사 사이에 포만감을 유지하세요”라는 이점을 포함한 짧고 간결한 제품 설명
- 짧은 글머리 기호로 홍보되는 제품 구독 기능
- 절약 금액이 강조된 제품 수량 주문 옵션
- 절약 금액을 강조하는 구매 버튼
8. Hiya
Hiya는 어린이용 종합 비타민을 판매하며, 이는 아이 친화적이면서도 세심한 부모의 요구도 충족하는 제품 페이지 디자인을 만들어야 한다는 과제를 제시합니다.
Hiya의 해결책은 간단한 시각적 일러스트로 렌더링된 제품 비교 섹션을 제공하는 것이었습니다. 부모는 Hiya와 경쟁 제품 간의 주요 차이점을 즉시 이해할 수 있으며, 모든 콘텐츠는 Hiya가 더 나은 선택임을 명확하게 보여줍니다.
페이지는 또한 각 주문에 스티커 장식 팩이 포함되어 있다는 점을 언급합니다. 이는 어린이를 위한 재미있는 활동을 제공하는 동시에 Hiya가 최종 사용자를 고려하고 있다는 것을 보여줍니다.
기타 디자인 특징으로는 다음과 같습니다.
- 구독 전용 결제 옵션: 고객당 더 많은 수익 창출
- 첫 주문 시 많은 할인: 구매 동기 부여
- 제품 크기를 “어린이 1명당”으로 측정하여 선택 과정 간소화
- 관련 있는 실제 고객 추천 동영상
- 부모의 질문을 예상한 광범위한 FAQ 섹션
9. Studio Neat
문구 제조업체 Studio Neat는 구매자에게 정교하게 설계된 볼펜의 기능을 안내하는 동영상을 눈에 띄는 곳에 배치합니다.
동영상을 보완하기 위해, 제품 이미지, 설명 및 아이콘은 펜 개발의 독특한 측면(“실제 클릭 소리가 나는 유일한 전체 금속 메커니즘”)과 이점(“클릭 소리가 정말 만족스럽습니다.”)을 강조합니다.
인용문과 편리하게 배치된 링크는 사용자를 잉크 리필 또는 일치하는 노트와 같은 관련 제품으로 안내하며, 라이프스타일 사진은 다양한 일상 환경에서 제품을 보여줍니다.
10. Leesa
Leesa는 소비자 직접 판매(D2C) 매트리스 회사입니다. 제품 페이지는 사회적 증거와 크로스셀링이라는 두 가지를 강조하는 데 중점을 둡니다.
사회적 증거는 Sleep Foundation 및 Mattress Advisor와 같은 업계 전문가의 인용으로 제시되며, 사이드바는 방문자가 관련 제품을 장바구니에 쉽게 추가할 수 있도록 합니다.
기타 페이지 디자인 세부 사항으로는 다음과 같습니다.
- 화면 상단에 지속적인 장바구니 추가 버튼
- 제품 정보를 이점 및 추천 용도별로 정리한 탭
- 할인 및 보너스 제공 사항이 명확하게 강조됨
- 기능을 설명하는 텍스트 및 다이어그램이 포함된 제품 이미지
- 한 번의 클릭으로 관련 제품을 장바구니에 추가하는 기능
- 가상 어시스턴트 채팅 기능
11. Outdoor Voices
Outdoor Voices는 일상복으로도 적합한 애슬레저 의류를 판매하는 회사입니다. 제품 페이지는 캐주얼하거나 장난기 가득한 포즈의 모델을 담은 잡지 화보 수준의 사진을 포함하여, 제품군이 목표 고객에게 더 친근하게 느껴지도록 합니다.
쇼핑객은 깔끔하고 기능적인 디자인 덕분에 제품 관리 방법, 제품 사양, 결제 옵션에 대한 정보를 쉽게 찾을 수 있으며, 방문자가 클릭 유도 문구(CTA)인 장바구니 추가 버튼을 클릭하는데 방해받지 않도록 합니다.
12. Luxy Hair
Luxy Hair는 다양한 색상과 길이의 인모로 만든 붙임머리를 판매합니다. 이는 온라인 쇼핑객에게 혼란스러운 상황을 초래할 수 있습니다.
제품 옵션을 두 가지 카테고리로 분류하고 사용자가 선택을 검증할 수 있는 방법을 제공함으로써 이 제품 페이지는 선택의 어려움을 피할 수 있습니다. 예를 들어 색상 샘플을 주문할 수 있는 옵션이 있으며, 방문자가 제품을 가상으로 착용해 보거나 헤어 스타일리스트에게 연락할 수 있는 옵션도 있습니다.
대비가 낮은 색상을 사용한 가상 착용 버튼을 장바구니 추가 버튼 위에 배치하여 구매할 준비가 되지 않은 고객에게 편리한 다음 단계를 제공합니다.
13. PooPourri
PooPourri의 제품은 부끄러운 주제에 대해 유머러스하고 재치 있는 접근 방식을 취하며, 제품 페이지도 동일한 에너지를 반영합니다. 유머러스한 동영상과 간결한 제품 설명을 혼합하여 쇼핑객이 화장실용 스프레이가 필요한지 결정하는 데 필요한 정보를 제공합니다.
14. Rocky Mountain Soap
Rocky Mountain Soap는 천연 바디 케어 제품 판매 업체로, 고객이 건강하고 품질 좋은 제품을 원한다는 것을 잘 알고 있습니다. 제품 페이지에는 간결하고 유익한 설명과 함께 NON-GMO, 사람에게만 테스트, 비건, 100% 천연 성분 등 주요 특징을 강조하는 아이콘이 포함되어 있습니다. 이는 쇼핑객이 Rocky Mountain의 바디 케어 제품을 선택하는 이유가 되므로 최대한 적극적으로 홍보하는 것이 중요합니다.
Rocky Mountain Soap의 제품 페이지에서 또 다른 설득력 있는 요소는 고객 리뷰가 포함되어 있다는 점입니다. 제품 구매를 망설이는 경우 최근 고객 후기를 쉽게 스크롤하여 확인할 수 있습니다. 거의 모든 소비자는 쇼핑하기 전에 리뷰를 읽어보기 때문에 긍정적인 리뷰는 구매자의 불안을 줄이는 확실한 방법입니다.
15. United By Blue
United By Blue는 전 세계 수로에서 쓰레기를 제거하는 것을 목표로 합니다. 제품 하나가 판매될 때마다 바다에서 1파운드(약 453g)의 쓰레기를 제거합니다.
제품 페이지는 고객이 구매를 통해 청소한 쓰레기의 양을 추적하는 실시간 카운터를 통해 그 목표를 다시 강조합니다. 환경 또는 사회적 원인에 대한 헌신을 표시하는 것은 브랜드의 가치를 고객의 가치와 일치시키는 데 도움이 될 수 있습니다.
기타 제품 페이지 요소로는 다음과 같습니다.
- 사용자가 올바른 사이즈를 찾을 수 있도록 돕는 사이즈 차트
- 업셀링 및 크로스 셀링 캐러셀
- 광범위한 필터를 통해 검색할 수 있는 고객 리뷰
16. Manitobah Mukluks
Manitobah Mukluks는 제품이 비쌀 때 구매 결정에 영향을 미치는 사회적 증명의 힘을 잘 이해하고 있는 브랜드입니다. 이 제품 페이지는 고객이 직접 촬영한 사진과 리뷰를 활용하여 쇼핑객이 다양한 일상 상황에서 제품을 사용하는 모습을 보여줍니다. 이 전략은 제품의 유용성과 가치를 생생하게 그려내어 쇼핑객이 자신의 삶에 제품이 녹아든 모습을 상상하기 쉽게 합니다.
제품 동영상, 추천 보완 제품, FAQ 섹션이 이 효과적인 제품 페이지를 완성합니다.
17. Perfect Keto
Perfect Keto는 인기 있는 케토 친화적인 스낵을 다양하게 제공합니다. Nola Bars의 제품 페이지는 고객을 참여시키는 다음과 같은 요소를 포함합니다.
- 유용한 다양한 상황에 대한 간단한 안내와 함께 눈길을 끄는 일러스트
- 첫 구매 고객 할인 제공 알림 팝업창
- 정기 구독 할인 옵션을 포함한 다양한 결제 옵션
- 매우 간단하게 제품 이점 표시
- 각 제품에 대한 간단하고 명확한 레시피를 제공하여 투명성을 높임
18. Johnny Cupcakes
Johnny Cupcakes의 제품 페이지는 “세계 최초의 티셔츠 베이커리”라는 브랜드 가치 제안에 충실합니다. 제품 설명은 새로운 스타일을 “갓 구운”이라고 표현하거나 프린트 온 디맨드(POD) 주문 제작 티셔츠를 “주문 즉시 구워내는”으로 표현하는 등 이 주제를 재치 있게 표현합니다.
기타 제품 페이지 최적화 기능으로는 200달러(약 29만 5,160원) 이상 구매 시 무료 양말을 제공하는 업셀링 인센티브를 홍보하는 배너가 있습니다. 이는 방문자가 제품을 장바구니에 추가하면 강조 표시됩니다. 구매 버튼을 클릭하면 장바구니가 사이드바에 나타나며, 고객이 선물을 받을 수 있는지 보여주는 “구매 금액 표시기”도 보여집니다.
제품 페이지 디자인: 모범 사례
제품 페이지는 전자상거래 사업의 원동력입니다. 제품 페이지가 온라인 스토어에서 가장 중요한 페이지인 이유는 다음과 같습니다.
- 쇼핑객의 질문과 우려 사항을 해결합니다.
- 쇼핑객이 검색 엔진에서 스토어를 찾을 수 있도록 합니다.
- 쇼핑객이 장바구니에 제품을 추가하도록 설득합니다.
그래서 이를 제대로 만드는 것이 매우 중요합니다.
여기 더 나은 제품 페이지와 출시 예정 페이지를 만들기 위한 몇 가지 팁과 권장 사항이 있습니다. 이는 온라인에서 발견되고, 쇼핑객을 즐겁게 하며, 그들이 무엇을 구매하고 싶은지 결정하는 데 도움을 줍니다.
제품 페이지 UX 모범 사례 사용
Nielsen Norman Group이 수백 개의 전자상거래 제품 페이지를 분석한 결과, 성공적인 페이지는 거의 항상 다음과 같은 핵심 사용자 경험 요소를 포함합니다.
- 설명적인 제품 이름
- 식별 가능한 제품 이미지
- 확대된 제품 이미지 보기
- 추가 요금을 포함한 가격
- 색상 및 크기와 같은 제품 옵션 사항을 명확하게 표시
- 제품 가용성
- 장바구니에 항목 추가 방법 및 항목이 추가되었다는 명확한 피드백
- 간결하고 유익한 제품 설명
이러한 기본 사항 외에도 좋은 제품 페이지 UX는 아래와 같이 제품 정보를 접근하기 쉽고 설득력 있게 만들어야 합니다.
고품질 제품 이미지 사용
소비자는 제품 이미지가 제품 페이지에서 가장 중요한 부분이라고 생각합니다. 쇼핑객이 페이지에 방문했을 때, 크고 선명한 이미지를 보여주어 제품을 쉽게 이해하고 실제로 사용하는 모습을 상상할 수 있도록 도와야 합니다.
이상적으로는 제품을 선보이기 위해 두 가지 유형의 이미지를 포함해야 합니다.
- 중립적인 배경에서 제품을 촬영하여 독특한 판매 포인트를 강조합니다.
- 제품 사용의 이점을 보여주는 라이프스타일 사진을 촬영합니다.
동영상이나 360도 이미지를 추가하여 상호작용성을 높이고 제품 페이지 전환율을 높이는 것도 고려해 보세요.
설득력 있는 제품 설명 작성
제품 사진을 지원하는 설명은 제품 소유의 이점에 대한 설득력 있는 이야기를 간단한 언어로 전달해야 합니다.
훌륭한 제품 설명은 이상적인 고객을 염두에 두고 작성되며, 고객의 관점에서 그들이 익숙한 어휘로 소통합니다.
대부분의 쇼핑객은 짧은 단락과 글머리 기호에 긍정적으로 반응하며, 다음과 같은 요소를 포함합니다.
- 제품 사양
- 기술 정보
- 사양 시트 및 사이즈 차트
- 카탈로그의 유사 제품과 비교
실시간 채팅 창 추가
좋은 제품 페이지는 제품 질문을 예상하고 답변해야 합니다. 그러나 더 구체적인 정보가 필요한 잠재 고객이 있을 수 있으며, 여러분의 브랜드에 연락하고 싶은 고객이 있을 수 있습니다.
실시간 채팅은 사이트 방문자가 전화 통화의 압박이나 불편함 없이 실시간으로 상호작용을 할 수 있게 합니다. 실시간 채팅 창을 통해 잠재 고객은 영업 담당자에게 쉽게 연락하고 답변을 얻고 구매를 진행할 수 있습니다.
💡 실시간 채팅 앱을 추가하여 Shopify 스토어에서 AI의 힘을 활용해 보세요.
고객 평가 및 사회적 증거 표시
제품 리뷰는 쇼핑객에게 매우 중요합니다. 리뷰의 수, 긍정적인 평가 및 최근 리뷰는 사람들의 구매 결정을 좌우할 수 있습니다. 여러분의 전자상거래 제품 페이지에 고객 추천 및 리뷰가 표시되지 않으면, 쇼핑객은 이 정보를 찾기 위해 다른 웹사이트로 이동할 수 있으며, 그곳에서 무엇을 보게 될지는 여러분이 통제할 수 없습니다.
그렇다면 해결책은 무엇일까요? 고객 피드백을 제품 페이지에 바로 표시하세요. 그렇게 하면 쇼핑객이 이를 찾기 위해 여러 군데를 들릴 필요가 없습니다.
다음은 리뷰 활용도를 높이는 몇 가지 간단한 방법입니다.
- 가장 좋은 리뷰 강조하기: 가장 긍정적인 리뷰를 강조하세요. 이는 쇼핑객의 눈길을 끌고 제품의 장점을 보여줍니다.
- 고객에게 의견을 공유하도록 요청하기: 할인 코드와 같은 인센티브를 제공하여 고객이 리뷰를 남기도록 유도하세요. 이는 더 많은 피드백을 얻고 쇼핑객에게 의견을 소중히 여긴다는 것을 보여줄 수 있습니다.
- 부정적인 댓글에 신속하게 대응하기: 고객이 불만족스러워한다면, 그들의 리뷰에 신속하고 전문적으로 대응하세요. 이는 고객 경험에 관심을 갖고 문제를 해결하려고 노력한다는 것을 보여줍니다.
Shopify로 제품 페이지 구축하기
제품 페이지는 쇼핑객의 구매 여부를 결정하는 장소입니다. 경험이 많은 디자이너가 아니더라도 웹사이트를 구축하여 보기 좋고 판매를 촉진하는 제품 페이지를 만들 수 있습니다. Shopify를 사용하면 아름다운 디자인과 높은 전환력을 균형 있게 갖춘 온라인 스토어의 제품 페이지를 만들 수 있습니다.
일러스트레이션: Cornelia Li
*환율: 2026년 1월 기준
제품 페이지 FAQ
매력적인 제품 페이지를 어떻게 만들 수 있나요?
- 설명적인 제품 이름을 만드세요. 제품 이름이 제품이 무엇인지 명확하게 전달되도록 하세요.
- 고품질 이미지를 사용하세요. 확대할 수 있는 옵션과 함께 명확하고 인식 가능한 이미지를 추가하세요.
- 가격을 표시하세요. 제품의 가격이 추가 요금을 포함하여 명확하게 보이도록 하세요.
- 명확한 제품 옵션을 제공하세요. 색상이나 수량과 같은 이해하기 쉬운 옵션을 제공하고 선택하기 쉽게 만드세요.
- 간단한 설명을 작성하세요. 제품 설명을 짧고 유용한 정보로 가득 채우세요.
- 사회적 증거를 활용하세요. 고객 리뷰, 사용자 생성 콘텐츠 및 평가를 보여주어 신뢰를 쌓으세요.
- 제품 가용성을 표시하세요. 고객에게 제품 재고가 있는지 알려주세요.
- 장바구니 추가 프로세스를 간소화하세요. 제품을 쉽게 장바구니에 담을 수 있게 하고, 항목이 추가되었을 때 명확한 피드백을 제공하세요.
웹사이트에서 제품을 어떻게 홍보하나요?
- 고품질 제품 사진에 투자하세요. 명확하고 전문적인 사진은 제품을 돋보이게 할 수 있습니다.
- 추가 이미지를 포함하세요. 제품의 다양한 각도나 상세한 모습을 보여주세요.
- 애니메이션 이미지나 동영상을 활용하세요. 제품이 작동하는 모습을 보여주어 고객이 이해하는 데 도움을 주세요.
- 관련 제품을 추천하세요. 고객이 관심을 가질 만한 다른 제품을 제안하세요.
- 가상 착용을 시도해 보세요. 증강 현실이나 360도 사진을 테스트하여 고객이 제품을 더 잘 느낄 수 있도록 하세요.
- 단계별 지침을 제공하세요. 제품에 대한 설명이 필요하다면, 사용 방법에 대한 명확한 지침을 포함하세요.
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년 영감을 주는 최고의 제품 페이지 디자인 사례 18가지 - 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="방문객을 고객으로 전환하게 하는 제품 페이지를 구축하세요. 제품 페이지 최적화에 대한 팁, 사례, 전략을 살펴보고 활용하여 더 높은 매출을 달성하세요."/><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년 영감을 주는 최고의 제품 페이지 디자인 사례 18가지 - Shopify 대한민국"/><meta property="og:description" content="방문객을 고객으로 전환하게 하는 제품 페이지를 구축하세요. 제품 페이지 최적화에 대한 팁, 사례, 전략을 살펴보고 활용하여 더 높은 매출을 달성하세요."/><meta property="og:image" content="https://cdn.shopify.com/s/files/1/0841/2764/5718/articles/Nov-2_AI_product-page_1_528aca1b-eff0-4e48-b141-c416fd005231.jpg?v=1769499404"/><meta name="twitter:image" content="https://cdn.shopify.com/s/files/1/0841/2764/5718/articles/Nov-2_AI_product-page_1_528aca1b-eff0-4e48-b141-c416fd005231.jpg?v=1769499404"/><meta property="og:url" content="https://www.shopify.com/kr/blog/product-page"/><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년 영감을 주는 최고의 제품 페이지 디자인 사례 18가지 - Shopify 대한민국"/><meta name="twitter:description" content="방문객을 고객으로 전환하게 하는 제품 페이지를 구축하세요. 제품 페이지 최적화에 대한 팁, 사례, 전략을 살펴보고 활용하여 더 높은 매출을 달성하세요."/><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/product-page"/><link rel="stylesheet" href="https://cdn.shopify.com/shopifycloud/world/brochure/production-blog/assets/blogRedesign-IgyRLcAZ.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/product-page"/></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%2Fproduct-page&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%2Fproduct-page&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/product-page" 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%2Fproduct-page&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="product-page" 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%2Fproduct-page&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/product-page"/><meta itemProp="dateModified" content="2026-01-23T04:11:00.000Z"/><meta itemProp="datePublished" content="2026-01-23T00:00:00.000Z"/><meta itemProp="image" content="https://cdn.shopify.com/s/files/1/0841/2764/5718/articles/Nov-2_AI_product-page_1_528aca1b-eff0-4e48-b141-c416fd005231.jpg?v=1769499404"/><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년 영감을 주는 최고의 제품 페이지 디자인 사례 18가지</span></h1><p class="text-theme-content text-body-lg mt-sm opacity-60">방문객을 고객으로 전환하게 하는 제품 페이지를 구축하세요. 제품 페이지 최적화에 대한 팁, 사례, 전략을 살펴보고 활용하여 더 높은 매출을 달성하세요.</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년 1월 23일<!-- --> • 읽는 데 12분</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/s/files/1/0841/2764/5718/articles/Nov-2_AI_product-page_1_528aca1b-eff0-4e48-b141-c416fd005231.jpg?v=1769499404&originalWidth=1848&originalHeight=782" alt="남자, 여자, 고양이가 각각의 제품 페이지를 바라보고 있습니다." loading="eager" decoding="async" width="1848" height="782" srcSet="https://cdn.shopify.com/s/files/1/0841/2764/5718/articles/Nov-2_AI_product-page_1_528aca1b-eff0-4e48-b141-c416fd005231.jpg?v=1769499404&originalWidth=1848&originalHeight=782&width=200 200w, https://cdn.shopify.com/s/files/1/0841/2764/5718/articles/Nov-2_AI_product-page_1_528aca1b-eff0-4e48-b141-c416fd005231.jpg?v=1769499404&originalWidth=1848&originalHeight=782&width=400 400w, https://cdn.shopify.com/s/files/1/0841/2764/5718/articles/Nov-2_AI_product-page_1_528aca1b-eff0-4e48-b141-c416fd005231.jpg?v=1769499404&originalWidth=1848&originalHeight=782&width=600 600w, https://cdn.shopify.com/s/files/1/0841/2764/5718/articles/Nov-2_AI_product-page_1_528aca1b-eff0-4e48-b141-c416fd005231.jpg?v=1769499404&originalWidth=1848&originalHeight=782&width=800 800w, https://cdn.shopify.com/s/files/1/0841/2764/5718/articles/Nov-2_AI_product-page_1_528aca1b-eff0-4e48-b141-c416fd005231.jpg?v=1769499404&originalWidth=1848&originalHeight=782&width=1000 1000w, https://cdn.shopify.com/s/files/1/0841/2764/5718/articles/Nov-2_AI_product-page_1_528aca1b-eff0-4e48-b141-c416fd005231.jpg?v=1769499404&originalWidth=1848&originalHeight=782&width=1200 1200w, https://cdn.shopify.com/s/files/1/0841/2764/5718/articles/Nov-2_AI_product-page_1_528aca1b-eff0-4e48-b141-c416fd005231.jpg?v=1769499404&originalWidth=1848&originalHeight=782&width=1400 1400w, https://cdn.shopify.com/s/files/1/0841/2764/5718/articles/Nov-2_AI_product-page_1_528aca1b-eff0-4e48-b141-c416fd005231.jpg?v=1769499404&originalWidth=1848&originalHeight=782&width=1600 1600w, https://cdn.shopify.com/s/files/1/0841/2764/5718/articles/Nov-2_AI_product-page_1_528aca1b-eff0-4e48-b141-c416fd005231.jpg?v=1769499404&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">제품 페이지란 무엇인가요?<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">최고의 제품 페이지: 18가지 주목할 만한 사례<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">제품 페이지 디자인: 모범 사례<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">제품 페이지 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%2Fproduct-page&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 [&_#faq-section]:!my-xl [&_:is([data-component-name="blog-cta-marketing"],.blog-cta-container,[data-email-signup]_.marketing-block,[data-component-name="blog-read-more"],#faq-section,[data-guide]>div)]:!p-lg [&_[data-guide]>div]:!font-sans" itemProp="articleBody"><div><p><a href="/kr/blog/start-online-store">온라인 스토어</a>를 오픈할 때 제품 페이지의 매력은 매우 중요합니다. 사용하는 콘텐츠, 이미지, 그래픽, 색상, 문구, 타이포그래피는 모든 전자상거래 웹사