회원가입·상품 구매 버튼에 말풍선 추가하는 법💬 | 1분 디자인 레시피

2024. 03. 26

blog cover image


아임웹으로 만들어진 웹사이트를 구경하다 보면 종종 보이는 말풍선 효과, 디자인모드 내에서 클릭 몇 번이면 쉽게 설정 가능하다는 사실! 알고 계셨나요?

오늘은 대나무를 활용해 지속 가능한 제품을 만드는 오랄 케어 브랜드 <닥터노아>의 사례로 회원가입·상품 구매 버튼에 말풍선 추가하는 법을 1분 안에 알아보고자 합니다. 닥터노아는 상단 회원가입 버튼 아래에 가입 혜택이 적힌 말풍선을 띄워 회원가입을 유도하고 있는데요.


닥터노아의 디자인 레시피, 지금 알아볼까요?👩‍🍳


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

  • 신규 회원가입, 상품 구매 등 고객의 전환율을 높이고 싶은 분
  • 이벤트/프로모션을 현재 진행 중이거나, 진행 예정인 분
  • 더욱 완성도 있는 온라인 쇼핑몰을 만들고 싶은 분




STEP 1
디자인 모드에 접속 후 상단 영역 우클릭. [상단 설정]으로 이동해 주세요.


STEP 2
오른쪽 [로그인/장바구니] 위젯 우클릭. [로그인/장바구니 설정] 메뉴로 들어간 뒤, 좌측 [추가] 버튼을 클릭해 '회원가입' 탭을 추가해 주세요.


STEP 3
말풍선을 원하는 대로 디자인하고, 메뉴에서 나와 모바일 뷰에서도 똑같이 설정해 주면 끝이에요!

하나 더 💡 

상품 상세페이지 내 [구매] 버튼에도 말풍선을 추가할 수 있어요.

  • STEP 1) 디자인모드 좌측 [메뉴 관리] > [상품 상세페이지] 클릭
  • STEP 2) 상품 상세페이지 우클릭 후 [상품 상세페이지 설정] 메뉴 진입
  • STEP 3) 좌측 [표시항목] 탭 > ‘구매하기 버튼’ 옵션에서 말풍선 추가 및 설정




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


🔎 릴리브(reliv,)
상품 상세페이지 [구매] 버튼 말풍선으로 ‘할인 마감 임박’을 안내하여 상품 구매를 유도했어요.

 

🔎 제주맥주
상단 [로그인] 버튼 말풍선으로 ‘무료 배송 혜택’을 안내하여 회원가입을 유도했어요.


회원가입·상품 구매 버튼 말풍선, 이런 용도로도 활용할 수 있어요!

  • 프로모션 기간 안내 및 홍보 (ex. 매달 1일은 할인데이!, 지금은 행사 진행 중)
  • 조건부 혜택 안내 (ex. 2개 이상 구매시 무료 배송, 사은품 증정)




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


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





레시피 사례로 소개한 닥터노아를 비롯해 릴리브(reliv,)제주맥주는 아임웹과 함께 성장하는 브랜드입니다.


by 마케팅 소영