Blog

쇼핑몰 팝업·이벤트 자동화 관리 시스템을 만든 사례

쇼핑몰에서 팝업·배너·이벤트 노출을 스킨 수정 없이 일정·대상으로 자동 관리한 개발사례입니다. 관리 화면·노출 규칙·앱·스킨 충돌과 제한을 정리합니다.

개발사례
  • 쇼핑몰
  • 팝업
  • 이벤트
  • 관리자
  • 개발사례

세일·쿠폰 팝업을 스킨에 직접 넣고 빼면 왜 운영이 막히나요?

쇼핑몰에서 시즌 세일, 쿠폰, 공지, 앱 설치 유도 같은 안내는 대부분 팝업이나 상단·메인 배너로 나갑니다. 처음에는 스킨 HTML에 이미지를 넣고, 기간이 끝나면 개발자에게 다시 지워 달라고 요청하는 방식이 흔합니다. 이벤트가 주 단위로 바뀌면 수정 대기열이 늘고, 주말·야간에 ‘지금 당장 띄워 주세요’가 오면 응대가 늦어집니다. 이미 끝난 팝업이 남아 있거나, 새 팝업을 올렸는데 모바일에서만 깨지는 일도 같이 납니다.

쇼핑몰 기본 팝업·일부 앱으로도 단순 공지는 됩니다. 다만 시작·종료 시각을 분 단위로 맞추고, PC·모바일·특정 페이지별로 다르게 띄우며, ‘오늘 하루 보지 않기’와 여러 이벤트 우선순위를 운영자가 스스로 바꾸려면 기본·앱만으로는 부족한 경우가 많습니다. 이번 사례의 몰도 마케팅이 일정을 잡고 개발이 스킨을 고치는 구조가 반복됐고, 과제는 예쁜 팝업 한 장이 아니라 ‘일정이 되면 자동으로 켜지고, 끝나면 자동으로 꺼지는 관리’를 만드는 것이었습니다. 일반 커스텀 관리자 화면 가이드와 맞닿아 있지만, 여기서는 팝업·이벤트 노출 자동화에 초점을 둡니다.

  • 이벤트마다 스킨 수정·배포를 반복
  • 종료 후 팝업이 남거나 모바일만 깨짐
  • 기본·앱만으로 일정·대상·우선순위가 부족
  • 마케팅·개발 대기열이 세일 시즌에 몰림

팝업·이벤트 일정을 관리 화면에서 올리고 몰에 자동 반영하려면 어떻게 하나요?

접근의 핵심은 스킨에 이벤트 HTML을 박아 두지 않고, 별도 관리 화면에서 캠페인(제목·이미지·링크·시작·종료·노출 위치·대상)을 등록한 뒤 몰 프론트가 그 설정을 읽어 그리게 한 것이었습니다. 설정은 별도 서버·DB에 두고, 스킨은 공통 팝업·배너 영역을 한 번만 심어 둔 채 API(또는 캐시된 설정 파일)를 불러옵니다. 운영자는 코드 배포 없이 일정과 이미지를 바꾸고, 종료 시각이 지나면 노출이 멈춥니다.

‘오늘 하루 안 보기’는 브라우저에 짧게 기억하는 방식(쿠키·로컬 저장)으로 처리하고, 같은 시간에 캠페인이 겹치면 우선순위 숫자로 하나만 띄우거나 순서를 정했습니다. PC·모바일·메인·상품 상세처럼 노출 위치를 나누고, 회원만·비회원만 같은 대상 조건이 필요하면 1차에서는 자주 쓰는 조건만 열었습니다. 권한은 마케팅 담당이 등록·미리보기하고, 오픈 전 검수는 테스트몰에서 일정만 앞당겨 확인하는 흐름으로 잡았습니다.

앱 팝업·스킨 스크립트와 겹칠 때 무엇을 먼저 정리했나요?

이미 설치된 팝업·리뷰·픽셀 앱이 같은 화면 영역에 붙으면, 두 개가 동시에 뜨거나 닫기 버튼이 가려지는 사고가 납니다. 이번 작업에서는 앱으로 충분한 단순 공지는 앱에 남기고, 일정·디자인·우선순위가 자주 바뀌는 캠페인만 커스텀 관리로 옮겼습니다. 스킨에 심는 스크립트는 한 경로로 모으고, 앱이 덮어쓰는 클래스는 직접 패치하지 않도록 했습니다.

