워드프레스 쇼핑몰 테마 선택 가이드

워드프레스 테마 선택 시 기본 체크 사항

워드프레스 쇼핑몰 테마들을 보고 있노라면, 너무 이쁘다. 우와 이런 기능도 있네.. 하며 테마의 수려함과 매력에 쏘~옥 빠지게 되는데요.
테마의 외관에 빠진 나머지, 쇼핑몰 자체 기능은 꼼꼼하게 확인하지 못해, 테마 설치 및 사이트 작업 시 후회를 하는 일이 종종 발생하게 되는데요.

이번 포스트에서는워드프레스 테마 및 쇼핑몰 테마 선택 시 기본 체크 사항 및 과 쇼핑몰에 있어서 특히 꼼꼼하게 체크 해야 하는 기능에 대해 안내를 드리도록 하겠습니다.

워드프레스 테마는 기본적으로 반응형웹(Responsive web)을 지원합니다. 따라서 데스크탑에서만 확인하지 마시고, 태블릿, 모바일 등에서 테마의 UI, UX 등을 확인 해 주셔야 합니다.

주의사항! 특히 여러 기능이 담겨져 있는 멀티 테마의 경우 많은 기능들로 인해 테마 자체 속도가 저하 될 수 있습니다. 쇼핑몰에서의 로딩 속도는 매우 중요한 영역이니 꼭 참고 해 주세요..

그럼, 워드프레스 쇼핑몰 테마 기본 살펴보기 부터 워드프레스 테마 공통으로 체크 해야 하는 기능에 대해 살펴보겠습니다.
워드프레스 및 우커머스 쇼핑몰 테마 구입 전 기본적으로 꼭! 체크 해 주셔야 하는 기능입니다.

1. 신규 판매일 판매량 및 업데이트 날짜 확인 : 신규 판매일자가 최근이라면, 테마 사용 및 버그에 대해 충분한 조사가 되지 않았을 수 있기에 선택하지 않는 것이 좋습니다. 또한 판매량이 적은 테마일수록 향후 업데이트 중단 등의 사태가 발생할 우려가 있을 수 있어, 최근 업데이트가 된 테마일 수록 유지 보수가 잘 되는 테마 일 확률이 높습니다.

2. 우커머스 지원 여부 확인 : 처음에는 일반 홈페이지로 시작하더라도 향후 결제 및 쇼핑몰 등의 단계로 확장 될 수 있기에 일반 홈페이지를 구축하더라도 가급적 우커머스를 지원하는 테마를 선택하시는 것이 좋습니다.

3. 기술지원 답변 소요시간 확인 : 테마를 이용하다보면 테마에 대한 버그, 궁금증 다양한 문제가 발생할 수 있습니다. 쇼핑몰의 경우 테마 문제가 발생하는 경우 매출에도 영향을 줄 수 있기에 가급적 기술지원이 빠른 테마일수록 좋겠죠. 해외의 경우 기술지원 접수, 답변을 받는데까지 소요 시간이 수일이 걸릴 수 있기에 기술지원 문의 및 답변에 대한 소요 시간을 확인 해 보시는 것을 권장 드립니다.

4. 지원 가능한 빌더 확인 및 플러그인 : 워드프레스 사이트는 플러그인과 플러그인의 조합으로 이루어집니다. 관리자가 쉽게 다룰 수 있는 빌더 및 우리 쇼핑몰에서 꼭 필요한 플러그인이 있는 경우 해당 플러그인 지원 여부를 확인 해 주세요.

위에 정보는 테마 판매 사이트의 기본 페이지 영역에서 모두 확인 하실 수 있습니다.

그럼 이제 쇼핑몰 테마에 대해 자세히 들여다 볼까요?

우커머스 워드프레스 쇼핑몰 테마 꼼꼼하게 확인하기

1. 우커머스 메인 화면의 쇼핑몰 리스트

기본적으로 쇼핑몰은 홈 메인 전면에 상품 리스트를 진열하여 해당 쇼핑몰이 무엇을 판매하는 곳인지 알려줍니다.

마케팅적인 측면으로 볼 때는 메인 홈에 상품 진열을 함으로 상품 클릭률을 높이고, Depth 를 축소시킴으로 구매 전환 효과를 높일 수 있습니다.

