장바구니에 담긴 옷 세 개, 합계 8만 9천 원. 여기까지 온 손님은 이미 살 마음을 거의 굳힌 사람이에요. 그런데 결제 직전에 조용히 창을 닫아요. 상품이 아니라 페이지 설계 탓인 경우가 대부분이라는 게 함정이죠.
장바구니에 담긴 옷은 세 개. 합계 8만 9천 원. 여기까지 온 손님은 이미 살 마음을 거의 굳힌 사람이에요. 그런데 결제 버튼을 누르기 직전에 창을 닫아요. 아무 말 없이, 그냥... 저도 자사몰 운영하면서 이 구간에서 새는 매출이 제일 아까웠어요. 광고비 써서 겨우 데려온 손님이 상세페이지도 다 보고, 장바구니까지 왔는데 마지막 한 발을 안 떼는 거죠.
재밌는 건, 이 사람들이 상품이 마음에 안 들어서 나가는 게 아니라는 점이에요. 마음에 안 들었으면 진작 나갔겠죠. 장바구니까지 왔다는 건 이미 '살까?' 단계를 넘었다는 뜻이에요. 그런데도 조용히 사라지는 이유는 대부분 상품이 아니라 페이지 설계에 있어요. 배송비가 언제 튀어나오는지, 총액이 어디 붙어 있는지, 결제 버튼이 눈에 바로 걸리는지... 이 사소한 배치가 전환율을 몇 퍼센트씩 흔들어요.
손님 입장에서 장바구니는 '계산대 앞'이에요. 마트에서 카트 밀고 계산대 줄 섰는데, 점원이 갑자기 "봉투값 따로 3천 원이요" 하면 기분이 확 상하잖아요. 온라인 장바구니에서 벌어지는 일이 딱 이거예요.
가장 흔한 이탈 트리거는 세 가지로 좁혀지더라고요. 첫째, 예상 못 한 배송비. 상품 페이지에선 8만 9천 원이라고 봤는데 장바구니 와서야 배송비 3천 원이 붙어서 9만 2천 원이 돼요. 액수가 커서가 아니라 '속았다'는 느낌 때문에 나가요. 둘째, 총액이 안 보임. 상품 금액, 할인, 배송비가 따로따로 흩어져 있어서 내가 최종적으로 얼마를 내는지 한눈에 안 잡히면 사람은 불안해져요. 셋째, 결제 버튼이 어디 있는지 찾아야 함. 스크롤을 내려야 결제 버튼이 나오거나, '주문하기'랑 '계속 쇼핑'이 비슷한 크기로 나란히 있으면 손이 멈칫해요.
실제로 국내외 이커머스 데이터를 보면 장바구니·결제 단계 이탈률이 평균 65~70% 안팎이라고 해요(업종·기기별 편차 큼, 추정치). 모바일은 이게 더 심해요. 화면이 좁아서 배송비 한 줄, 총액 한 줄이 화면 밖으로 밀리면 그대로 이탈로 이어지거든요.
거창한 리디자인 필요 없어요. 제가 실제로 순서대로 손본 게 이 세 개인데, 각각 뭘 바꿨는지 정리해볼게요.
배송비는 '조건'을 앞세우기. 그냥 '배송비 3,000원'이라고 쓰면 손님은 지출로만 느껴요. 대신 '2,100원만 더 담으면 무료배송'처럼 문턱까지 남은 금액을 보여주면, 지출이 아니라 게임이 돼요. 이게 객단가까지 같이 올려주는 효과가 있어서, 객단가(AOV)를 올리는 방법이랑 같이 묶어서 설계하면 좋아요. 무료배송 문턱을 평균 주문 금액보다 살짝 높게 잡는 게 요령이에요.
총액은 크게, 그리고 실시간으로. 상품 금액 · 할인 · 배송비 · 최종 결제 금액을 한 박스 안에 묶고, 최종 금액만 폰트를 키우고 진하게. 쿠폰을 적용하면 그 자리에서 총액이 즉시 바뀌게. 손님이 '내가 정확히 얼마 내는지' 0.5초 안에 알아야 손이 나가요.
CTA는 하나만, 크게, 위에. 장바구니 페이지의 주인공은 '결제하기' 버튼 딱 하나예요. '계속 쇼핑하기'는 회색 텍스트 링크로 작게 빼고, 결제 버튼은 브랜드 컬러로 꽉 채워서 화면을 안 내려도 보이게. 모바일은 화면 하단에 결제 버튼을 고정(sticky)시키는 게 거의 국룰이에요.
| 바꾼 항목 | 흔한 실수 | 개선 방향 |
|---|---|---|
| 배송비 노출 | 결제 직전에야 등장 | 상세페이지부터 조건 명시 |
| 총액 표시 | 금액이 여기저기 흩어짐 | 한 박스에 묶고 최종액만 강조 |
| 결제 버튼 | 스크롤 내려야 보임 | 상단 노출 + 모바일 하단 고정 |
| 부가 정보 | 쿠폰·적립금 입력창이 버튼보다 큼 | 접어두고 필요 시 펼치게 |
| 신뢰 요소 | 없음 | 교환·환불, 안전결제 배지 한 줄 |
표에서 마지막 두 개도 은근 중요해요. 쿠폰 코드 입력창이 결제 버튼보다 크고 눈에 띄면, 손님은 '나만 못 받은 할인이 있나?' 싶어서 다른 탭 열고 쿠폰 검색하러 나가요. 그리고 안 돌아와요... 그러니 쿠폰창은 작게 접어두세요.
여기서 함정이 하나 있어요. 배치를 바꿨는데 '좋아진 것 같은' 느낌만 있고 실제 매출이 늘었는지는 모르는 경우요. 장바구니 개선은 반드시 숫자로 확인해야 해요.
봐야 할 건 세 개예요. 장바구니 도달 대비 결제 완료 비율, 객단가, 그리고 배송비 조건을 바꿨을 때 실제 순수익. 여기서 순수익이 진짜 핵심이에요. 무료배송 문턱을 낮췄더니 주문은 늘었는데, 배송비를 브랜드가 떠안느라 실제로 남는 돈은 줄어드는 경우가 흔하거든요. 겉으로 매출이 오르니까 잘된 줄 알아요. 근데 원가·수수료·배송비·세금 다 빼보면 오히려 마이너스인 달도 있어요.
저는 대시부스터로 이걸 봐요. 매출 숫자만 보는 게 아니라 원가·결제수수료·부가세·택배비까지 다 빼고 남는 실제 순수익을 실시간 대시보드로 확인하니까, '이 무료배송 정책이 진짜 남는 장사인지'가 바로 보여요. 배송비 문턱을 3만 원에서 2만 5천 원으로 낮췄을 때 순익이 늘었는지 줄었는지, 감이 아니라 숫자로 판단하게 되더라고요.
정책 하나 바꾸기 전에 손익분기 계산부터 돌려보는 걸 추천해요. 배송비 3천 원을 브랜드가 흡수하면, 마진 30%짜리 상품 기준으로 최소 1만 원어치는 더 팔려야 본전이에요. 이걸 모르고 감으로 '무료배송 이벤트!' 걸면 매출 그래프는 예쁜데 통장은 홀쭉해져요.
PC에서 예쁘게 정리된 장바구니가 모바일에선 엉망인 경우가 정말 많아요. 트래픽의 70~80%가 모바일인데(브랜드마다 다름), 정작 장바구니는 PC 기준으로 만들어놓은 거죠.
모바일에서 꼭 챙길 것. 결제 버튼 하단 고정, 총액은 그 버튼 바로 위에 항상 붙어 있게, 상품 이미지는 작게 줄이고 수량·삭제 버튼은 손가락으로 누르기 좋게 키우기. 그리고 배송비·할인·총액이 한 화면(스크롤 없이)에 최대한 들어오게. 손님이 엄지로 스크롤을 두 번 이상 해야 결제 버튼이 나온다면, 그 사이에 알림 하나 뜨면 그대로 이탈이에요.
복잡하게 생각 말고 순서대로 하나씩 봐요. 배송비 조건이 상세페이지에 미리 노출돼 있는가. 장바구니 총액이 한 박스에 묶여 있고 최종 금액만 크게 강조돼 있는가. 결제 버튼이 화면 안 내려도 보이고, 색으로 확실히 튀는가. 쿠폰·적립금 입력창이 결제 버튼보다 작고 접혀 있는가. 모바일에서 결제 버튼이 하단에 고정돼 있는가. 교환·환불, 안전결제 같은 신뢰 문구가 버튼 근처에 한 줄 있는가.
이 여섯 개 중에 안 되고 있는 게 두세 개는 나올 거예요. 다 한 번에 고치려 하지 말고, 배송비 노출부터 손보세요. 이탈에 제일 크게 영향 주는 게 그거니까. 바꾸고 나면 반드시 결제 완료율이랑 순익을 며칠 지켜보고, 진짜 좋아졌는지 숫자로 확인하고요.
정답은 없지만, 최근 평균 주문 금액보다 10~20% 높게 잡는 게 보통 잘 먹혀요. 평균 객단가가 2만 8천 원이면 문턱을 3만 원쯤에 두는 식이죠. 손님이 '조금만 더 담으면 무료'라고 느끼게 하는 지점이에요. 단, 그 문턱을 넘기려고 얹는 상품의 마진이 배송비보다 커야 남는 장사예요.
많이들 쓰는 방법이고 이탈 방지엔 효과 있어요. 다만 가격이 경쟁사보다 비싸 보이는 역효과가 생길 수 있어서, 가격 민감한 카테고리에선 조심해야 해요. 이럴 땐 '무료배송'을 전면에 내세우되 실제 순익이 유지되는지 대시보드로 계속 확인하는 게 안전해요.
색 자체보다 '주변과 확실히 대비되는가'가 중요해요. 페이지가 대체로 흰색·회색이면 브랜드 포인트 컬러로 꽉 채운 버튼 하나면 충분해요. 빨강이 무조건 좋다는 식의 공식은 없어요. 배경과 대비만 확실하면 돼요.
대시부스터는 원가·결제수수료·부가세·택배비까지 다 뺀 실제 순수익을 실시간 대시보드로 보여줘요. 배송비 정책을 바꿨을 때 순익이 늘었는지 줄었는지, 감이 아니라 숫자로 판단하세요.
7일 무료로 시작하기 →