팝업Pop-up

업데이트 2026.10.31 · Qshop Growth Lab

한 줄 정의

팝업은 웹페이지 위에 겹쳐 떠오르는 작은 창으로, 이벤트나 공지처럼 방문자에게 먼저 보여 주고 싶은 내용을 담는 화면 요소예요.

쉽게 말하면

사이트에 들어가자마자 화면 가운데에 '오늘만 무료배송' 같은 안내창이 뜨고, 구석의 X를 눌러야 닫히는 것을 본 적이 있을 거예요. 이 창이 팝업이에요. 팝업은 페이지 내용 위를 덮기 때문에 방문자가 그냥 지나치기 어려워요. 같은 이유로, 팝업은 방문자가 보려던 내용을 가리기도 해요.

잘 쓰려면

구글은 페이지 내용을 가리는 큰 창이나 화면 전체를 덮는 창을 피하라고 안내해요. 이런 창은 검색엔진이 페이지 내용을 이해하기 어렵게 만들어 검색 성과가 나빠질 수 있다고 설명하고, 대신 화면의 작은 부분만 차지하는 배너를 쓰라고 권해요(구글 검색 센터). 팝업을 쓴다면 이런 점을 챙겨요.

닫기 버튼을 찾기 쉽게: 닫기 버튼이 작거나 잘 안 보이면 방문자가 팝업을 닫지 못하고 사이트를 떠날 수 있어요
휴대폰 화면 따로 보기: PC에서 적당한 크기의 팝업도 화면이 작은 휴대폰에서는 화면 대부분을 덮을 수 있어요
한꺼번에 여러 개 띄우지 않기: 팝업이 겹겹이 뜨면 방문자는 내용을 보기 전에 창을 여러 번 닫아야 해요

큐샵에서는

큐샵 관리자 화면에서 팝업을 등록할 수 있고, 클래식 에디터와 스튜디오 에디터로 만든 사이트 모두에서 쓸 수 있어요. 팝업마다 노출 기간, 노출 환경(PC · 모바일), 노출할 페이지를 정해요. 팝업 이미지는 데스크톱 최대 1000×650px, 모바일 350×350px이에요. 팝업을 여러 개 등록하면 가장 최근에 등록한 팝업이 맨 위에 떠요.

헷갈리는 말

헷갈리는 말	뜻	팝업과 다른 점
배너	페이지 안 정해진 자리에 넣는 이미지나 문구 영역	배너는 페이지 안에 자리를 차지해서 내용을 가리지 않고, 팝업은 페이지 위에 겹쳐 내용을 가려요
모달	페이지 위에 떠서, 닫거나 답하기 전에는 뒤쪽 페이지를 누를 수 없게 막는 창	두 말이 섞여 쓰이기도 해요. 모달은 뒤쪽 페이지를 쓸 수 없게 막는다는 점을 가리키는 말이고, 팝업 중에는 띄워 둔 채로 뒤쪽 페이지를 누를 수 있는 것도 있어요