따라서 쇼핑몰 상품 리스트에서 다양하게 노출되는 정보를 비롯한 바로구매, 장바구니 버튼 노출로 구매 단계를 축소 시킬 수 있는지 체크 해 보아야 합니다.

<상품 리스트 예시 1> 장바구니에 담을 수 있으며 팝업으로 상품 요약 정보를 확인 할 수 있습니다.

<상품 리스트 예시 2> 다양한 상품을 슬라이딩으로 확인할 수 있으며 구매하기 버튼을 통해 결제 페이지로 바로 이동할 수 있습니다.

<상품 리스트 예시 3> 상품 리스트에서 가격 필터링은 가능하나 장바구니, 구매하기 버튼이 없기에 해당 상품 상세 페이지를 통한 장바구니, 구매하기만 가능합니다. 이 경우 위 예시에 비해 구매 시 단계가 1Dpeth 증가하게 됩니다.

<추가 팁> 상품 리스트에 마우스 오버 시 상품 이미지 전환 효과 및 퀵뷰가 있는 경우 사이트가 세련되어 보일 수 있으나 모바일에서는 불편함을 느끼는 고객들도 있습니다.

<퀵뷰 예시>

2. 우커머스 상품 상세 페이지 레이아웃

쇼핑몰에서 가장 중요한 상품 상세 페이지의 구조 입니다.

구매자는 본 페이지에서 상품 정보를 확인하고, 장바구니 또는 바로구매를 진행하거나, 리뷰 작성 및 SNS 사용하여 관심을 나타내기도 합니다.
테마에서 상품 상세화면은 템플릿이 고정되어 있는 경우가 많아, 변경이 어려우니, 테마 선택 시 필히 확인 하셔야 하는 영역입니다.

아래 2가지의 다른 스타일이 상품 페이지를 살펴보겠습니다. 어떤 스타일이 마음에 드시나요?

<상품 상세 FULL 타입>

상품 상세 영역을 보면 상품 정보를 등록할 수 있는 영역이 Full wide 로 상품 상세 정보가 많은 경우 적합한 스타일 입니다.
side 타입에 비해 상품 상세 이미지의 사이즈를 화면 전체에 채울 수 있으며, 불필요한 공간 여백 없이 상품 정보를 기재할 수 있습니다.

<상품 상세 side 타입>

상품의 상세 정보가 적은 경우 side 탭을 이용해도 되지만, 상품 상세의 정보가 많거나, 상품 상세 내 상품 이미지가 많은 경우에는 추천하지 않습니다.

(1) 상품 갤러리 이미지를 등록하지 않는 경우 해당 영역의 공간이 많이 생기게 됩니다.

(2) 상품 상세에 자세한 상품 정보를 기재해야하는데, full 타입에 비해 상품 이미지 사이즈가 영역만큼 줄어들게 됩니다.

3. 우커머스 쇼핑몰 상품 대표 이미지 영역

상품 상세 페이지의 좌측 영역에 보이는 상품 대표 이미지로, 해당 이미지는 상품 리스트의 대표 이미지로 이용 됩니다.

상품 대표 이미지 및 갤러리 이미지를 통해 상품에 대한 정보를 모두 보여주는 것이 최신 스타일인데요.
이유는 모바일 사용자들을 고려한 사용자 배려라고 보심 좋을 것 같습니다.

특히나, 상품의 구석구석을 보여 주어야 신뢰감이 높아지는 의류, 상품, 가방, 악세사리 및 중고 상품의 경우에는 상품 확대 기능을 제공하는 돋보기 기능이 곧 매출로 이어지는 부분이니, 신경 써 주심이 좋겠죠?

4. 우커머스 모바일 상품 상세 페이지 탭

쇼핑몰에서 결제 비율이 70% 넘어선지는 꽤 되었죠. 이제는 테마 선택에 있어 모바일 UI,UX 를 가장 크게 고려 해야만 합니다.
모바일에서 상품 상세 설명탭 (Description) / 추가정보 / 리뷰 등을 나눌 수 있으며, 모바일에서 해당 탭이 아래에 나오는지, 슬라이딩 형태로 제공되는지도 확인해야만 합니다.

<모바일에서 상품 상세 탭 상단 고정>
모바일에서 상품 상세 정보 영역의 탭이 상단에 위치하며 하단 슬라이딩 방식에 비해 UX 의 편리함을 가지고 있습니다.

