회원가입·상품 구매 버튼에 말풍선 추가하는 법💬 | 1분 디자인 레시피
2024. 03. 26
2024. 03. 26
아임웹으로 만들어진 웹사이트를 구경하다 보면 종종 보이는 말풍선 효과, 디자인모드 내에서 클릭 몇 번이면 쉽게 설정 가능하다는 사실! 알고 계셨나요?
오늘은 대나무를 활용해 지속 가능한 제품을 만드는 오랄 케어 브랜드 <닥터노아>의 사례로 회원가입·상품 구매 버튼에 말풍선 추가하는 법을 1분 안에 알아보고자 합니다. 닥터노아는 상단 회원가입 버튼 아래에 가입 혜택이 적힌 말풍선을 띄워 회원가입을 유도하고 있는데요.
닥터노아의 디자인 레시피, 지금 알아볼까요?👩🍳
📌 이런 분이라면 특히 주목해 주세요!
STEP 1
디자인 모드에 접속 후 상단 영역 우클릭. [상단 설정]으로 이동해 주세요.
STEP 2
오른쪽 [로그인/장바구니] 위젯 우클릭. [로그인/장바구니 설정] 메뉴로 들어간 뒤, 좌측 [추가] 버튼을 클릭해 '회원가입' 탭을 추가해 주세요.
STEP 3
말풍선을 원하는 대로 디자인하고, 메뉴에서 나와 모바일 뷰에서도 똑같이 설정해 주면 끝이에요!
하나 더 💡
상품 상세페이지 내 [구매] 버튼에도 말풍선을 추가할 수 있어요.
🔎 릴리브(reliv,)
상품 상세페이지 [구매] 버튼 말풍선으로 ‘할인 마감 임박’을 안내하여 상품 구매를 유도했어요.
🔎 제주맥주
상단 [로그인] 버튼 말풍선으로 ‘무료 배송 혜택’을 안내하여 회원가입을 유도했어요.
✅ 회원가입·상품 구매 버튼 말풍선, 이런 용도로도 활용할 수 있어요!
아임웹은 웹사이트, 온라인 쇼핑몰 제작을 고민하는 여러분들을 위해 70여 종의 템플릿을 무료로 제공하고 있어요. 조금만 수정해도 꽤 그럴듯한 웹사이트가 완성되죠! 마음에 드는 템플릿을 발견했다면, 지금 바로 가볍게 만들어 보세요👇