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

2024. 03. 26


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

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


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


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

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




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


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


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

하나 더 💡 

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

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




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


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

 

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


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

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


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





📖 오늘 내용과 연관된 아임웹 가이드



🔖 다른 레시피 보러가기


💌 평소 궁금했던 디자인 설정법이 있다면 알려주세요!

아임웹을 사용하거나, 고객사례를 보며 궁금했던 디자인 설정법이 있으셨다면 👉 여기에 남겨주세요. 보내주신 의견을 참고하여, 더욱 유익한 디자인 레시피를 들고 찾아올게요!



by 마케팅 소영