<모바일에서 상품 상세 탭 상하 나열 방식>
모바일에서 상품 상세 정보 영역의 탭이 하단 슬라이딩 방식으로 구현되어 있어 정보가 많은 경우 UX 의 불편함이 있을 수 있습니다.

5. 모바일 메뉴 구조 방식

데스크탑과는 달리 작은 디바이스에서 보여지는 쇼핑몰 상품은 상품 구매까지의 화면 전환 Depth 가 무척이나 중요합니다.

쇼핑몰의 판매 상품 및 상품 카테고리가 많은 경우 메뉴 구조가 위에서 아래로 떨어지는 메뉴 구조는 웹쇼핑에 불편함을 가지고 올 수 있어, 쇼핑몰에서는 모바일 메뉴가 좌우로 슬라이딩 되는 메뉴를 선택하시는 것을 권장 드립니다.

<상하 슬라이딩 메뉴 스타일>

<좌우 슬라이딩 메뉴 스타일>

6. 모바일 상품 리스트

상품 리스트가 모바일에서 1행에 2열 또는 1열로 나오는지도 확인 해 주세요.

상품이 많은 경우에는 1열 보다는 2열이 낫겠죠?

7. 모바일웹 페이지내 앱 아이콘 경험 제공

우커머스 테마는 기능성 테마로 최근 제작, 업그레이드 되는 테마의 경우 모바일에서 앱을 이용했을 때와 같은 사용자 경험을 제공하고 있습니다.
모바일에서의 햄버거 메뉴, 마이페이지, 메인 홈 등을 아이콘으로 표기 해줌으로 인해 쇼핑의 편의성을 제공하고 있죠.

8. 소소하지만 트렌디한 스타일

테마에서 기본으로 제공하는 위시리스트 , 장바구니, 찜, 상품 리스트 내 Sale, New, hot 의 등의 아이콘 스타일 입니다.
이런 소소한 기능이 쇼핑몰 디자인의 컨셉을 좌우하기 때문에 디자인에 특별히 신경을 쓰시는 분 들이라면, 이런 부분도 체크 해 주시면 좋을 것 같아요.

<라벨 예시 1>

<라벨 예시 2>

<라벨 예시 3>

추가로 쇼핑몰 특성상 검색 기능이 중요한 경우 상세 검색 기능이 있는 테마를 선택 해 주셔야 합니다.

쇼핑몰 테마 선택 시 관리 운영에 도움이 되는 공통점

1. 테마 내에서 탬플릿이 고정되어 있는 경우, 페이지 구성을 자유롭게 할 수 없습니다.
지정된 영역에 테마에서 제공되는 엘리먼트만을 활용하는 경우 레이아웃을 자유롭게 변경하시는 것이 어려울 수 있습니다.

2. 테마에서 빌더를 제공 하는 경우 어렵게 HTML 로 작업을 하지 않아도 되니, 디자이너 분들께서는 참고 해 주시면 좋을 것 같아요.반대로 빌더 사용보다는 HTML 사용이 편하신 경우 HTML를 자유롭게 이용 가능한 테마를 이용하시는 것을 권장 드립니다.

3. 슬라이더는 메인 홈 화면의 메인 배너 또는 페이지 별 이미지 영역을 제작할 때 많이 이용하는 기능입니다. 테마에서 슬라이더를 제공하지 않는 경우 슬라이더 플러그인을 구입해서 이용 하셔야 하니, 아무래도 테마 구입 시 슬라이더가 제공된다면 비용 절약이 되겠죠?
대부분 테마에서 제공되는 슬라이더는 기본 기능만 제공하며, 고급 기능은 추가 결제 후 이용이 가능하니 참고 해주세요.

쇼핑몰은 지속적으로 성장하며 매출이 발생하는 곳이기에 향후 테마 변경 및 리뉴얼을 하는데 제약이 따릅니다.
따라서 처음 쇼핑몰 구축 시, 테마 선택을 잘해야 향후 테마 교체로 인한 번거로움과 불편함을 없앨 수 있습니다.
이제 우커머스 테마, 워드프레스 쇼핑몰 테마 꼼꼼하게 확인하고 선택 하실 수 있으시겠죠?

연관상품