'구매하기' 버튼이 당신의 매출을 죽이고 있다

당신의 상세페이지 맨 아래, 그 버튼에 뭐라고 적혀 있는가. 십중팔구 '구매하기' 아니면 '주문하기'다. 그런데 이 네 글자가 매달 수십, 수백 건의 결제를 조용히 흘려보내고 있다면 믿겠는가. 한 SaaS 기업이 버튼을 '무료 체험 시작하기(Start your free trial)'에서 '무료 체험을 시작하세요(Start my free trial)'로, 딱 1인칭 한 단어만 바꿨더니 클릭률이 90% 올랐다는 건 마케팅 업계에서 이미 고전이 된 실화다. 글자 하나, 색 하나, 1픽셀의 위치 차이가 매출을 가른다. 문제는 대부분의 셀러가 이 버튼을 '맨 마지막에 대충 넣는 것'으로 취급한다는 점이다.

왜 '구매하기'는 손님을 멈칫하게 만드는가

'구매하기'라는 단어는 소비자에게 "이제 네 지갑이 열릴 차례다"라는 신호를 정면으로 보낸다. 사람의 뇌는 돈을 쓰는 순간 통증과 비슷한 영역이 활성화된다(이른바 'pain of paying'). 버튼 문구가 '지출'을 직접 가리킬수록, 손가락은 마지막 순간에 멈칫한다.

반대로 잘 만든 버튼은 '지출'이 아니라 '내가 얻을 결과'를 가리킨다. 같은 결제 행동인데도 프레임이 다르다.

• '구매하기' / '결제하기' → 돈을 잃는 행위에 집중시킴
• '내 것으로 만들기' / '지금 받아보기' / '재고 확보하기' → 손에 들어올 결과에 집중시킴

핵심은 단어를 화려하게 만드는 게 아니다. 소비자의 머릿속 시선을 '비용'에서 '혜택'으로 옮기는 것이다.

1인칭 전환: '하기'를 '하세요/할게요'로

가장 검증된 기법이 1인칭 전환이다. 버튼은 손님이 누르는 것이지만, 문구를 손님의 머릿속 독백처럼 쓰면 행동이 더 자연스러워진다. 영어권의 'my' 실험이 한국어에서는 어미와 인칭으로 구현된다.

2인칭/명령형 (멈칫)	1인칭/선언형 (자연스러움)
무료 상담 신청하기	무료 상담 받아볼게요
자료 다운로드	지금 자료 받기
구독하기	매주 받아보기
장바구니 담기	내 장바구니에 담기

차이가 미묘해 보이지만, 손님 입장에서 버튼은 '시켜서 하는 일'이 아니라 '내가 선택한 일'이 된다. 부담이 줄면 클릭이 늘어난다.

A/B 테스트 사례 표: 진짜 숫자가 말하는 것

아래는 버튼 문구·색·위치 변경이 전환에 미친 대표 패턴을 정리한 것이다. 정확한 수치는 업종·상품·트래픽에 따라 달라지므로 방향성으로 읽어야 한다(같은 변경도 반대 결과가 나올 수 있다 — 그래서 직접 테스트가 필수다).

바꾼 것	Before	After	전형적 효과
인칭	무료 체험 시작하기	무료 체험을 시작하세요(my)	클릭률 대폭 상승(고전 사례 +90%)
혜택 명시	주문하기	오늘 받기(당일배송)	긴급성·결과 강조로 상승
버튼 색	저채도·배경과 비슷	주변과 강한 대비색	주목도↑ 클릭↑
위치	긴 본문 맨 아래 1개	본문 중간 + 하단 반복	스크롤 이탈 전 결제 유도
버튼 크기·여백	작고 빽빽함	충분히 크고 주변 여백 확보	모바일 탭 정확도↑ 이탈↓

여기서 중요한 건 '+90%' 같은 숫자가 아니다. 당신의 상품에선 어떤 변경이 먹히는지 모른다는 사실이다. 그래서 한 번에 하나씩만 바꿔 비교해야 원인을 알 수 있다.

색 대비와 위치, 1픽셀의 차이

버튼은 문구가 전부가 아니다. 보이지 않으면 읽히지도 않는다.

• 대비 우선: 버튼 색은 '예쁜 색'이 아니라 '튀는 색'이어야 한다. 페이지 전체가 그린 계열이면 버튼은 보색에 가까운 강조색으로. 단, 한 페이지에 강조 버튼 색은 1개로 통일한다(여러 색이 경쟁하면 다 죽는다).
• 고정(sticky) 버튼: 모바일에서 화면 하단에 항상 붙어 따라오는 결제 버튼은 긴 상세페이지의 이탈을 크게 줄인다.
• 위치 반복: 첫 화면(스크롤 없이 보이는 영역)에 1개, 본문 중간 설득 직후 1개, 맨 끝에 1개. 손님이 '사고 싶어진 그 순간'에 항상 버튼이 옆에 있어야 한다.
• 탭 영역: 모바일에서 버튼 높이는 최소 44~48px. 작은 버튼은 오타 같은 미스탭을 부르고, 미스탭은 곧 이탈이다.

지금 당신이 저지르고 있을 버튼 실수 7가지

1. 버튼에 '구매하기'만 덜렁 — 혜택·결과를 한 단어도 안 넣음
2. 버튼이 배경에 묻힘 — 대비 부족으로 손님이 못 찾음
3. 버튼이 페이지에 딱 1개 — 긴 본문 중간엔 결제 동선이 없음
4. 색을 3~4개 남발 — 강조가 분산돼 아무것도 안 튐
5. 버튼 옆에 불안 문구 없음 — '무료 반품', '오늘 결제 X' 같은 안심 한 줄이 빠짐
6. 모바일에서 버튼이 너무 작음 — 탭하다 옆을 누름
7. 버튼 하나 바꾸고 '효과 없네' 단정 — 측정 없이 감으로 판단함

이 7가지 중 3개 이상 해당된다면, 트래픽을 더 사기 전에 버튼부터 손보는 게 광고비를 아끼는 길이다.

오늘 바로 쓰는 CTA 체크리스트

• ☐ 버튼 문구에 '혜택 또는 결과'가 들어갔는가 (단순 '구매하기' 탈출)
• ☐ 1인칭·선언형 어미로 부담을 낮췄는가
• ☐ 강조 버튼 색은 페이지에서 1개로 통일했는가
• ☐ 버튼이 배경과 충분히 대비되는가
• ☐ 첫 화면·본문 중간·하단에 버튼이 반복되는가
• ☐ 모바일에서 버튼이 손가락에 충분히 큰가 (≥44px)
• ☐ 버튼 바로 옆/아래에 안심 문구 한 줄이 있는가
• ☐ 한 번에 하나씩만 바꿔 2주 단위로 비교했는가

버튼은 상세페이지에서 가장 작은 요소지만, 손님이 마지막으로 만나는 관문이다. 본문을 아무리 잘 써도 이 관문에서 멈칫하면 매출은 거기서 끝난다.

버튼 하나 바꾸는 데는 5분, 효과는 한 달 매출. 오늘 당장 당신의 '구매하기' 버튼부터 다시 써보자. (도움이 필요하면 댓글이나 문의로 편하게 물어보셔도 좋다.)

관련 가이드

• 첫 3초에 못 잡으면 끝이다 — 스크롤을 멈추게 하는 후킹의 과학
• 사람 눈은 정해진 길로만 움직인다 — Z·F 시선 동선 설계법
• 상세페이지 카피, 이 순서를 어기면 안 팔린다 — 7단 구조 설계도