Theme에 대한 상세설정을 위해서는 기본적으로 어느 정도 상품이 업로드 된 상태여야 합니다. 즉, 컨텐츠인 상품들이 어느 정도 있어야 무료든 유료든 우리가 선택한 Theme에 대해 실제로 적용된 모습을 확인할 수 있습니다. 이는 제작자의 만족도 부분이 아닌, 소비자가 쇼핑몰에 들어와서 확인, 구매까지 이루어지는 전환율(Conversion Rate) 와도 관련이 있습니다. 따라서 이번에는 실습 과정으로 상품 리스팅(Listing) 부분을 진행하겠습니다. 이전 글들에서 상품 리스팅에 대해 설명하는 부분이 있었기 때문에 (5-Shopify 상품올리기) 세부 내용 보다는 다음 과정을 위해 준비하는 단계로 진행하겠습니다  쇼핑몰에 상품을 올리기 위해 필요하거나 미리 결정해 두어야 하는 내용은 다음과 같습니다. 상품 제목(Title) 상품 카테고리(Collection) 상품 이미지(Image files) 상품 가격(Price) 상품 무게 상품의 색상이나 사이즈 등의 옵션 이 외에 상세 정보들…  특히, 이미지는 쇼핑몰 내의 상품들에 한해서는 촬영 구도, 사이즈, 비율 등을 통일하는 것이 좋습니다. 상품 페이지에 여러 사진이 들어간다 하더라도 적어도 상품들의 메인 이미지 1장 정도는 모두 통일하여1001px X 1001px의 정사각형이나 800px X 1600px 과 같은 1:2 비율의 직사각형 등으로 맞추는 것이 좋습니다. 이는 다른 솔루션에서도 마찬가지입니다.  저는 Accessory 아이템 군을 예로 들어 리스팅 하겠습니다. 1. Collections  보유하고 있는 상품군의 카테고리를 정합니다.  Main 카테고리 아래에 4개의 대 카테고리를 정하고 그 아래에 색상에 따른 카테고리를 지정합니다. 각 상품은 가장 작은 카테고리 안에 분류합니다. 아래와 같은 카테고리를 지정하려 합니다. 따라서 Collection 메뉴에서 4개의 대 카테고리와 각 각 2~3개씩의 소 카테고리를 Collection 항목으로 생성합니다. Product 추가 후에 만들어도 되지만 가급적 미리 만들어서 지정하는 편이 좋습니다. <4개의 대 카테고리가 Store의 메인 메뉴가 됩니다. 그 아래에 2~3개씩의 소 카테고리를 넣었습니다> 2. Add product – Title : SEO를 고려하여 핵심키워드로 Title을 구성하는 것이 좋습니다. 너무 길지 않게 구성합니다. – Description : 상품에 대한 설명입니다. 글과 이미지, 동영상 등 최대한 친절한 설명이 좋습니다. 물론 키워드도 중요합니다. – Image :  저는 1000px X 1000px 사이즈로 이미지를 통일하겠습니다. 이미지의 사이즈 자체가 중요하다기 보다는 파일 내에서 상품이 차지하는 비율과 사이즈가 일치하는 것이 보기에 좋습니다. <사진 촬영 각도가 일치하고, 사진에서 차지하는 비율이 일정한 것이 좋습니다>  – Shipping – Weight : 제품을 최종 포장해서 발송되는 무게를 입력합니다. 여기에  입력한 무게가 배송비 계산에 사용되기 때문입니다. – Variants : 사이즈, 색상 등에 대한 옵션이 있는 경우 Add variant 를 클릭하여 추가합니다. Size, Color, Meterial 등 3가지가 기본이지만 Option Name은 변경 가능합니다. – Collection은 상품의 카테고리나 메뉴 구성에 중요한 요소이지 상품을 리스팅 할 때에 지정해주거나 추후에 한번에 지정해 줄 수도 있으니 반드시 지정하는 것으로 합니다. 대 카테고리와 소 카테고리를 모두 지정합니다. 물론 Collection 메뉴에서 아이템에 따라 자동으로 특정 Collection에 들어갈 수 있도록 지정 가능합니다.  처음 상품을 올릴 때에는 익숙하지 않기도 하고, 한번에 많은 상품을 올려야 하기 때문에 어느 정도 시간이 소요될 수 있습니다. 비슷한 상품을 올리는 방식이라면 Duplicate 기능을 활용할 수 있습니다. 물론 shopify에도 Excel 파일로 일괄적 리스팅 하는 방식이 있습니다만 딱히 설명이 필요하지 않을 정도로그리 어렵지 않은 부분이고 지금은 초기 셋팅이 우선이기 때문에 특별히 다루지 않겠습니다.  3. 메뉴 구성 상품 리스팅을 마쳤으면, 이번에는 메뉴를 구성할 차례입니다. 메뉴는 Collection 을 적당히 위치시켜 구성할 수 있습니다. 저는 위에서 계획한 대로 카테고리를 편성하고 그대로 메뉴를 구성해 보겠습니다. Main Menu에 대 카테고리를 위치시키고, 그 아래에 소 카테고리들을 위치시킵니다. Main Menu를 위와 같이 구성했다면 메인 메뉴는 Home – Bracelet – Ring – Necklace – Earring 으로 표시됩니다.   이처럼 메인 메뉴 아래에 소 카테고리가 존재하게 됩니다. 4. Page 생성  위의 과정을 마쳤다면, 메인 화면과 상품 페이지는 완료 되었습니다. 상품페이지와 별개로 About us, Contact us 와 같은 하나의 웹 페이지도 만들 수 있습니다. 페이지 메뉴는 Online Store->Pages 에서 추가 가능합니다. 내용에는 Product와 마찬가지로 HTML 소스를 활용 가능하며, 이미지와 동영상도 삽입 가능합니다. 오른쪽에 있는 Template 메뉴에서 Page.Contact 항목을 선택하면 e-mail을 받을 수 있는Contact Form이 함께 있는 페이지가 완성됩니다.  물론, 이렇게 생성한 Page는 다시 Main […]

