전환율이 매우 높은 CTA를 설계하는 10단계

게시 됨: 2023-03-25

웹사이트의 주요 목표를 알고 있지만 방문자도 알고 있습니까?

웹상에서 최고의 제품, 사용자 친화적인 인터페이스를 갖춘 멋진 웹사이트, 효과적인 SEO 기술로 인해 많은 트래픽이 생성될 수 있습니다. 그러나 방문자가 귀하의 사이트에 도착했을 때 무엇을 하기를 원하는지 명확하지 않다면 방문자를 잃은 것입니다.

CTA란 무엇입니까?

클릭 유도문안(CTA)은 웹사이트에 표시되고 독자가 특정 행동을 취하도록 초대하는 집결 외침입니다. 주요 임무는 사람들의 관심을 끌고 전환 깔때기로 이끄는 무언가를 하도록 유도하는 것입니다.

일반적인 CTA에는 다음이 포함됩니다.

  • eBook, 가이드 또는 쿠폰 코드 다운로드
  • 이메일 뉴스레터 신청
  • 무료 평가판 시작
  • 더 알아보기
  • 장바구니에 담기
  • 무료 상담 받기

CTA는 밑줄이 그어진 텍스트, 아이콘, 이미지 등 다양한 형태를 취하지만 일반적으로 버튼이 가장 일반적입니다.

모양과 문자를 묘사하는 몇 가지 다채로운 버튼

CTA의 중요성

CTA는 방문자를 고객으로 전환하는 기본 단계입니다. 브랜드 성공의 문지기입니다. 따라서 자체 디자인 규칙을 요구합니다. 사소한 변경이 전환에 큰 영향을 미칠 가능성이 있으므로 이 변경을 올바르게 수행하는 것이 중요합니다.

매우 효과적인 CTA를 설계하는 10가지 모범 사례는 다음과 같습니다.

1. 색상

CTA 버튼의 색상은 가장 중요한 디자인 선택 중 하나입니다. 페이지의 다른 요소보다 눈에 띄도록 시각적으로 눈에 띄어야 합니다.

어떤 색상이 CTA에 가장 적합한지에 대해 많은 논쟁이 있습니다. 사실 단일 색상이 마법의 변환 지팡이는 아닙니다. 청중과 사이트의 색 구성표를 포함하여 여러 가지 요소에 따라 달라집니다.

그러나 시각적 계층 구조는 중요하므로 선택한 색상이 페이지의 다른 모든 것보다 눈에 띄어야 합니다. 이러한 이유로 대비되는 색상이 사용됩니다.

사이트의 나머지 부분과 대조되지만 전체 디자인과 잘 어울리는 생생한 색상을 선택하십시오.

freshbooks 웹사이트 CTA 스크린샷(2개의 양식 상자와 "무료로 사용해 보기"라는 녹색 버튼 포함)

2. 숨쉴 공간을 주세요

주변에 공간이 많거나 어수선하고 어수선한 곳으로 둘러싸인 멋지고 깨끗한 책상에서 가장 잘 일하십니까? 대부분의 사람들에게 깨끗한 책상은 정신이 맑아지고 집중력을 유지할 수 있는 능력과 같습니다.

CTA에도 동일하게 적용됩니다. 주변에 부정적인 공간의 건강한 덩어리를 포함하면 필수적인 호흡 공간이 생성되고 인터페이스의 다른 요소와 분리됩니다. 가장 중요한 버튼 주변에 방해 요소를 적게 포함할수록 전환 가능성이 높아집니다.

3. 행동 지향적인 텍스트

"자세한 정보를 보려면 입력하세요"와 같은 따분하고 지루한 문구는 잊어버리고 무엇을 하든 사람들이 "제출"할 것이라고 기대하지 마십시오. 독자가 특정 행동을 취하도록 독려하려면 "다운로드", "시도", "가입" 또는 "시작"과 같은 설득력 있고 행동 지향적인 언어를 사용하여 사람들이 다음에 해야 할 일을 명확하게 알 수 있도록 하십시오. .

