랜딩페이지 CTA 버튼 위치: 전환을 가르는 4가지 배치 기준

랜딩페이지 CTA 버튼은 첫 화면에 둬야 한다는 말은 절반만 맞습니다. 버튼이 보이는 위치보다 고객이 사겠다고 마음먹는 지점에 버튼이 있는지가 먼저입니다.

CTA 버튼 위치는 상품의 결정 난이도, 유입 고객의 온도, 실제 스크롤 도달률을 보고 정합니다.
저관여·재방문 고객이 많다면 첫 화면에 두고, 고관여·첫 방문 고객이 많다면 설득이 끝나는 지점마다 반복해서 둡니다.
모바일에서는 화면 하단에 고정된 버튼이 기본입니다.

아래에서 CTA 버튼 위치를 정하는 4가지 기준과 위치별 실패 사례, 테스트 순서를 차례로 설명합니다.

1. 랜딩페이지 CTA 버튼 위치가 전환율을 바꾸는 이유

버튼 위치는 '구매를 결정한 순간'과의 거리입니다

랜딩페이지 방문자는 위에서 아래로 내려가면서 마음을 정합니다.
어떤 사람은 첫 화면에서 이미 마음을 정하고, 어떤 사람은 후기와 가격을 다 본 뒤에야 정합니다.

문제는 마음을 정한 순간 눈앞에 버튼이 없을 때 생깁니다.
버튼을 찾으려고 다시 위로 올라가야 하는 순간 이탈이 시작됩니다.
결심이 식는 데는 몇 초면 충분합니다.

-> CTA 버튼 위치는 디자인 문제가 아닙니다. 결심과 행동 사이의 거리를 줄이는 문제입니다.

'첫 화면에만 두면 된다'는 통념이 틀리는 경우

사용자 행동 연구 기관 Nielsen Norman Group은 2018년 스크롤 행동 연구에서
페이지 열람 시간의 약 57%가 첫 화면(above the fold)에, 약 74%가 처음 두 화면 안에 몰린다고 발표했습니다.

이 수치만 보면 "CTA 버튼은 무조건 위에"가 정답처럼 보입니다.
그런데 이 결과는 '가장 많이 보는 위치'를 말할 뿐, '결심이 일어나는 위치'를 말하지는 않습니다.

첫 화면에서는 많이 보지만, 고관여 상품은 그 시점에 아직 살 이유를 다 듣지 못했습니다.
그래서 첫 화면 버튼은 클릭이 일어나도 결제 단계에서 이탈하는 비율이 높게 나오는 경우가 많습니다.

반대로 하단에만 버튼을 두면, 첫 화면에서 이미 사려던 재방문 고객이 버튼을 찾느라 페이지를 끝까지 내려가야 합니다.

-> 위치는 하나를 고르는 게 아니라, 누가 어디서 결심하는지에 맞춰 나눠 놓는 것입니다.

2. CTA 버튼 위치를 정하는 4가지 기준

기준 1. 상품의 결정 난이도

가장 먼저 볼 것은 이 상품을 사는 데 고민이 얼마나 필요한지입니다.

💡

저관여 상품 (저가 소모품, 체험분, 무료 신청 등)

설명을 길게 들을 필요가 없는 상품
첫 화면 CTA 버튼이 가장 큰 역할
아래 콘텐츠는 확신을 더해 주는 보조 역할

💡

고관여 상품 (고가 제품, 정기구독, 상담·견적 신청 등)

가격, 근거, 후기를 확인한 뒤에 결심하는 상품
첫 화면 버튼보다 근거 블록 직후 버튼이 실제 전환을 만듦
첫 화면 버튼은 '자세히 보기'처럼 부담이 낮은 형태가 유리할 때가 많음

기준 2. 유입 고객의 온도

같은 랜딩페이지라도 어떤 광고에서 들어오느냐에 따라 결심 시점이 달라집니다.

리타겟팅이나 브랜드 검색으로 들어온 고객은 이미 상품을 압니다.
이들에게 긴 설명은 장애물이고, 첫 화면 버튼이 곧바로 결제로 이어집니다.

반면 처음 상품을 보는 콜드 오디언스는 첫 화면에서 클릭할 이유가 아직 없습니다.
이 경우 첫 화면 버튼만 강조하면 클릭률은 나와도 전환율이 떨어집니다.

실무에서는 유입 온도가 크게 다르면 랜딩페이지 자체를 나누는 편이 낫습니다.
버튼 위치 하나로 두 집단을 동시에 맞추기는 어렵기 때문입니다.

광고 랜딩페이지 만드는 법: 소재와 맞추는 4단계 설계 기준

기준 3. 실제 스크롤 도달률

버튼을 어디에 둘지는 짐작이 아니라 데이터로 정해야 합니다.
히트맵 도구나 GA4 스크롤 이벤트로 구간별 도달률을 먼저 확인합니다.

