클릭하고 싶게 하는 커스텀 상품 뱃지 만들기🎖️ | 1분 디자인 레시피

2023. 12. 01

blog cover image


쇼핑몰에 방문한 고객이 내가 판매하는 상품을 클릭하고 싶게 만드는 디자인 꿀팁을 공개합니다! 바로 [상품 뱃지]기능을 사용하는 건데요. 상품 뱃지는 상품 목록에 나타나는 '신상품', 'BEST', 'MD추천'과 같은 표시요소를 말합니다. 이 기능은 필요에 따라 기본 제공하는 상품 뱃지 외 직접 디자인한 커스텀 상품 뱃지를 사용할 수도 있죠.

이번 아임웹 레시피에서는 일상 속 영감이 담긴 디자인 캔들 브랜드 <허니플라밍고>의 사례를 통해 커스텀 상품 뱃지 설정법을 알아보고자 합니다. 이 브랜드는 커스텀 상품 뱃지로 상품의 유형을 타임 세일, 기프트 상품 등으로 센스 있게 표시했는데요.


허니플라밍고의 레시피, 지금 알아볼까요?👩‍🍳


📌이런 분이라면 특히 주목해 주세요!

  • 상품 판매를 더욱 활성화하고 싶은 분
  • 상품 진열 페이지를 완성도 있게 구성하고 싶은 분
  • 판매 상품/서비스에 대한 방문자의 관심도를 높이고 싶은 분




STEP 1
아임웹 디자인 모드에 접속 후 [쇼핑] 위젯이 추가된 메뉴로 들어가 주세요.


STEP 2
[쇼핑] 위젯 우클릭, [쇼핑 설정] 메뉴로 들어가 주세요.


STEP 3
상단에 ‘뱃지 설정’ 탭 클릭, 뱃지의 아이콘을 원하는 대로 변경해 주세요.


STEP 4
관리자 페이지로 나와 [쇼핑]메뉴에서 뱃지 적용을 원하는 상품 클릭, ‘상품 뱃지’ 항목을 설정한 뒤 저장하면 끝이에요!

💡TIP
상대적으로 사용 빈도가 낮은 'MD추천', '주문폭주' 뱃지는 표시된 내용과 다르게 계절감을 나타내는 등 다른 용도로도 사용할 수 있어요!




다른 브랜드들은 이 기능을 어떻게 활용했을까요?


🔎 상상마당 아카데미
강의 상품 중 원데이 클래스는 ‘1DAY’, 온라인 클래스는 ‘ONLINE’으로 표시했어요.

 

🔎 마켓노드
판매 주류 중 무알콜·논알콜 상품은 ‘0.00%’로 표시했어요.




우리 브랜드만의 감도 높은 웹사이트, 쉽고 빠르게 만들어 보세요!


아임웹은 웹사이트, 온라인 쇼핑몰 제작을 고민하는 여러분들을 위해 70여 개의 템플릿을 무료로 제공하고 있어요. 조금만 수정해도 꽤 그럴듯한 웹사이트가 완성되죠! 마음에 드는 템플릿을 발견했다면, 지금 바로 가볍게 만들어 보세요👇





레시피 사례로 소개한 허니플라밍고를 비롯해 상상마당 아카데미, 마켓노드는 아임웹과 함께 성장하는 브랜드입니다.


by 마케팅 소영