쇼핑몰 디자인은 브랜드 이미지와 함께 상품이 잘 보이도록 도와주는 역할을 합니다. 그렇기 때문에 쇼핑몰 디자인을 어떻게 할지 고민하시는 분들이 참 많을 텐데요. shop by(샵바이)는 기본 스킨으로 오로라(AURORA) 스킨을 제공하고 있습니다.
디자인 스킨을 활용하면 배너 사진 교체만으로도 브랜드만의 색을 쉽게 나타낼 수 있습니다. 오늘은 샵바이 기본 스킨을 변경하는 방법과 디자인 스킨을 고르는 방법에 대해 알려드리겠습니다.
(1) shop by(샵바이) 스킨 수정하는 방법
쇼핑몰 관리자 페이지에서 [디자인 > 디자인 관리]에 들어가면, 현재 샵바이 기본 스킨인 오로라 스킨이 쇼핑몰에 적용되어 있는 상태를 확인하실 수 있습니다. 디자인 스토어에서 스킨을 구매하거나 커스팀 스킨을 등록하면 하단 보유 스킨 목록에 나타납니다.
디자인 스킨을 활용하면, 별도의 개발 코드 수정 없이 등록된 배너 수정만으로 우리 쇼핑몰에 어울리도록 디자인할 수 있죠!
모든 스킨의 배너는 [디자인 > 디자인 설정 > 스킨 배너 관리]에서 확인 가능합니다. 여러 개의 스킨을 보유하고 있더라도 해당 메뉴에서 모든 배너를 확인하실 수 있는데요. 상단에 펼치기 버튼을 클릭하면, 디자인 스킨별 배너를 따로 확인하실 수 있습니다.
샵바이의 기본 스킨인 오로라 스킨의 배너는 총 10개가 등록되어 있는데요. 쇼핑몰 화면을 확인하고, 변경하고 싶은 배너의 수정 버튼을 누르면 이미지를 쉽게 변경할 수 있습니다.
스킨 배너 수정 메뉴에 들어가면, 배너의 노출 여부와 기간도 선택할 수 있습니다.
① 노출 여부
스킨을 살펴보고 필요 없는 배너의 경우에는 [노출 안 함]으로 설정하면 쇼핑몰에 노출되지 않습니다.
② 노출 기간
원하는 기간에만 특정 배너를 노출할 수 있는데요. 쇼핑몰에서 타임세일이나 기획전을 진행할 때, 번거롭게 배너를 수정하지 않아도 자동으로 노출 안 함 처리가 되어 편리하게 운영할 수 있습니다.
간단하게 이미지를 통해 디자인 스킨 배너를 수정하는 방법에 대해 알려드렸는데요.
하단 동영상 매뉴얼을 통해서도 확인하실 수 있습니다.
(2) 내 쇼핑몰에 맞는 디자인 스킨 고르는 방법
위와 같이 배너 이미지 교체만으로도 내 브랜드와 어울리는 쇼핑몰 디자인을 할 수 있습니다.. 그렇기 때문에 개발 지식이 없다면, 내 쇼핑몰에 필요한 스킨을 고르는 것이 무엇보다 중요합니다.
특히, 샵바이 사전 예약을 신청해 주신 분들께 디자인 스킨 1종을 무료로 제공하고 있는데요. 디자인 스킨을 고를 때 꼭 살펴보아야 하는 부분에 대해 짚어드리겠습니다!
① 레이아웃
위 사진은 메인 페이지 내에 노출되는 상품 사진 위에 마우스를 롤오버했을 때 나타나는 상품 효과입니다. 믹스마켓 스킨의 경우에는 효과 없이 찜하기, 장바구니 아이콘만 나타나는데요. 샐러디 스킨의 경우에는 상품 확대 효과와 함께 장바구니 아이콘이 나타납니다.
각 스킨마다 상품 썸네일에 적용된 효과가 다르기 때문에, 이를 잘 살펴보고 우리 브랜드의 상품을 보여 주는 데 더 도움이 되는 스킨을 고르는 것이 좋습니다.
③ 상품 구매 페이지
마지막으로 확인해야 할 것은 실제 고객분들이 쇼핑몰에 들어와서 접속하는 상품 구매 페이지입니다. 상품 썸네일 배치와 찜하기, 장바구니, 구매하기 버튼이 각각 다른 것을 한 눈에 확인할 수 있죠. 따로 개발 코드를 수정하지 않는다면 해당 버튼도 스킨마다 다르니 꼭 확인해 보아야 합니다!