신상품, 혹은 프로모션 상품을 더 적극적으로 홍보하고 싶으신가요? 그렇다면 상단 [검색] 버튼의 디자인을 바꿔 보세요. 텍스트 입력창이 있는 디자인으로 변경하면, 모든 방문자에게 상품 구매를 유도할 수 있는 전광판으로 활용할 수 있습니다. 아임웹에서는 클릭 몇 번이면 변경이 가능하죠.
오늘은 한국 고유의 차(茶)를 현대적으로 재해석하는 브랜드 <티어스>의 웹사이트로 검색창 문구 설정법을 1분 안에 소개하고자 해요. 티어스는 상단 검색창에 특정 상품이 적힌 문구를 함께 보여주어, 방문자의 검색을 유도하고 있는데요.
티어스(TEAOUS)의 디자인 레시피, 지금 알아볼까요?👩🍳
📌 이런 분이라면 특히 주목해 주세요!
STEP 1
디자인 모드에 접속 후 상단 영역 우클릭. [상단 설정]으로 이동해 주세요.
STEP 2
[+] 버튼 클릭 후 [검색] 위젯 추가. 위젯을 우클릭한 뒤 [검색 설정] 메뉴로 들어가 주세요.
STEP 3
[다른 스타일] 버튼을 클릭해 검색창이 있는 디자인으로 변경하고, 하단에 '*플레이스홀더 문구'에서 원하는 내용을 작성해주면 끝이에요!
*플레이스홀더(Placeholder): 텍스트 필드 내에 새겨져 있는 메시지. 사용자가 어떤 정보를 입력해야 하고, 어떤 액션을 취해야 하는지 안내할 수 있다.
🔎 이퀄라이프
상단 검색창에서 ‘특정 제품의 입고 소식’을 알리고, 아래 메인 배너와 상품 갤러리에서도 해당 제품을 보여주고 있어요.
🔎 더월리패션
상단 검색창에서 ‘무료배송 혜택’을 알리고, 아래 메인 배너에서도 동일 혜택을 안내하고 있어요.
✅ 회원가입·상품 구매 버튼 말풍선, 이런 용도로도 활용할 수 있어요!
아임웹은 웹사이트, 온라인 쇼핑몰 제작을 고민하는 여러분들을 위해 70여 종의 템플릿을 무료로 제공하고 있어요. 조금만 수정해도 꽤 그럴듯한 웹사이트가 완성되죠! 마음에 드는 템플릿을 발견했다면, 지금 바로 가볍게 만들어 보세요👇