회원가입을 쉽게 만드는 상단 띠배너 만들기🪁 | 1분 디자인 레시피
2024. 03. 05
😮 잠깐 들어온 방문자도 가입하게 만드는 웹사이트 구성법이 있다고?
웹사이트를 둘러볼 때 누구나 한 번쯤 확인하는 것, 바로 최상단에 위치한 띠배너입니다. 신규 가입 혜택, 프로모션 등 중요한 소식을 효과적으로 알리고 싶을 때 주로 활용하는데요. 아임웹에서는 디자인 툴 작업 없이도 아주 간단하게 설정할 수 있죠.
이번 아임웹 레시피에서는 개인의 취향을 발전시킬 수 있도록 돕는 패션 브랜드 <피키 소사이어티>의 사례로 상단 띠배너 설정법을 1분 안에 알아보고자 합니다. 상단에 신규 가입 혜택 배너를 띄워, 모든 방문자에게 회원가입을 유도하고 있는데요.
피키 소사이어티의 레시피, 지금 알아볼까요?👩🍳
📌이런 분이라면 특히 주목해 주세요!
- 모든 방문자에게 회원가입을 유도하고 싶은 분
- 이벤트, 프로모션 등을 더 효과적으로 알리고 싶은 분
- 브랜드 캠페인, 행사 등 각종 활동을 앞둔 분
STEP 1
디자인 모드에 접속 후 상단 마우스 우클릭. [상단 설정]으로 이동해 주세요.
STEP 2
우클릭 후 [빈 섹션 추가] 클릭. 추가된 섹션을 위로 이동시켜 주세요.
STEP 3
섹션 안에 ‘+’ 버튼 클릭. [텍스트] 위젯을 추가한 뒤, 배너에서 보여줄 문구를 작성하고, [섹션 설정] 메뉴에서 원하는 대로 디자인해 주면 끝이에요!
TIP💡
- 배너에 쿠폰 URL을 연결하면 혜택을 더 빠르게 제공할 수 있어요.
- 방법: 관리자 페이지 [쇼핑 > 쿠폰] 메뉴에서 ‘고객 다운로드’형 쿠폰 추가 후, URL을 복사해 사용해 주세요.
- 관련 가이드: 쿠폰 생성 및 관리하기
- 마우스 올렸을 때, 배너 색상이 상단 배경색으로 바뀌게 할 수 있어요.
- 방법: 디자인 모드 상단 마우스 우클릭, [상단설정 > 섹션 설정] 메뉴에서 ‘상단 배경 Hover 효과 변경’ 옵션 체크
- 주의 사항: 상단이 ’겹치기’ 상태일 때 사용할 수 있으며, 상태 전환은 디자인 모드 [상단 설정 > 최상단에 위치한 ‘상단 기본/겹치기’ 전환 버튼]으로 가능합니다.
- 관련 가이드: 상단 기능이 궁금해요!
다른 브랜드들은 이 기능을 어떻게 활용했을까요?
🔎 TEAOUS(티어스)
브랜드 메시지를 표시했어요.
🔎 제주맥주
‘카카오 채널 추가 시 쿠폰 증정’ 문구에 URL을 연결하여, 카카오 채널 친구 추가를 유도했어요.
✅ 상단 띠배너 설정, 이런 용도로도 활용할 수 있어요!
- 이벤트, 혜택 안내 (ex. 신규 가입/배송비 무료 혜택, 프로모션 등)
- 중요 공지 (ex. 휴무, 배송 지연, 입점 안내, 업데이트 등)
- 문구 표시 (ex. 브랜드 메시지, 슬로건 등)
우리 브랜드만의 감도 높은 웹사이트, 쉽고 빠르게 만들어 보세요!
아임웹은 웹사이트, 온라인 쇼핑몰 제작을 고민하는 여러분들을 위해 70여 개의 템플릿을 무료로 제공하고 있어요. 조금만 수정해도 꽤 그럴듯한 웹사이트가 완성되죠! 마음에 드는 템플릿을 발견했다면, 지금 바로 가볍게 만들어 보세요👇
