지난 글에서 카페24 홈페이지에 팝업 넣는 법을 다뤘는데, 아임웹은 방법이 달라서 아임웹 편을 따로 정리합니다.
휴무 공지, 가격 변경 안내, 이벤트 알림 — 홈페이지 첫 화면에 뜨는 팝업이 제일 확실합니다. 아임웹으로 만든 홈페이지 기준으로, 팝업을 넣는 것부터 내리는 것까지 순서대로 갑니다.
내 홈페이지가 아임웹으로 만든 건지 모르겠다면 간단합니다. 주소가 imweb.me로 끝나거나, 홈페이지에서 마우스 우클릭 후 "페이지 소스 보기"를 눌러 Ctrl+F로 imweb이 검색되면 아임웹입니다.
■ 준비물 두 가지
첫째, 아임웹 관리자 로그인 정보입니다. imweb.me에 로그인하면 내 사이트 목록이 나오고, 거기서 관리 화면으로 들어갑니다. 로그인 정보를 모르는 상황이라면(업체와 연락 두절 등) 팝업보다 먼저 챙길 게 있습니다. 그 얘기는 다른 글에서 정리해뒀습니다.
둘째, 팝업에 넣을 내용입니다. 문구만 넣어도 되고, 이미지 한 장으로 만들어 넣어도 됩니다.
■ 따라하기 (5분)
1. 아임웹 관리자(사이트 관리 화면)에 로그인합니다.
2. 관리자 메뉴에서 팝업 기능을 찾습니다. 디자인 관련 메뉴 쪽에 있는데, 메뉴가 많아 헤매기 쉬우니 관리 화면의 검색 기능에 "팝업"이라고 치는 게 제일 빠릅니다.
3. 팝업 추가를 누르고 이렇게 채웁니다.
- 제목: 관리용 이름이라 손님에게는 안 보입니다. "추석 휴무 공지"처럼 나중에 알아볼 이름으로 적으세요.
- 노출 기간: 시작일과 종료일을 꼭 설정하세요. 이걸 안 하면 추석이 한참 지나고도 계속 떠 있는 그 팝업이 됩니다.
- 내용: 문구를 쓰거나 이미지를 등록합니다.
- "오늘 하루 보지 않기" 옵션: 켜두세요. 손님이 들어올 때마다 매번 닫게 만들면 역효과입니다.
- 노출 위치를 정할 수 있다면 우선 첫 화면(메인)에만 뜨게 하세요. 모든 페이지에서 뜨면 손님이 금방 피로해집니다.
4. 저장한 다음, 홈페이지를 새로 열어 팝업이 뜨는지 확인합니다. 이미 닫았던 팝업은 내 화면에 다시 안 뜰 수 있으니, 크롬의 시크릿 창으로 열면 손님이 처음 보는 상태 그대로 확인됩니다.
5. 휴대폰으로도 꼭 확인하세요. 아임웹은 PC 화면과 모바일 화면 설정이 나뉘어 있는 경우가 많아서, 컴퓨터에서는 잘 뜨는데 휴대폰에서는 안 뜨거나 화면을 다 가리는 일이 흔합니다.
■ 팝업 내리는 법
같은 메뉴에서 해당 팝업을 숨김(미노출)으로 바꾸거나, 노출 종료일을 오늘로 수정하면 됩니다. 삭제하지 말고 숨김으로 두세요. 다음 연휴 때 날짜와 문구만 바꿔 재사용하면 됩니다.
■ 자주 막히는 지점
저장했는데 안 뜸 — 노출 시작일이 미래로 돼 있는지, PC와 모바일 중 한쪽만 켜져 있는 건 아닌지 확인하세요. 내가 이미 닫은 팝업이라면 시크릿 창으로 확인합니다.
팝업이 화면을 다 가림 — 팝업 크기를 줄이거나 모바일용은 작게 따로 설정하세요. 닫기 버튼이 안 보이는 팝업은 손님을 내쫓는 팝업입니다.
이미지가 흐릿함 — 작은 이미지를 늘려 쓰면 그렇습니다. 팝업 크기에 맞는 이미지를 만들어 올리세요.
■ 자주 묻는 질문
Q. 카페24인데 방법이 다른가요?
네, 카페24는 관리자에서 팝업을 등록하는 방식입니다. 카페24 편은 이전 글에 정리해뒀습니다.
Q. 팝업 말고 화면 위쪽에 얇은 공지 띠를 넣고 싶습니다.
아임웹은 편집 화면에서 상단 알림바를 넣을 수 있는 경우가 있습니다. 디자인 편집 영역이라 별도 글로 정리하겠습니다.
Q. 팝업을 여러 개 동시에 띄워도 되나요?
기능상 되지만 권하지 않습니다. 두 개 뜨는 순간 손님은 둘 다 안 읽고 닫습니다. 제일 급한 것 하나만 띄우세요.
직접 해보다가 막히셨나요?
10분 해봐도 안 되면, 저희가 해드립니다. 간단한 수정은 3만원이고, 바꾸고 싶은 화면을 캡처해서 보내주시면 되는지 안 되는지 무료로 알려드립니다. 견적만 받고 안 맡기셔도 됩니다.
👉 카카오톡으로 사진 보내기: https://pf.kakao.com/_hhpSX/chat
📋 가격·진행 방식 보기: https://fixmyweb.github.io/?from=t-day6
규모 있는 개발이 필요한 사장님·담당자분은 → https://gaebari.com/?ref=t-day6