회원가입을 쉽게 만드는 상단 띠배너 만들기🪁 | 1분 디자인 레시피

2024. 03. 05


😮 잠깐 들어온 방문자도 가입하게 만드는 웹사이트 구성법이 있다고?


웹사이트를 둘러볼 때 누구나 한 번쯤 확인하는 것, 바로 최상단에 위치한 띠배너입니다. 신규 가입 혜택, 프로모션 등 중요한 소식을 효과적으로 알리고 싶을 때 주로 활용하는데요. 아임웹에서는 디자인 툴 작업 없이도 아주 간단하게 설정할 수 있죠.

이번 아임웹 레시피에서는 개인의 취향을 발전시킬 수 있도록 돕는 패션 브랜드 <피키 소사이어티>의 사례로 상단 띠배너 설정법을 1분 안에 알아보고자 합니다. 상단에 신규 가입 혜택 배너를 띄워, 모든 방문자에게 회원가입을 유도하고 있는데요.


피키 소사이어티의 레시피, 지금 알아볼까요?👩‍🍳


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

  • 모든 방문자에게 회원가입을 유도하고 싶은 분
  • 이벤트, 프로모션 등을 더 효과적으로 알리고 싶은 분
  • 브랜드 캠페인, 행사 등 각종 활동을 앞둔 분




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


STEP 2
우클릭 후 [빈 섹션 추가] 클릭. 추가된 섹션을 위로 이동시켜 주세요.


STEP 3
섹션 안에 ‘+’ 버튼 클릭. [텍스트] 위젯을 추가한 뒤, 배너에서 보여줄 문구를 작성하고, [섹션 설정] 메뉴에서 원하는 대로 디자인해 주면 끝이에요!

TIP💡

  • 배너에 쿠폰 URL을 연결하면 혜택을 더 빠르게 제공할 수 있어요.
    • 방법: 관리자 페이지 [쇼핑 > 쿠폰] 메뉴에서 ‘고객 다운로드’형 쿠폰 추가 후, URL을 복사해 사용해 주세요.
    • 관련 가이드: 쿠폰 생성 및 관리하기

  • 마우스 올렸을 때, 배너 색상이 상단 배경색으로 바뀌게 할 수 있어요.
    • 방법: 디자인 모드 상단 마우스 우클릭, [상단설정 > 섹션 설정] 메뉴에서 ‘상단 배경 Hover 효과 변경’ 옵션 체크
    • 주의 사항: 상단이 ’겹치기’ 상태일 때 사용할 수 있으며, 상태 전환은 디자인 모드 [상단 설정 > 최상단에 위치한 ‘상단 기본/겹치기’ 전환 버튼]으로 가능합니다.
    • 관련 가이드: 상단 기능이 궁금해요!




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


🔎 TEAOUS(티어스)
브랜드 메시지를 표시했어요.

 

🔎 제주맥주
‘카카오 채널 추가 시 쿠폰 증정’ 문구에 URL을 연결하여, 카카오 채널 친구 추가를 유도했어요.


상단 띠배너 설정, 이런 용도로도 활용할 수 있어요!

  • 이벤트, 혜택 안내 (ex. 신규 가입/배송비 무료 혜택, 프로모션 등)
  • 중요 공지 (ex. 휴무, 배송 지연, 입점 안내, 업데이트 등)
  • 문구 표시 (ex. 브랜드 메시지, 슬로건 등)


레시피 사례로 소개한 피키 소사이어티를 비롯해 TEAOUS(티어스), 제주맥주는 아임웹과 함께 성장하는 브랜드입니다.





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



🔖 다른 레시피 보러가기


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

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



by 마케팅 소영