이미지 용량·가로세로 비율이 제각각이면 모바일에서 스크롤이 막히거나 닫기가 화면 밖으로 나갑니다. 등록 화면에 권장 사이즈와 미리보기를 두고, 검수에서는 시작 직전·종료 직후·‘오늘 안 보기’ 후 재방문·앱과 동시 설치 여부를 시나리오로 돌렸습니다. 쿠폰 번호 자동 발급·회원 등급별 문구까지 한 번에 넣기보다, 노출 일정과 닫기·우선순위를 1차로 고정했습니다.

  • 캠페인 마스터(일정·이미지·링크·위치·우선순위) 관리 화면
  • 스킨은 공통 영역만 두고 설정을 API·캐시로 로드
  • 종료 시각 지나면 자동 비노출·오늘 안 보기 처리
  • 앱·기존 스킨 스크립트와 영역·충돌 정리
  • 1차는 일정·노출, 쿠폰 자동 발급 등은 다음 단계

팝업·이벤트를 일정으로 돌리면 마케팅·개발 업무는 어떻게 달라지나요?

마케팅은 세일 시작·종료에 맞춰 캠페인을 미리 등록해 두고, 개발 배포 없이 노출을 켜고 끌 수 있게 됐습니다. 끝난 팝업이 남는 실수와 ‘지금 바꿔 주세요’ 긴급 요청이 줄어드는 경우가 많고, CS는 잘못된 이벤트 안내로 오는 문의도 함께 줄어들 수 있습니다. 운영은 우선순위와 미리보기만으로 겹치는 공지를 정리하면 됩니다.

한계도 분명합니다. 쇼핑몰 기본 팝업·앱만으로도 단순 공지는 가능하며, 모든 몰에 커스텀 관리가 필요하지는 않습니다. 이벤트가 드물면 스킨·앱 수정으로 버티는 편이 비용이 적을 수 있습니다. 반대로 주 단위로 바뀌고 PC·모바일·페이지별로 다르게 띄워야 하면, 스킨 하드코딩보다 관리 화면·별도 서버 구성이 맞습니다. 앱스토어에 없는 관리자 일반론이나 스킨 vs 커스텀 글과 맞닿아 있지만, 이번 사례는 팝업·이벤트 자동화에 초점을 두었습니다. 개인화 추천·실시간 A/B까지 넣으면 범위가 커지므로 1차에서는 일정·노출·충돌 방지에 머물렀습니다.

  • 스킨 수정 없이 일정 기반 노출·종료
  • 마케팅·개발 대기열·긴급 배포 감소
  • 앱·스킨 충돌을 영역·우선순위로 관리
  • 이후 쿠폰 연동·등급별 문구 확장 여지

옴니어스24는 이 팝업·이벤트 자동화에서 무엇을 맡았나요?

옴니어스24는 ‘팝업 관리 만들어 주세요’만 듣고 전 기능을 키우지 않습니다. 이벤트가 얼마나 자주 바뀌는지, 기본·앱으로 충분한지, 누가 등록·검수하는지, 앱과 겹치는 영역이 있는지를 먼저 정리합니다. 변경이 드물면 스킨·앱부터 권하고, 일정 자동화가 필요하면 관리 화면·스킨 공통 영역·캐시·검수 시나리오 범위를 나눕니다.

비슷한 요구가 있으시면 최근 한 달 이벤트 횟수, 쓰는 팝업·배너 앱 이름, 막히는 화면(메인·상세)만 알려 주셔도 상담이 빨라집니다.

팝업·이벤트 자동화 사례 다음에 보면 좋은 글·페이지

앱스토어에 없는 관리 화면 일반론은 해당 가이드에서, 스킨 수정과 커스텀의 차이는 스킨 vs 커스텀 글에서, 기존 몰에 손댈 때 깨지기 쉬운 지점은 취약 포인트 글에서 이어서 볼 수 있습니다. API·별도 서버가 왜 따라오는지는 API 글도 참고하세요.

서비스·진행 방식·FAQ에서 범위를 나누는 이야기도 볼 수 있고, 문의 페이지에 현황만 남겨 주셔도 됩니다. 이벤트 빈도·앱 충돌·노출 위치 기준으로 안내해 드립니다.

카페24 커스텀, 상담부터 시작해 보세요

가능 여부와 대략 범위만 먼저 여쭤보셔도 됩니다. 문의 페이지에서 편하게 남겨 주세요.