'제출하기' 버튼은 그만! 클릭률 200% 높이는 마법의 단어 (CTA)
인스타그램과 네이버 광고에 수백만 원을 써서 고객을 홈페이지로 데려왔는데, 정작 문의나 결제로 이어지지 않아 고민이신가요?
그렇다면 지금 당장 홈페이지 맨 아래에 있는 버튼(CTA : Call To Action)에 뭐라고 적혀 있는지 확인해 보십시오. 혹시 '제출하기', '확인', '등록' 이라고 적혀 있지는 않나요?
💡 고객은 '숙제'를 하러 온 것이 아닙니다.
'제출하기'나 '결제하기' 같은 단어는 고객에게 무언가를 빼앗아가거나, 수고스러운 노동을 요구하는 느낌을 줍니다. 버튼의 문구(마이크로 카피)는 고객이 이 버튼을 눌렀을 때 얻게 되는 '이득'과 '가치'로 꽉 채워져 있어야 합니다.
1. 즉시 매출을 올리는 버튼 카피라이팅 Before & After
버튼 텍스트를 바꿀 때는 2가지만 기억하세요. 첫째, 내가 얻을 혜택을 명확히 할 것. 둘째, '~해라'가 아니라 '내 ~하기'처럼 1인칭 시점으로 작성할 것.
| 상황 | ❌ 최악의 버튼 (수동적) | ⭕ 최고의 버튼 (가치 제공) |
|---|---|---|
| 견적 문의할 때 | 제출하기 / 문의 등록 | 내 프로젝트 무료 견적 받기 |
| 자료 다운로드 시 | 다운로드 / 확인 | 핵심 가이드북 100% 무료로 받기 |
| 서비스 가입 시 | 회원 가입 / 결제하기 | 첫 달 무료로 혜택 시작하기 |
2. 클릭의 저항을 없애는 '안심 문구' 곁들이기
버튼을 누르기 직전, 고객은 "이거 누르면 바로 돈 빠져나가는 거 아냐?", "영업 전화 엄청 오는 거 아냐?" 하고 불안해합니다.
이때 버튼 텍스트 바로 아래에 작은 글씨로 불안감을 해소해 주는 1줄(마찰 감소 카피)을 더해주면 클릭률이 폭발적으로 상승합니다.
<!-- 나눔웹이 추천하는 하이엔드 '2줄 버튼' HTML 구조 -->
<button style="background: #cc2b2b; color: #fff; padding: 16px 32px; border-radius: 8px; border: none; cursor: pointer; text-align: center;">
<!-- 메인 가치 제안 -->
<div style="font-size: 1.2rem; font-weight: 800; margin-bottom: 4px;">
1:1 맞춤 무료 컨설팅 신청하기
</div>
<!-- 마찰 감소 카피 (안심 문구) -->
<div style="font-size: 0.85rem; color: rgba(255,255,255,0.7);">
신용카드 등록 불필요 · 언제든 취소 가능
</div>
</button>
"훌륭한 웹사이트는 기술이 아니라 심리학으로 완성됩니다."
나눔웹은 단순히 디자인 영역을 채우는 것을 넘어,
사용자의 심리적 장벽을 허물고 고객사의 매출(전환율)을 극대화하는 마케팅 UI를 설계합니다.