구매 의사를 결정짓는 상품 상세 페이지 - 미션 12 - 코드엠샵
codemshop short banner

2021년 코드엠샵에서는 ‘돈버는 쇼핑몰’ 에 대한 캠페인을 진행합니다.

돈버는 쇼핑몰 캠페인은 쇼핑몰 운영자가 판매에만 집중할 수 있도록, 쇼핑몰 시스템을 자동화하는 것에 목적을 두고 있습니다.

한번의 설정만으로 쇼핑몰 매출이 달라지는 경험, 여러분도 누리실 수 있길 응원 해 봅니다.

쇼핑몰에 방문한 고객이 구매 의사를 결정하는 곳이 ‘상품 상세 페이지’ 라는 건 누구나 아는 사실이지만 상품 상세 페이지를 어떻게하면 효율적으로 만들 수 있는지에 대해 고민하는 운영자는 극히 드뭅니다.
이 모든 것이 상품을 등록하는 담당자의 몫이죠.
오늘은 상품 상세 페이지에 대해 이야기를 건네 보려고 합니다.

상품 상세 페이지 제작 시 가장 주의할 것

1 워드프레스로 구축된 쇼핑몰은 기본적으로 반응형웹을 제공합니다. 따라서 상품 페이지 제작 시 반응형웹을 고려해 디자인을 진행 해야합니다.

또한 검색 엔진이 상품 정보를 읽어 갈 수 있도록 상품 설명이 이미지가 아닌 텍스트로 구성되어야 하는 것은 기본이죠.

따라서 최적의 상품 페이지는 상품 이미지 + 텍스트 설명이 분리되어 등록이 되어야만 반응형웹에 맞춰 이미지와 텍스트 크기가 변경되며, 검색 엔진 노출에도 유리합니다.
특히나 향후 다국어 쇼핑몰에 대한 계획이 있으신 경우 반드시 위와 같이 작업을 진행 해 주셔야 합니다.

우리 쇼핑몰의 상품 페이지가 통 이미지로 되어 있지는 않은지, 모바일 결제의 급증으로 인해 PC 버전은 고려하지 않은채, 모바일에 맞춰 큰 이미지와 큰 텍스트로 구성되어 있는 것은 아닌지 점검 해 보세요.

2 상품 페이지의 첫 인상은 상품 요약 영역으로 시작 합니다.
상품 대표 이미지와 상품 가격, 짧은 마케팅 문구를 확인할 수 있는 영역이죠.

구매의사를 결정짓는 상품상세페이지_코드엠샵_2

해당 영역에서 상품 구매 의사가 결정되게 됩니다.
따라서 상품 요약 영역의 썸네일 이미지도 동일한 크기로 제작 등록해야 상품 페이지가 정갈하며 퀄리티 있게 보일 수 있습니다.

썸네일 이미지가 다른 경우 썸네일 이미지 클릭 또는 자동으로 썸네일 이미지가 랜딩되는 경우 상품 페이지가 들쑥날쑥 움직이지 않습니다.

3 상품 가격이 있는 선택 영역 입니다.
옵션 상품을 판매하는 경우 또는 단품 상품이라도 추가 상품을 소개하여 매출 극대화를 노리는 경우 구매자의 편의성을 제공 해야 합니다.

선택한 옵션을 해당 영역에서 바로 확인할 수 있으며, 수량 조정, 아이템 삭제 등을 할 수 있거나 옵션 상품의 썸네일 이미지를 확인하는 것이 구매 의사에서 구매 전환으로 이어지게 하는 큰 역할을 수행합니다.

아쉽게도 우커머스의 옵션 상품은 위 기능을 제공하지 않으며, 한개의 상품 페이지에서 옵션 상품을 여러개 선택해야하는 경우 개별적으로 장바구니에 담고 다시 상품 페이지로 이동 해야하는 크나큰 불편함을 안고 있습니다.

우리 쇼핑몰의 옵션 상품 페이지가 어떻게 구성되어 있는지 확인 해 보시겠어요?

구매의사를 결정짓는 상품상세페이지_코드엠샵_3

오늘 안내 해 드린 1, 2번은 쇼핑몰 운영자께서 직접 처리할 수 있지만
3번 옵션 상품 영역은 우커머스에서 제공되지 않는 기능으로 엠샵 DIY 상품 플러그인을 통해 해당 기능을 구현하실 수 있습니다.

 

연관상품