판단하는 방식은 단순합니다.

① 핵심 근거 블록(후기, 성분, 비교표 등)이 있는 구간의 도달률을 확인합니다.
② 그 구간 직후에 버튼이 있는지 확인합니다.
③ 도달률이 급격히 꺾이는 구간 바로 앞에 버튼이 있는지 확인합니다.

특히 ③이 중요합니다.
도달률이 한 번에 크게 떨어지는 구간이 있다면, 그 아래 버튼은 대부분의 방문자가 보지 못합니다.
그 구간 바로 위에 버튼을 하나 더 두는 것만으로 클릭 수가 달라지는 경우가 실무에서 흔합니다.

GTM 스크롤 추적 설정: 트리거·GA4 전송·검증 3단계 기준

기준 4. 모바일 엄지 영역

광고 유입의 대부분이 모바일인 이상, 모바일 기준 배치가 사실상 본 설계입니다.

모바일 UX 연구자 Steven Hoober의 관찰 연구(2013)에서는
스마트폰 사용자의 약 49%가 한 손으로 기기를 쥐고 엄지로 조작했습니다.
한 손 조작에서 엄지가 편하게 닿는 곳은 화면의 하단 중앙부입니다.

그래서 모바일 랜딩페이지에서는 화면 하단 고정(스티키) CTA 버튼이 기본값이 됩니다.
어느 지점에서 결심하든 버튼이 늘 엄지 아래에 있기 때문입니다.

다만 스티키 버튼에도 예외가 있습니다.

• 첫 화면 히어로 영역에 이미 큰 버튼이 있다면, 스티키 버튼은 스크롤 이후에 나타나게 설정

• 스티키 버튼이 하단 콘텐츠(가격표, 옵션 선택 영역)를 가리지 않는지 확인

• 채팅 상담 아이콘, 쿠키 동의 배너와 겹치지 않는지 확인

4가지 기준 요약표

-> 표의 '핵심'은 전환이 가장 많이 일어날 것으로 보고 디자인 비중을 가장 크게 주는 위치입니다.

3. CTA 버튼 위치에서 자주 생기는 실패 사례

실패 1. 첫 화면 버튼만 있고 아래에는 없다

가장 흔한 실수입니다.
히어로 영역에 버튼 하나를 크게 두고, 그 아래는 상세 설명만 길게 이어지는 구조입니다.

이 구조에서는 끝까지 읽은 고객, 즉 가장 설득된 고객이 버튼을 찾으러 다시 올라가야 합니다.
히트맵을 보면 하단에서 위로 되돌아가는 스크롤 흔적이 남고, 그중 일부는 그대로 이탈합니다.

실패 2. 버튼을 너무 많이 둬서 모두 무시된다

반대로 섹션마다 버튼을 두는 경우도 있습니다.
화면 두 개마다 같은 버튼이 반복되면, 방문자는 버튼을 배경처럼 인식하고 지나칩니다.

버튼은 결심이 일어날 만한 지점에만 둡니다.
후기 묶음이 끝난 지점, 가격과 혜택이 정리된 지점, 자주 묻는 질문이 끝난 지점처럼
"이제 결정해도 된다"는 신호가 있는 곳이 기준입니다.

실패 3. 클릭률은 올랐는데 매출은 그대로다

건강기능식품처럼 고관여 상세페이지를 운영하는 브랜드에서 자주 나오는 패턴입니다.
첫 화면에 '지금 구매하기' 버튼을 크게 키웠더니 버튼 클릭률이 눈에 띄게 올랐습니다.

그런데 구매 완료 수는 거의 변하지 않았습니다.
데이터를 나눠 보니 첫 화면 버튼을 누른 고객 상당수가 옵션·결제 화면에서 뒤로 가기를 누르고 있었습니다.
아직 결심하지 않은 상태에서 결제 단계로 넘어간 것입니다.

이 경우 첫 화면 버튼을 '구성 보기'처럼 페이지 안 가격 영역으로 이동시키는 형태로 바꾸고,
가격·혜택 블록 직후에 실제 구매 버튼을 두는 쪽으로 정리하면 클릭률은 다소 내려가도 구매 완료율이 회복되는 경우가 많습니다.

-> 버튼 위치를 바꾼 뒤에는 버튼 클릭률이 아니라 최종 전환율로 판단해야 합니다.

실패 4. 버튼 문구와 위치가 따로 논다

같은 위치여도 문구가 맥락과 맞지 않으면 클릭되지 않습니다.
후기 블록 바로 뒤에는 "나도 시작하기", 가격 블록 바로 뒤에는 "이 구성으로 구매하기"처럼
바로 위 콘텐츠를 이어받는 문구가 자연스럽습니다.

