한정판 드롭, 시즌 오프 세일, 콘서트 티켓 오픈처럼 고객이 한꺼번에 몰리는 순간은 회사가 큰 매출을 얻을 수 있는 기회입니다. 하지만 그 순간 사이트가 멈춘다면 기회는 곧바로 고객들의 이탈과 불만으로 바뀌게 됩니다. 이것이 바로 접속자를 순서대로 입장시키는 가상 대기실이 필요한 이유 중 하나입니다.
가상 대기실이라고 하면 크게 와닿지 않는 분들이 아직 있을 것 같은데요. 가상 대기실을 쉽게 이해하자면 인기 맛집에서의 웨이팅 시스템을 떠올리면 됩니다. 손님이 한꺼번에 몰려서 식당이 마비되기 전에, 문 앞에서 번호표를 나눠주거나 웨이팅 서비스를 이용해 자리가 날 때마다 차례로 들여보내는 방식을 여러번 경험해보신 적 있으실 것이라 생각합니다. 가상 대기실은 그런 대기 시스템을 온라인/웹사이트에서 접속자를 순차적으로 입장하게 하는 솔루션이고, 이 글에서는 NetFUNNEL이라는 가상 대기실 솔루션을 활용해 보았습니다.
가상 대기실 솔루션 도입과 설정은 보통 개발팀의 일로 여겨집니다. 그런데 정말 개발팀에서만 가상 대기실을 설정할 수 있을까요?
이 글에서는 개발 경험이 전혀 없는 마케터가 직접 쇼핑몰에 대기실을 적용하고, 대기 시간을 새로운 경험으로 바꾸는 미니 이벤트까지 넣어본 과정을 소개하고자 합니다.
이 글에서 어떤 것을 확인할 수 있나요?
NetFUNNEL을 활용해 가상 대기실을 설정하는 방법과 클로드를 이용해 대기실에 미니 이벤트를 넣는 방법을 확인할 수 있습니다.
결과물 | 설명 |
|---|---|
브랜드 대기실 | 트렌치코트 한정판 페이지에서만 나타나는 대기실 |
미니 이벤트 | 골드 은박을 벗기면 할인 쿠폰이 나타나는 대기실 속 이벤트 |
시작 전에 알아두면 좋은 전체 흐름
전체 과정은 6단계로 이루어지며 각 단계를 웨이팅 시스템 기계에 빗대어 보면 흐름을 이해하기 쉽습니다.
① 가게를 만들고 → ② 웨이팅 시스템 기계를 설치하고 → ③ 가게 문을 열고 → ④ 손님들이 대기표를 등록하고 → ⑤ 손님들이 대기하는 공간을 꾸미고 → ⑥ 기다리는 손님에게 이벤트를 준비합니다.
그렇다면 첫 단계부터 하나씩 살펴보도록 하겠습니다.
STEP 1. 연습용 쇼핑몰 준비하기
대기실을 적용하려면 먼저 대기실을 띄울 웹사이트가 필요한데요, 이번 실습에서는 데모 쇼핑몰을 이용해보았습니다.
보통 가상 대기실은 한정판 상품 출시나 대규모 프로모션처럼 특정 시간에 많은 사용자가 몰리는 상황에서 활용되는 경우가 많습니다. 따라서 이번 실습에서도 한정판 상품 판매 캠페인을 실행한다고 가정해, 접속자가 몰렸을 때 가상 대기실이 어떻게 적용되는지 직접 확인해보고자 합니다.
STEP 2. 코드 한 줄로 NetFUNNEL 에이전트 설치하기
NetFUNNEL 에이전트는 웹사이트와 NetFUNNEL 서버를 연결하는 웨이팅 시스템 기계 역할을 합니다. 설치 방법은 간단한데요, 콘솔 상단 메뉴의 에이전트에서 설치 코드를 복사해, 웹사이트 HTML 파일 맨 위에 붙여넣기만 하면 됩니다.
STEP 3. 세그먼트로 대기실 적용 규칙 정하기
웨이팅 시스템 기계를 달았다면, 이제 '어디서, 몇 명까지, 어떤 대기실로' 손님을 맞을지 정해야겠죠. NetFUNNEL에서는 이러한 규칙 하나하나를 세그먼트라고 부릅니다.
세그먼트는 콘솔 메뉴에서 만들 수 있으며, 이번 실습에서는 특정 페이지 하나를 제어하는 방법을 선택했습니다.
세그먼트 생성 화면은 여러 단계로 구성되어 있지만, 대부분은 기본값을 그대로 두어도 됩니다. 이번 실습에서 직접 정한 것은 하단 세가지로 볼 수 있습니다.
어디서: 대기실을 띄울 페이지 (트리거 규칙)
몇 명까지: 동시에 입장할 수 있는 인원 (이번 테스트에서는 0으로 설정해 대기실이 항상 나타나도록 했습니다)
어떤 화면으로: 고객에게 보여줄 대기실 디자인
트리거 규칙: 어떤 페이지에서 대기실을 띄울 것인가?
가상 대기실을 설정할 때 중요한 부분 중 하나는 트리거 규칙입니다. 트리거 규칙은 '어떤 주소로 접속했을 때 대기실을 보여줄지'를 정하는 조건입니다. 이번 실습에서는 아래와 같이 한 줄로 설정했습니다.
Component | Value |
|---|---|
URL |
|
이것은 '접속 주소에 내-사이트-이름.netlify.app/product가 포함되어 있으면 대기실을 띄운다'는 의미입니다.
설정이 의도대로 동작하는지는 바로 아래 트리거 규칙 테스트에서 확인할 수 있습니다.
테스트 주소 | 기대 결과 |
|---|---|
| 일치 (대기실 표시) |
| 불일치 (메인 페이지는 바로 입장) |
다른 웹사이트 주소 | 불일치 (다른 사이트에 영향 없음) |
세그먼트를 생성한 뒤 새로운 창으로 트렌치코트 페이지에 접속하면 대기실이 나타나면서 가상 대기실 설정이 완료 된 것을 확인할 수 있습니다.
STEP 4. 간편 설정으로 대기실 브랜딩하기
기본 대기실도 기능상의 문제는 없지만, 고객 입장에서는 낯선 화면일 수 있습니다. 갑자기 처음 보는 화면이 나타나면 '다른 사이트로 넘어간 건 아닐까?' 하는 불안감이 생기기 쉽죠. 그래서 대기실에도 브랜드의 얼굴이 필요합니다.
NetFUNNEL 에서는 간편 설정 패널에서 코드 없이 화면을 꾸밀 수 있습니다. 이번 실습에서 바꾼 항목은 다음과 같습니다.
항목 | 설정 값 |
|---|---|
이미지 1 | 브랜드 로고 |
이미지 2 | 대표 상품 사진 |
제목 | 트렌치코트 드롭에 많은 분이 접속 중입니다 |
내용 | 순서대로 입장하고 있어요. 이 창을 닫거나 새로고침하면 순서가 뒤로 밀리니 잠시만 기다려 주세요. |
서체 색상 (기본) | RGB 12, 10, 9 |
서체 색상 (포인트) | RGB 202, 138, 4 (브랜드 골드) |
바꾼 설정을 저장한 뒤, 세그먼트 설정의 기본 대기실을 새로 만든 대기실로 바꾸면 적용이 완료됩니다.
STEP 5. 대기 시간을 경험으로 바꾸는 미니 게임 넣기
대기실은 고객이 가장 오래 머무는 화면이기도 합니다. 그렇다면 이 시간을 단순히 기다리게 하는 대신, 브랜드를 경험하는 시간으로 바꿀 수는 없을까요? 이번 실습에서는 대기실 안에 골드 은박을 벗기면 할인 쿠폰이 나타나는 미니 게임을 넣었습니다.
게임은 대기실 편집 화면의 에디터 탭에서 추가합니다. 준비된 코드를 복사한 뒤, 에디터에서 Ctrl + F로 <!-- Content -->를 찾아 그 바로 위에 붙여넣고 저장하면 작동이 되었습니다. 대기 순번 정보 아래, 안내 문구 위에 쿠폰 영역이 나타납니다.
에디터에서 로고나 문구를 다시 간편 설정으로 바꾸고 싶다면, 에디터의 초기화 버튼으로 되돌린 뒤 수정하고 코드를 다시 붙여넣으면 됩니다.
가상 대기실은 ‘사이트 접근을 막는 화면'이 아니라 '고객과 브랜딩 경험의 접점'이다
가상 대기실은 흔히 트래픽 과부하를 통한 서버 다운을 막기 위한 기술적인 장치로만 여겨집니다. 하지만 이번 실습을 통해 확인한 것처럼, 가상 대기실은 브랜드 경험을 보여주고 고객에게 혜택을 전달할 수 있는 마케팅 접점이 될 수 있습니다. 특히 한정판 오픈처럼 고객의 관심이 가장 높은 순간, 가장 많은 고객이 가장 오래 머무는 화면이 바로 가상 대기실이기 때문입니다.
저는 직접 코드를 작성하는 대신 AI에게 필요한 코드를 요청하면서 데모 페이지를 만들었고, 고객들이 기다리는 동안 참여할 수 있는 간단한 미니 이벤트까지 추가해볼 수 있었습니다.
직접 만들어보니 가상대기실을 꼭 ‘서버 다운을 막기 위한 공간’으로만 생각할 필요는 없겠다는 생각이 들었습니다. 이때 중요한 건 ‘고객이 기다리는 시간에 어떤 경험을 제공할 것인가?’의 부분이었습니다.
예를 들어 다음 캠페인에서는 대기 화면에 쿠폰, 간단한 퀴즈, 신상품 미리보기, 이벤트 콘텐츠 등을 넣어볼 수 있을 것이라 생각합니다. 고객 입장에서는 가상 대기실에 진입하는 것이 단순히 순서를 기다리는 답답한 시간이 아니라, 기다리는 동안 브랜드를 경험하거나 작은 혜택을 받을 수 있는 시간이 되는 것입니다.
결국 가상대기실도 어떻게 활용하느냐에 따라 트래픽을 제어하는 기능을 넘어 고객 경험을 설계하는 하나의 접점으로 활용할 수 있을 것이라 생각합니다.