지난 글에서는 상품 올리는 방법까지 알아보았습니다. 잘 따라오셨다면 상품 리스팅 까지는 쉽게 하실 수 있습니다. 그렇다면 좀 더 구색을 갖추기 위해, 또한 메뉴나 테마 설정을 위해서 몇 개의 상품을 더 올리신 후 이 글을 보시길 권합니다. 적어도 하나의 소 카테고리에는 8개 이상의 상품 리스팅을 추천합니다.  1. 메뉴의 개념 Shopify의 메뉴는 테마에 따라 영향을 받습니다. 기본적으로 텍스트로 메뉴 이름을 지정하고 그에 따라 페이지나 링크, 상품, Collection 등을 지정 하는 것은 공통적이지만, 일부 테마의 에서는 2단계의 서브 메뉴 기능을 지원하지 않는 경우도 있습니다. 테스트를 위해서 1차 서브 메뉴까지 생성 해 보겠습니다. 메뉴의 설정은 Online Store -> Navigation 항목에서 설정 가능합니다. ( 단축키 G W N ) 아무런 설정도 하지 않은 페이지는 상품도 노출 되지 않거나 일부 상품만 노출됩니다. 위쪽은 빈 화면에Home 과 Catalog 메뉴, 단 두 가지만 표시됩니다. 이제 여기를 채워가고 바꿔가야겠지요.    2. 메뉴의 종류 메뉴의 종류는 크게 세 가지로 나뉩니다. Main menu Footer menu Catalog menu Main menu는 홈페이지 화면 위쪽에 노출되는 메뉴입니다. 가장 처음 들어가는 쇼핑몰의 첫 화면 위쪽에 배치되며, Home, About us, 상품군, QnA, Blog 메뉴 등, 각 페이지나 카테고리로 연결하는 말 그대로 가장 Main 메뉴입니다.  Footer menu는  화면 아래에 배치되는 메뉴입니다. 초기에는 Search 페이지 링크만 존재합니다. 보통 Search페이지, Blog 최신 글, SNS 링크 아이콘 등이 자리잡게 됩니다. 실제 존재하는 항목은 아니지만 흔히 메뉴를 설정할 때에는 상품에 대한 분류에 치중하기 때문에 편의상Catalog menu라고 하겠습니다. Catalog menu는 상품들에 관한 메뉴입니다. Main menu 항목에 속하며, 상품들의 목록(Catalog)을 분류하는 데에 사용합니다. 아래 붉게 표기한, Skin care, Makeup, Hair care 상품군에 해당하는 메뉴를 뜻합니다. 3. 페이지, 블로그 포스트 메뉴의 세부 설정 전에 Page와 Blog포스트에 대해서 짚고 넘어가겠습니다. Page는 하나의 웹페이지를 뜻 합니다. About us 페이지에 회사 소개를 넣는다고 할 때에, 그 페이지는 하나의 웹페이지가 됩니다. 흔히 보는 포털사이트 메인 화면에는 여러 광고나 기사, 로그인 창, 검색창 등이 있지만, 페이지 자체는 하나의 페이지입니다. Shopify는 쇼핑몰 솔루션이지만 쇼핑몰에서는 홈페이지의 기능도 수행하기 때문에 Page를 추가하여 꾸밀 수 있습니다. Blog는 Shopify의 주요 기능은 아닙니다. 그러나 정보전달과 소통, 유입을 위해 블로깅을 할 수 있습니다. 당연히 상품페이지와 같이 SEO 기능도 탑재되어 있습니다. Shopify 에서는 이 블로그를 메뉴에 추가하여 내 쇼핑몰 내에 블로그 페이지를 넣을 수 있습니다.  4. 메뉴 설정 방법 메뉴의 설정은 Online Store -> Navigation 항목에서 설정 가능합니다. ( 단축키 G W N ) 위에서 언급한 Footer menu와 Main menu가 있습니다. Footer 메뉴는 테마의 영향이 크므로 Main menu 먼저 설정하겠습니다. 다른 메뉴도 기본적인 내용은 같아서, 설정에 큰 어려움은 없습니다. Main menu의 Edit menu를 클릭하여 수정 화면으로 넘어갑니다. 위쪽에 Name 과 Link 항목이 있습니다. Name은 메뉴에 표시되는 이름입니다. Main menu이므로 쇼핑몰 첫 화면에 나왔던 Home과 Catalog 메뉴가 바로 이 곳에서 설정된 내용입니다. 그럼 새 메뉴를 추가 해 보겠습니다. Add menu item 을 클릭하면 빈 항목이 나타납니다. Name은 메뉴에 표시될 내용을 쓰면 되고 Link는 드롭 다운 메뉴로 여러 항목이 나타납니다. 여기서 어떤 항목을 선택하느냐에 따라 메뉴를 클릭했을 때에 표시되는 페이지가 달라집니다. 예를들면, Name에 “ALL” 이라고 쓰고 Link에서는 All products 를 선택한다면, 메인메뉴의 ALL 항목을 선택하면 모든 제품을 표시하는 페이지가 출력되는 것입니다. Home page 링크는 말 그대로 홈페이지입니다. 쇼핑몰의 처음 메인 대문 페이지로 연결됩니다. Collection 링크는 특정 Collection을 연결합니다. 기본적으로는 상품이 속한 카테고리의 개념이지만 이 Collection을 이용해서 서브 메뉴를 설정할 수 있습니다. 아래의 서브메뉴 설정에서 다시 다루겠습니다. All collections 링크는 모든 Collection을 출력하는 페이지를 연결하게 됩니다. 다만 상품들이 직접 노출되지 않고 카테고리의 대표 이미지가 노출됩니다. Product 링크는 특정 제품에 연결됩니다.  All products 링크는 리스팅 된 모든 제품이 나타나게 됩니다. Page 링크는 미리 만들어 둔 페이지를 불러오게 됩니다. About us나 Contact us, QnA 등의 페이지를 만들어 두고 여기서 설정을 하게 됩니다. Search page 링크는 검색 페이지로 연결합니다. 쇼핑몰 내부의 상품을 검색할 수 있는 페이지입니다. Web address 링크는 외부 링크 항목입니다. 특정 사이트나 웹페이지의 연결이 필요할 때에 이 항목을 사용합니다. 다만 쇼핑몰에서의 외부 유출이 일어나는 것이기 때문에 적절한 페이지를 연결해야 도움이 될 수 있습니다. 오른쪽의 휴지통 아이콘은 각 메뉴 항목을 지울 수 있는 버튼입니다. 또한 가장 왼쪽에 있는 8개의 작은 점을 잡아 끌면 ,각 메뉴의 위치를 바꿀 수 있습니다. 모든 사항 적용 후 Save menu를 클릭하여 꼭 저장을 해야 실제 적용이 됩니다.   5. 서브 메뉴 설정 Shopify 에서는 Drop-down 메뉴라고 부릅니다. 저는 메뉴 아래에 또 다른 메뉴가 있어서 편의상 서브메뉴라고 부르겠습니다. 위의 Main menu 아래에 또 다른 메뉴를 넣는 것입니다. Catalog 라는 메뉴 항목이 있습니다. 그럼, 이 아래에 Kids, […]