텍스트는 2단어에서 7단어로 간단해야 하지만 방문자가 행동을 따랐을 때 받게 될 내용을 정확하게 전달해야 합니다. 영리하거나 혼란스러운 단어를 실험하는 곳이 아닙니다.

연구에 따르면 메시지가 개인적일수록 더 성공적일 수 있습니다. "계정 만들기"를 "내 계정 만들기"로 변경하거나 "30일 무료 평가판 시작"을 "30일 무료 평가판 시작"으로 변경하면 클릭률을 최대 90%까지 높일 수 있습니다.

4. 가치 제안 추가

독자가 특정 행동을 하도록 유도하는 것 외에도 텍스트는 독자가 클릭할 때 받게 될 이점을 전달해야 합니다. 무엇이 그들에게 도움이 되는지 명확하지 않다면 그들은 당신의 지시를 따를 이유가 거의 없습니다.

Copyblogger에서 이에 대한 좋은 예를 볼 수 있습니다.

copyblogger 웹사이트 CTA 스크린샷. "무료 교육 받기"라는 녹색 버튼 위에 "검증된 마케팅 교육에 무료로 즉시 액세스"가 표시됩니다.

Copyblogger는 텍스트에 "무료"라는 단어를 포함하는데 이는 매우 설득력 있는 단어입니다. "보너스" 또는 "즉시"는 유사한 효과를 가집니다.

5. 긴박감 조성

감정은 구매를 할 때 훌륭한 동인입니다. 리드 세대에게 좋은 감정 중 하나는 호기심이며 누군가의 호기심을 자극하는 좋은 방법은 긴박함과 부족함을 불러일으키는 것입니다.

시간 제한 제안을 하고 이를 무료 전자책이나 특정 기간 내에 가입할 경우 할인과 같은 혜택과 결합하면 사람들이 아직 할 수 있는 동안 제안을 요청하도록 동기를 부여할 수 있습니다. FOMO(놓치는 것에 대한 두려움)는 행동을 취하도록 하는 강력한 동기가 될 수 있습니다. "지금"이라는 단어를 사용해도 미묘한 긴박감을 전달할 수 있습니다.

6. 배치

CTA의 배치는 뜨거운 주제입니다. 전통적으로 스크롤 없이 볼 수 있는 부분이 이상적인 위치로 여겨졌기 때문에 사람들이 페이지를 방문할 때 놓칠 수 없는 위치입니다.

그러나 항상 그런 것은 아닙니다. 점원이 제품의 이점을 설명하기 전에 "지금 구매"라는 말을 하는 상점에 있다면 구매를 포기할 가능성이 높습니다.

Neil Patel은 사람들이 일반적으로 가입하기 전에 제안에 대해 더 알고 싶어한다는 사실을 발견했습니다. 그의 연구에 따르면 CTA를 스크롤 없이 볼 수 있는 부분 위에 배치했을 때 전환율이 17% 감소했습니다. 제품이 복잡하고 사람들이 약속을 하기 전에 더 많은 것을 알아야 하는 경우 특히 그렇습니다.

하루가 끝나면 귀하의 제안이 충분히 설득력이 있다면 사람들은 CTA를 찾을 것입니다. 그들이 준비되기 전에 강요하지 마십시오. 긴 형식의 판매 페이지가 있는 경우 페이지 아래에 CTA 몇 개를 배치하는 것이 좋습니다. 사람들이 준비되는 즉시 전환할 수 있는 기회를 제공하기 때문입니다.

효과적인 CTA를 위해 키보드에 손으로 타이핑

7. 특수 효과

[twitter_link]CTA 버튼 디자인과 관련하여 바퀴를 재발명하지 마세요.[/twitter_link] 버튼은 버튼처럼 보여야 사람들이 클릭할 수 있다는 것을 알 수 있습니다.