CTA 문구 예시: 고객 단계별로 고르는 4가지 기준

4. CTA 버튼 위치 테스트하는 순서

1단계: 현재 상태를 숫자로 기록

위치를 바꾸기 전에 기준선부터 기록합니다.

💡

기록할 지표

버튼별 클릭 수 (위치별로 이벤트를 나눠 수집)
구간별 스크롤 도달률
버튼 클릭 → 구매 완료 전환율
모바일 / PC 비중

버튼별 클릭을 하나의 이벤트로 묶어 버리면 어느 위치가 일하는지 알 수 없습니다.
버튼마다 위치 값을 파라미터로 붙여 따로 집계하는 것이 출발점입니다.

2단계: 한 번에 한 위치만 바꾸기

첫 화면 버튼, 중간 버튼, 스티키 버튼을 동시에 바꾸면 무엇이 성과를 만들었는지 알 수 없습니다.
변수는 하나씩 바꿉니다.

우선순위는 보통 다음 순서가 효율적입니다.

① 모바일 스티키 버튼 유무
② 핵심 근거 블록 직후 버튼 추가
③ 첫 화면 버튼의 형태(구매형 / 탐색형)

①은 효과가 가장 크게 나오는 경우가 많고, ③은 상품 결정 난이도에 따라 결과가 갈리기 때문에 마지막에 확인합니다.

3단계: 충분한 전환이 쌓인 뒤 판단

버튼 위치 테스트는 차이가 크게 나지 않는 경우가 많습니다.
그래서 며칠 만에 결론을 내리면 우연한 변동을 성과로 착각하기 쉽습니다.

최소한 요일 효과가 한 바퀴 도는 7일 이상, 그리고 그룹당 전환 수가 충분히 쌓인 뒤 판단합니다.
몇 건이 쌓여야 결과를 믿을 수 있는지는 별도 기준으로 정해두는 편이 좋습니다.

AB테스트 표본 수: 그룹당 전환 몇 건이면 결과를 믿을 수 있나

4단계: 결과를 '유입별로' 다시 나눠 보기

전체 평균에서는 차이가 없어 보여도, 유입 온도별로 나누면 결과가 정반대인 경우가 있습니다.
예를 들어 첫 화면 구매 버튼 강조안이 리타겟팅 유입에서는 이기고, 신규 유입에서는 지는 식입니다.

이런 결과가 나오면 버튼 위치 하나를 고르는 대신,
유입별로 랜딩페이지를 분리하는 쪽이 더 나은 답입니다.

자주 묻는 질문

Q. 랜딩페이지 CTA 버튼은 첫 화면에 꼭 있어야 하나요?
대부분의 경우 첫 화면에 하나는 두는 것이 좋습니다. 다만 고관여 상품이라면 첫 화면 버튼은 '구성 보기'처럼 부담이 낮은 형태로 두고, 실제 구매 버튼은 근거·가격 블록 뒤에 두는 편이 최종 전환율에 유리한 경우가 많습니다.

Q. CTA 버튼은 랜딩페이지에 몇 개가 적당한가요?
정해진 개수보다 '결심 지점'의 수가 기준입니다. 후기, 가격, 자주 묻는 질문처럼 결정을 돕는 블록이 끝나는 지점마다 하나씩 두고, 의미 없이 섹션마다 반복하는 것은 피합니다.

Q. 모바일 스티키 CTA 버튼은 항상 켜두는 게 좋나요?
모바일 유입이 많다면 기본으로 쓰는 것이 좋습니다. 다만 첫 화면에 큰 버튼이 이미 있다면 스크롤 이후에 노출되게 하고, 가격표나 옵션 선택 영역을 가리지 않는지 반드시 확인해야 합니다.

Q. CTA 버튼 위치를 바꿨는데 클릭률만 오르고 구매는 그대로인 이유는?
결심하지 않은 고객까지 결제 단계로 밀어 넣었을 가능성이 높습니다. 버튼 클릭 이후 결제 단계 이탈률을 함께 보고, 버튼 위치보다 버튼 앞 설득 콘텐츠가 충분한지 먼저 점검해야 합니다.

마무리

랜딩페이지 CTA 버튼 위치는 "위냐 아래냐"를 고르는 문제가 아닙니다.
고객이 결심하는 지점에 버튼이 있는지의 문제입니다.

상품의 결정 난이도 → 유입 고객의 온도 → 실제 스크롤 도달률 → 모바일 엄지 영역

위 4가지 기준으로 위치를 정하고, 한 번에 하나씩 바꾸면서 버튼 클릭률이 아니라 최종 전환율로 판단해야 합니다.

지금 랜딩페이지의 버튼 클릭은 나오는데 구매가 따라오지 않는다면,
버튼 디자인을 바꾸기 전에 버튼이 놓인 위치부터 다시 점검해 보는 것을 권합니다.