팝업 만들기를 검색하면 ‘레이어 팝업·모달·아임웹·카페24’가 함께 뜹니다. 이벤트·공지를 띄우고 싶은데 ‘새창은 차단되고, 뭐로 만들어야 하나’ 막막한 분께 실전을 정리합니다.
🪟 새창은 죽었다 — 레이어 팝업이 정석
브라우저 새창(window.open) 팝업은 팝업 차단에 걸려 손님 화면에 안 뜹니다. 지금 정석은 페이지 위에 뜨는 레이어 팝업(모달)입니다. HTML·이미지 한 장으로 만들고, 닫기 버튼과 배경 클릭 닫기를 함께 넣으면 됩니다. 만드는 법을 검색하면 개발 블로그(리액트·HTML 예제)가 많이 뜨는데, 코드 없이 빌더 블록으로도 충분합니다.
팝업에 들어갈 건 한 가지만 정하세요. 팝업 1개 = 메시지 1개 + 버튼 1개입니다. ‘9월 체험단 모집 — 신청하기’처럼요. 공지 3개를 한 팝업에 욱여넣으면 아무도 안 읽습니다. 급한 순서대로 하나씩, 기간이 끝나면 내리는 게 팝업 예의입니다.
📵 예의 — 빈도와 닫기
팝업이 욕먹는 이유는 내용이 아니라 빈도입니다. 들어올 때마다 뜨면 손님은 닫기 버튼만 찾습니다. ‘오늘 하루 보지 않기’ 체크박스는 선택이 아니라 필수입니다. 쿠키로 하루만 숨기면 됩니다. 그리고 닫기 버튼은 크게, 팝업 바깥을 눌러도 닫히게 하세요. 갇힌 느낌이 들면 이탈합니다.
모바일에서는 팝업을 전체화면 시트로 띄우세요. 작은 창이 화면 한가운데 뜨면 글자가 안 읽힙니다. 아래에서 올라오는 시트형에 큰 버튼 하나면, 폰에서도 전환이 납니다. PC에서 예쁘던 팝업은 폰에서 꼭 다시 확인하세요.
✅ 무엇을 띄우나 — 3순위
1순위는 돈 되는 것(이벤트·쿠폰·마감 임박), 2순위는 꼭 알아야 할 것(휴무·이전·가격 변경), 3순위는 모으는 것(채널 추가·뉴스레터 구독)입니다. 3순위만 띄우는 홈페이지는 ‘광고 사이트’로 찍힙니다. 띄울 게 없으면 안 띄우는 게 낫습니다.
레이블웹스는 설명만 적으면 공지·이벤트 블록을 AI가 채워줘, 팝업 문구와 버튼까지 한 번에 뽑을 수 있습니다. 팝업은 띄우는 기술보다 ‘무엇을, 얼마나 자주’가 전부입니다. 다음 운영편도 이어집니다.
📚 함께 보면 좋은 글
랜딩페이지 전환율 — 문의가 실제로 들어오는 페이지의 공통점
모바일 청첩장 셀프 제작 — 업체 안 끼고 직접 만들어본 후기
홈페이지 리뉴얼 — 오래된 홈페이지를 AI로 리뉴얼하는 기준
홈페이지 기획 — 기획안·스토리보드 없이 AI로 구조 잡기
https://labelwebs.com
'홈페이지 제작 사례' 카테고리의 다른 글
| GA4 설치 — 태그 심고 첫 보고서 보는 순서 (0) | 2026.09.04 |
|---|---|
| 결제 연동 — 홈페이지에 PG 붙이기 전 체크 5가지 (0) | 2026.09.04 |
| 카카오 채널 연동 — 홈페이지 문의 버튼에 붙이는 순서 (0) | 2026.09.04 |
| robots.txt 설정 — 검색 누락 막는 허용·차단 3줄 (0) | 2026.09.04 |
| 네이버 서치어드바이저 등록 — 내 사이트를 네이버에 노출시키는 방법 (0) | 2026.09.03 |