띠배너Strip Banner
한 줄 정의
띠배너는 페이지 맨 위나 아래에 가로로 길고 얇은 띠 모양으로 두고, 무료배송 · 할인 같은 짧은 소식을 한 줄로 알리는 배너예요.
쉽게 말하면
사이트에 들어갔을 때 맨 위 색깔 띠에 '첫 구매 10% 할인' 같은 한 줄 문구가 적혀 있는 것을 본 적이 있을 거예요. 이 띠가 띠배너예요. 띠배너는 높이가 낮아서 아래 내용을 거의 밀어내지 않아요. 그리고 페이지 맨 위에 있으니 방문자가 페이지를 열자마자 보게 돼요.
잘 쓰려면
- 문구는 한 줄로: 띠는 높이가 낮아서 문구가 두 줄을 넘어가면 글자가 작아지거나 잘릴 수 있어요. 휴대폰은 화면이 좁아서 PC보다 한 줄에 들어가는 글자 수가 적으니 따로 확인해요
- 누르면 갈 곳 정하기: 문구와 관련된 이벤트 페이지로 연결해 두면, 관심이 생긴 방문자가 바로 그 페이지로 갈 수 있어요
- 기간이 끝나면 내리기: 끝난 이벤트 문구가 남아 있으면 방문자가 아직 진행 중인 이벤트로 오해할 수 있어요
큐샵에서는
클래식 에디터와 스튜디오 에디터 모두에서 섹션 배치를 조정해 띠배너를 만들 수 있어요.
헷갈리는 말
| 헷갈리는 말 | 뜻 | 띠배너와 다른 점 |
|---|---|---|
| 스티키 헤더 | 페이지를 내려도 화면 위에 계속 붙어 있는 머리 영역(로고 · 메뉴) | 스티키 헤더는 사이트 메뉴를 늘 보이게 하려고 고정한 영역이고, 띠배너는 소식을 알리는 영역이에요. 띠배너를 따로 고정하지 않으면 페이지를 내릴 때 함께 위로 사라져요 |
| 팝업 | 페이지 위에 겹쳐 떠오르는 작은 창 | 띠배너는 페이지 안의 얇은 띠라 내용을 가리지 않고, 팝업은 페이지 위에 떠서 내용 일부를 가려요 |
같은 말
아래 이름으로도 불러요. 모두 같은 뜻이에요.
스트립 배너Strip Banner