버튼의 크기는 적당해야 합니다. 한 눈에 눈에 띄도록 충분히 커야 하지만 콘텐츠의 나머지 부분을 차지할 정도로 크지 않아야 합니다. 버튼의 모양은 성공에 영향을 미칠 수 있습니다. 모서리가 둥글면 보기가 더 편하고 음영, 3D 효과, 미묘한 그라데이션 및 화살표와 같은 특수 효과를 사용하거나 PayPal 또는 카드 로고를 포함하여 평화를 더할 수 있습니다. 정신.

위압적이지 않고 크고 대담한 것 사이의 올바른 균형을 찾는 것이 효과적인 CTA의 핵심입니다. 본질적으로 버튼이 더 눈에 띄면 사람들이 클릭할 가능성이 높아집니다.

8. 옵션 축소

너무 많은 옵션을 제공하면 방문자의 결정 마비로 이어질 수 있으며, 이로 인해 방문자가 사이트를 클릭하게 될 수 있습니다. 가능하면 하나의 옵션을 고수하는 것이 가장 좋습니다.

두 개 이상의 옵션을 포함해야 하는 경우 항상 가장 중요한 옵션에 더 많은 시각적 가중치를 부여하십시오. 이렇게 하려면 스타벅스가 여기에서 한 것처럼 덜 중요한 옵션에 낮은 대비 색상을 지정하거나 투명하게 만듭니다.

두 가지 옵션이 있는 스타벅스 웹사이트 CTA 스크린샷. 검정색 배경에 금색 "지금 가입" 및 검정색 "로그인"

경우에 따라 두 가지 옵션을 포함하면 사람들이 프로세스를 더 잘 제어할 수 있는 것처럼 느끼게 되어 전환 가능성이 높아집니다. 첫 번째 옵션을 강화하는 두 번째 옵션을 포함할 수 있습니다. 예를 들어 "예, 무료 eBook을 보내주세요." 및 "아니요. 지금은 괜찮습니다. 나중에 가능할 수도 있습니다."

그러나 나는 사람들이 두 번째 버튼의 텍스트에 의해 특정 결정을 내리는 것을 거의 부끄러워하는 예를 보았습니다. 이것은 일부 사람들이 행동을 취하도록 유도할 수 있지만, 당신은 더 많은 사람들을 짜증나게 할 가능성이 있으므로 이 기술을 간단하고 신중하게 사용하십시오.

9. 설득력 있는 메시지로 지원

CTA 버튼 주위에 보충 텍스트를 추가하면 주저하는 잠재 고객이 뛰어들도록 설득하는 데 도움이 될 수 있습니다. 이것은 CTA가 사람들에게 무료 평가판에 가입하도록 권장하는 경우에 특히 유용합니다.

설득력 있는 메시지에는 "위험 없음", "약속 없음", "신용 카드 필요 없음" 또는 "환불 보장"과 같은 보증이 포함될 수 있습니다. 만족한 고객의 평가 또는 개인 정보 보호 약속을 포함할 수도 있습니다.

Netflix는 "한 달 동안 무료로 가입하기" CTA 전에 "언제든지 취소"할 수 있는 고객의 능력을 다룹니다.

넷플릭스 웹사이트 CAT 스크린샷

10. 테스트, 테스트, 테스트

CTA를 만들고 이 모든 유용한 팁을 구현했다고 해서 작업이 끝난 것은 아닙니다! CTA가 원하는 효과를 내고 있는지 확인해야 합니다.

A/B 테스트를 수행하여 색상, 메시지, 제안, 디자인 및 배치의 변화가 전환율에 어떤 영향을 미치는지 확인하십시오. 올바른 조합을 찾을 때까지 실험해 보십시오. 때로는 작고 쉬운 변경이 큰 차이를 만들 수 있습니다. 그리고 CTA가 계속 효과적인지 정기적으로 확인하는 것을 잊지 마십시오.

온라인 카피에서 CTA를 현명하게 사용하고 있습니까? 효과적인 CTA를 설계하기 위한 팁과 요령은 무엇입니까? 아래 의견에 알려주십시오.