프로모션·이벤트 강조하는 상단 메뉴 구성법 📣 | 1분 디자인 레시피
2024. 05. 23
2024. 05. 23
😮 버튼 하나로, 주목도를 확 높일 수 있다고?!
온라인 쇼핑몰 프로모션을 홍보할 때 배너나 팝업 창을 주로 활용하시나요? 그것보다 더 간단하면서도 효과적인 방법이 있습니다. 바로 웹사이트 상단 메뉴에 프로모션 페이지로 이동하는 ‘버튼’을 추가하는 건데요. 그럼 방문자가 어떤 페이지를 확인하든 프로모션 내용을 눈에 확 띄게 강조할 수 있죠.
여러분들의 이해를 돕기 위해, 가족을 위한 건강 먹거리를 만드는 브랜드 <파파공방>의 웹사이트 사례로 상단 메뉴에 페이지 이동 버튼 추가하는 법을 1분 안에 소개합니다. 파파공방은 상단에 프로모션 페이지로 이동하는 버튼을 추가해, 자연스럽게 랜딩을 유도하고 있는데요.
파파공방의 디자인 레시피, 지금 알아볼까요?👩🍳
📌이런 분이라면 특히 주목해 주세요!
STEP 1
디자인 모드에 접속 후, 상단에 마우스 우클릭. [상단설정] 메뉴로 이동해 주세요.
STEP 2
우측 [+] 버튼 클릭. [링크/버튼] 위젯을 추가한 뒤 [설정] 메뉴로 들어가 주세요.
STEP 3
형태를 ‘버튼’으로 바꾼 뒤, 원하는 문구와 스타일로 디자인하고, 버튼 클릭 시 이동될 링크까지 연결해 주면 끝이에요!
✋ 여기서 잠깐!
이벤트 페이지를 새롭게 만들 예정이라면, 페이지 세팅 후 해당 메뉴를 숨김 처리하여야 합니다.
[설정법]
🤔 버튼 내 폰트는 어떻게 변경하나요?
디자인모드 상단 [톱니바퀴(공통 디자인 설정)] 버튼 클릭. 텍스트 항목의 ‘본문 한/중/일’의 글꼴을 변경해 주세요.
🔎 룸투어 (by SOSIC)
상단 메뉴에 [지금 신청가능한 에피소드] 버튼을 추가하여, 곧 진행할 프로그램을 홍보했어요.
🔎 모닝글로리 다이렉트
상단 메뉴에 [청첩장주문 필독서] 버튼을 추가하여, 주문 방법을 안내했어요.
✅ 상단 메뉴에 페이지 이동 버튼 추가하기, 이런 용도로도 활용할 수 있어요!
아임웹은 웹사이트, 온라인 쇼핑몰 제작을 고민하는 여러분들을 위해 70여 종의 템플릿을 무료로 제공하고 있어요. 조금만 수정해도 꽤 그럴듯한 웹사이트가 완성되죠! 마음에 드는 템플릿을 발견했다면, 지금 바로 가볍게 만들어 보세요👇