클릭하지 않을 수 없는 50가지 클릭 유도문안 예시

게시 됨: 2022-03-24


당신의 인생에서 당신이 등록한 모든 시간을 생각해 보십시오. Evernote를 다운로드한 적이 있습니까? 드롭 박스? 스포티 파이? 총회에 대한 수업을 들었을 수도 있습니다.

이러한 각각의 가입은 효과적인 클릭 유도문안(CTA)의 결과일 가능성이 큽니다.

생각해 보세요. CTA의 카피나 디자인에 매료되지 않았거나 가입 과정에서 그렇게 설득력 있게 안내되지 않았다면 지금보다 훨씬 적은 수의 앱과 웹사이트를 사용했을 것입니다.

전략적 CTA를 사용하여 구매 여정을 통해 방문자를 안내하는 것은 정말 중요합니다.

지금 다운로드: 28개의 무료 CTA 템플릿

마케팅에서 CTA는 무엇입니까?

마케터로서 CTA는 청중이 마케팅 캠페인에 대한 조치를 취하도록 장려하기 때문에 관련이 있습니다.

궁극적으로 모든 마케팅 캠페인의 목표는 청중을 구매자의 여정으로 안내하여 결국 구매하도록 하는 것입니다.

그러나 각 마케팅 캠페인은 잠재고객의 여정을 안내하는 데 사용할 수 있는 몇 가지 전술이 있기 때문에 잠재고객이 수행해야 하는 작업이 다를 수 있습니다.

다음은 마케팅에 사용할 수 있는 CTA 버튼 카피 유형의 몇 가지 예입니다.

일반적인 CTA 유형을 표시하는 차트 위의 유형의 CTA는 모두 지정된 용도로 사용되지만 사용하는 언어는 다를 수 있습니다. 그리고 오늘날 모든 마케터들은 비즈니스가 의존하는 리드를 생성하기 위해 클릭 유도문안을 창의적으로 활용하고 있습니다.

효과적인 것과 그렇지 않은 것을 식별하는 데 도움을 주기 위해 완전히 흔들리는 CTA의 예를 나열했습니다. 이러한 클릭 유도문안의 예는 세 가지 범주로 나뉩니다.

  • 간단하고 효과적인 CTA
  • 훌륭한 클릭 유도문안이 포함된 CTA
  • 한 페이지에서 여러 버튼의 균형을 유지하는 CTA

2022년 최고의 클릭 유도문안 사례

1. 허브스팟

2022년 최고의 클릭 유도문안: HubSpot 이미지 소스

HubSpot 사용의 장점 중 하나는 제공하는 풍부한 무료 리소스입니다. 마케팅 인텔리전스를 논의하는 기사에서 볼 수 있는 이 슬라이드인 CTA는 잘 배치된 CTA가 사용자 경험을 개선할 수 있는 방법을 보여줍니다.

눈에 거슬리지 않고 기사 중간에 나타나 독자에게 "지금 다운로드"하도록 유도할 뿐만 아니라 유용하고 무료 리소스를 제공합니다. 마케팅 키트는 어디서부터 시작해야 할지 모르는 사람들을 위해 즉시 사용 가능한 솔루션을 제공합니다.

이 CTA가 작동하는 이유

이 슬라이드인 CTA는 해당 기사의 주제와 직접적으로 관련된 무료 리소스를 제공합니다. 독자는 기사를 마친 다음 템플릿이 포함된 가이드를 다운로드하여 자신만의 마케팅 키트를 만들 수 있습니다. (블로그 게시물에 슬라이드인 CTA를 추가하는 방법을 알아보려면 여기를 클릭하십시오.)

2. 버젯니스타

2022년 최고의 클릭 유도문안: Budgetnista 이미지 소스

개인 금융 교육자이자 작가인 Tiffany Aliche가 운영하는 The Budgetnista는 개인 금융을 위한 원스톱 상점입니다. 청중을 즐겁게 하는 콘텐츠를 제공할 뿐만 아니라 매력적인 CTA를 만드는 데도 전문가입니다.

그녀는 뉴스레터를 홍보하기 위해 단순히 CTA에 가입하는 대신 독자가 클릭하도록 유도하는 언어를 사용합니다. “주간 상품 등록”이 “내 뉴스레터 등록”보다 훨씬 더 흥미롭게 들립니다. 누가 주간 상품을 원하지 않습니까?

이 CTA가 작동하는 이유

친근하고 창의적인 언어 사용은 방문자가 원하는 행동을 하도록 장려합니다. 그것은 또한 Aliche의 성격을 반영하는데, 이는 좋은 터치이며 상호 작용을 개인화하는 데 도움이 됩니다.

3. 글로시에

2022년 최고의 클릭 유도문안: Glossier 이미지 소스

뷰티 브랜드 글로시에(Glossier)는 마케팅 이미지를 낮추고 다양한 피부를 가진 여성들의 리얼한 이미지를 선보였다. 누가 그들의 소년 눈썹 캠페인을 잊을 수 있겠습니까? 그들의 웹 사이트는 모델과 메이크업의 사진을 돋보이게 만드는 많은 공백으로 깨끗합니다.

CTA는 사이트를 아래로 스크롤하기 시작할 때 표시되는 오버레이입니다. 많은 사람들이 팝업을 빠르게 클릭하지만 Glossier가 선택한 언어는 계속 머물고 싶게 만듭니다. "받은 편지함으로 가져갑시다"는 사람들에게 뉴스레터에 등록하도록 요청하는 영리한 방법입니다. 가입하려는 경우 "가입"을 클릭하기만 하면 완료됩니다.

이 CTA가 작동하는 이유

Budgetnista와 마찬가지로 Glossier는 브랜드를 보다 친근하게 만들고 사람들이 행동을 취하도록 유도하는 영리한 문구를 사용합니다. 화려한 메이크업을 한 모델의 이미지와 포함된 일러스트레이션도 이 CTA를 매력적으로 만드는 데 도움이 됩니다.

4. 310 크리에이티브

최고의 클릭 유도문안 예시 2022: 310 크리에이티브 이미지 소스

성장 에이전시이자 HubSpot 파트너인 310 Creative는 B2B 기업이 매출 증대를 위한 구매자 여정을 확장하고 개선하는 데 도움이 되는 것을 목표로 합니다. 사이트 방문자가 자신에게 필요한 특정 서비스가 무엇인지 잘 모를 수 있다는 사실을 알고 있는 310 Creative는 혼란을 제거하는 CTA를 사용합니다.

슬라이드인 CTA는 방문자가 무료 평가를 예약하여 비즈니스가 부족한 부분을 명확하게 파악하고 이러한 결과가 발생하는 이유를 찾을 수 있도록 합니다.

이 CTA가 작동하는 이유

이 CTA는 서비스가 무료임을 명시적으로 명시하여 장벽을 제거할 뿐만 아니라 방문자에 대한 공감을 보여줍니다. 문제를 설명하고 "이것이 친숙하게 들리면 이야기해 봅시다."는 310 Creative가 사용자의 불만을 돕고 이해하기 위해 여기 있음을 보여줍니다.

5. 전성기

2022년 최고의 클릭 유도문안: HeyDay 이미지 소스

Heyday는 안면 업계에서 약간의 반항아입니다. 미니멀하고 군더더기 없는 접근 방식으로 인해 소란과 상향 판매 없이 에스테티션을 만나고 싶어하는 사람들 사이에서 인기를 얻고 있습니다.

그 미니멀하지만 친근한 접근 방식은 CTA에서도 나타납니다. 빛나는 피부를 가진 일부 모델을 잘 활용하는 이 CTA는 시청자가 할인된 가격으로 뉴스레터에 가입하도록 유도합니다. "가입 및 저장" 버튼은 설득력 있고 유머러스한 "아니요, 저는 정가 스킨케어를 선호합니다" 하이퍼링크를 선택 해제합니다.

이 CTA가 작동하는 이유

Heyday는 방문자가 원하는 행동을 하도록 격려하기 위해 아름다운 미학, 할인 및 유머를 사용했습니다.

6. VRBO

2022년 최고의 클릭 유도문안: VRBO 이미지 소스

여가 시간에 아름다운 별장을 둘러보고 싶다면 VRBO가 좋은 곳입니다. 이 브랜드는 열망적인 미학과 화려한 로케일을 잘 활용합니다.

VRBO의 흰색 배경에 짙은 파란색 CTA가 나타나 독자를 끌어들입니다. 그런 다음 "당신의 탈출을 발견하세요" 버튼은 휴가용 주택 임대에 관심이 있는 사람들에게 모험을 더해줍니다.

이 CTA가 작동하는 이유

VRBO는 색상과 표현을 잘 활용합니다. 휴가가 아니라 신뢰할 수 있는 가이드가 될 수 있는 모험입니다.

7. 훌루

2022년 최고의 클릭 유도문안: Hulu 이미지 소스

스트리밍 대기업 Hulu는 이 CTA로 극적인 접근 방식을 취했습니다. 희미한 배경은 모든 TV 및 영화 제공을 보여주고 CTA의 녹색 및 흰색 텍스트는 프로모션에 대한 관심을 끕니다.

가입과 상향 판매가 하나로 되어 사용자에게 Disney+ 및 ESPN+로 추가 할인 혜택을 받을 수 있음을 알립니다.

이 CTA가 작동하는 이유

이 CTA는 번들과 거래를 하고 있다는 인상으로 방문자를 유인합니다. 가입 버튼이 있는 대신 "디즈니 번들을 구입하세요." 방문자가 행동을 취하도록 하는 가치 제공에 중점을 둡니다.

8. 히자 데 투 마드레

2022년 최고의 클릭 유도문안: Hija de tu Madre

이미지 소스

의류 회사 Hija De Tu Madre는 젊음과 신선함을 발산하는 깨끗한 분홍색과 흰색의 배색으로 신선함을 유지합니다. 그들의 CTA를 매력적으로 만드는 대부분은 스페인어와 영어를 혼합한 영리한 단어 유희로 타겟 청중에게 경의를 표합니다.

2022년 최고의 클릭 유도문안: Hija de tu Madre 이미지 소스

그들은 청중에게 전화를 걸었기 때문에 Hija De Tu Madre는 그들의 비전에서 더 많은 정보를 추출할 수 있습니다. 이메일을 요청하는 CTA(첫 번째 이미지) 대신 두 번째 CTA에 휴대전화 요청을 도입했습니다. 사람들이 자신의 숫자를 넘겨주도록 설득하는 방법은 무엇입니까? 상품, 특히 인기 있는 데님 재킷을 얻을 수 있는 기회를 제공합니다.

이 CTA가 작동하는 이유

방문자가 개인 정보에 대한 대가로 가치 있다고 생각하는 것을 제공하면 사람들이 더 많은 정보를 공유할 가능성이 높아집니다. 핵심은 청중을 알고 그들의 관심사를 활용하는 것입니다.

9. 양모와 갱

2022년 최고의 클릭 유도문안: Wool and the Gang 이미지 소스

Wool and the Gang의 이 CTA는 내부를 흐릿하게 만들 것입니다. Wool and Gang 의상을 입은 고객의 콜라주 배경과 귀여운 강아지가 독자를 끌어들이고 브랜드 청중과 잘 어울립니다.

CTA 버튼에는 "니트를 공유하십시오 #woolandthegang"이 표시되어 고객이 Wool and the Gang 제품을 사용하여 만든 것을 공유하도록 장려하여 브랜드 홍보와 고객 참여 모두를 제공합니다.

이 CTA가 작동하는 이유

이 CTA는 방문자의 관심을 끌 뿐만 아니라 공동체 의식을 조성하고 방문자가 참여하도록 유도합니다. 이 특정 CTA는 소셜 미디어를 통해 더 많은 고객이 키트를 공유함에 따라 브랜드 프로모션으로도 두 배가 됩니다.

10. 스튜디오를 비틀다

2022년 최고의 클릭 유도문안: Tweak It Studio 이미지 소스

가정 장식 및 디자인 회사인 Tweak It Studio는 재미있지만 명확한 CTA의 중요성을 보여줍니다.

그들은 방문자의 관심을 끌기 위해 큰 굵은 글씨로 "Just Dropped"로 독자들에게 제공되는 신제품에 대해 알린 다음 품목이 정확히 무엇인지 명시하는 CTA 버튼과 결합합니다(이 경우 "맞춤형 목재 이름"). 단순히 "지금 구매"라고 표시된 버튼을 갖는 것보다 훨씬 더 효과적입니다.

이 CTA가 작동하는 이유

이 CTA는 방문자가 상점에서 새 항목을 확인하도록 하기 위해 "방금 떨어졌다"라는 긴급성을 사용하고 방문자가 클릭 후 다음으로 이동하는 버튼에서 명확하게 전달합니다.

더 많은 CTA 디자인 영감을 원하십니까? 아래에서 우리가 가장 좋아하는 클릭 유도문안을 확인하십시오.

1. HubSpot CTA [무료 템플릿]

HubSpot 행동 유도 템플릿

더 나은 CTA를 구축하는 데 도움이 되는 영감을 찾고 계십니까? 전문적으로 디자인된 CTA 템플릿을 사용하여 콘텐츠에서 더 많은 클릭, 제출 및 리드를 생성하십시오.

2. 에버노트

CTA: 가입

CTA 예시: Evernote

이미지 소스

"모든 것을 기억하십시오." 방문자는 이 페이지를 방문하는 순간 그 메시지를 즉시 이해할 수 있습니다. Evernote 웹사이트의 디자인은 사용자가 앱 사용의 빠른 이점과 실제로 사용하기 위해 등록하는 방법을 매우 간단하게 볼 수 있도록 합니다. 또한 기본 및 보조 CTA 버튼의 녹색은 헤드라인 및 Evernote 로고와 동일한 녹색으로, 모두 페이지에서 튀어나옵니다.

이 CTA를 복제하는 방법

웹 페이지의 요소와 잘 대조되는 밝은 색상을 사용하여 CTA를 눈에 띄게 만드는 것을 고려하십시오.

3. 드롭박스

CTA: 무료 가입

CTA example: Dropbox

이미지 소스

Dropbox는 항상 여백이 많은 심플한 디자인을 채택했습니다. 홈페이지의 그래픽도 미묘하고 단순합니다.

심플한 디자인과 네거티브 공간 덕분에 파란색 "무료 가입" 클릭 유도문안 버튼이 페이지의 다른 모든 버튼과 차별화됩니다. CTA와 Dropbox 로고가 같은 색상이므로 방문자가 이 CTA를 "Dropbox에 가입하세요"로 해석하기 쉽습니다. 효과적인 클릭 유도문안 중 하나입니다.

이 CTA를 복제하는 방법

음수 공간은 올바르게 사용하면 유리하게 작용할 수 있습니다. 대담한 브랜드 색상을 사용하여 CTA를 돋보이게 하여 이점을 활용하십시오.

4. 오피스바이브

CTA: 구독

CTA example: OfficeVibe

이미지 소스

다음은 OfficeVibe에서 내 관심을 끈 슬라이드인 클릭 유도문안입니다. 블로그의 게시물을 스크롤하는 동안 블로그 구독을 위한 클릭 유도문안과 함께 배너가 페이지 하단에서 미끄러져 들어왔습니다. 가장 좋은 부분? 슬라이드 인에 있는 카피는 내가 더 나은 관리자가 되는 방법에 대한 팁을 얻을 것이라고 말했고, 그것이 나타난 게시물은 더 나은 관리자가 되는 방법에 대한 게시물이었습니다. 다시 말해, 그 제안은 내가 이미 관심이 있었던 것이었습니다.

또한 내 동료인 Rachel Sprung이 "모든 것을 중지하고 여기를 클릭하고 팝업 CTA"라고 부르는 것과는 대조적으로 눈에 잘 띄지 않는 슬라이드 인 CTA가 마음에 듭니다. 이 CTA는 더 많은 정보를 제공하면서도 블로그 게시물을 계속 읽을 수 있기 때문에 더 사랑스러운 경험을 제공합니다.

이 CTA를 복제하는 방법

HubSpot의 마케팅 도구를 사용하여 나만의 슬라이드인 CTA를 만들 수 있습니다. 템플릿을 사용하여 CTA를 디자인한 후 HubSpot 계정을 만드십시오. HubSpot 계정에서 마케팅 > 리드 캡처 > CTA로 이동하고 여기에서 CTA 지침을 따르세요.

5. 넷플릭스

CTA: 한 달 동안 무료 가입

CTA 예시: 넷플릭스

이미지 소스

사용자가 무언가에 가입하기 전에 한 가지 큰 두려움이 있습니까? 그들이 마음에 들지 않으면 구독을 취소하는 것은 고통스러울 것입니다. Netflix는 "한 달 동안 무료로 가입" CTA 바로 위에 있는 "언제든지 취소" 문구로 두려움을 없앴습니다. 나는 그 확신만으로도 가입이 증가했다고 추측할 수 있습니다. 또한 여기에서 기본 및 보조 CTA의 빨간색이 Netflix 로고 색상과 일치함을 다시 한 번 알 수 있습니다.

이 CTA를 복제하는 방법

색상의 뚜렷한 대비로 방문자의 관심을 끌 수 있을 뿐만 아니라 클릭을 유도하는 언어를 CTA에 사용할 수 있습니다. 잠재 고객에 대한 위험을 제거하는 "무료 체험" 또는 CTA에서 이와 유사한 것을 사용하는 것을 고려하십시오.

6. 광장

CTA: 시작하기

CTA Example: Square

이미지 소스

효과적인 CTA 디자인을 달성하려면 버튼 자체보다 더 많은 것을 고려해야 합니다. 배경색, 주변 이미지 및 주변 텍스트와 같은 요소를 고려하는 것도 매우 중요합니다.

이러한 추가 디자인 구성 요소를 염두에 두고 Square의 사람들은 마우스를 가리키고 있는 "시작하기" CTA가 클릭을 기다리는 단일 이미지를 사용하여 제품 사용의 단순성을 보여주었습니다. 자세히 보면 이미지의 신용카드 색상과 CTA 버튼의 색상이 일치하여 시청자가 클릭했을 때 예상할 수 있는 점을 연결하는 데 도움이 됩니다.

이 CTA를 복제하는 방법

이 이미지와 같은 유사한 톤을 조정하거나 Dropbox의 예와 같은 브랜드 색상을 사용하여 방문자가 점을 연결하는 데 색상을 사용할 수 있습니다.

7. 프레지

CTA: Prezi를 사용해 보세요

CTA 예시: 프레지

이미지 소스

Prezi의 사람들은 또한 웹사이트의 미니멀리스트 디자인 룩에 빠져 있습니다. 녹색 공룡과 짙은 갈색 커피를 제외하고 주로 흑백 디자인과 함께 제공되는 유일한 다른 색상은 메인 로고의 동일한 파란색인 밝은 파란색입니다. 밝은 파란색은 홈페이지에 전략적으로 배치되어 있습니다. 메인 "Prezi 사용하기" CTA와 보조 "시작하기" CTA, 둘 다 사용자를 동일한 가격 책정 페이지로 안내합니다.

이 CTA를 복제하는 방법

이 페이지는 최소한의 색상 구성표를 사용했지만 방문자를 동일한 방문 페이지로 안내하는 동일한 색상 버튼으로 두 개의 CTA를 통합했습니다. 페이지에 깔끔하고 미니멀한 디자인이 있는 경우 방문자를 끌어들이기 위해 텍스트가 다른 두 개의 CTA를 시도하는 것이 좋습니다.

8. 전체 번들

CTA: 우리의 작업

CTA Example: Full Bundle

이미지 소스

Full Bundle은 네거티브 공간을 사용하여 기본 CTA를 팝하게 만드는 또 다른 회사입니다. 흰색 "Our Work" 클릭 유도문안은 배경의 어두운 회색과 대조되어 눈에 띕니다. CTA의 선택도 전략적입니다. 그들이 주로 고객의 온라인 인지도를 구축하기 위해 존재한다는 점을 감안할 때, 고객이 자신의 작업을 선보이는 것이 중요하며, 이것이 대부분의 사람들이 웹사이트를 방문하는 이유입니다.

이 CTA를 복제하는 방법

Full Bundle의 그레이 톤과 같은 네거티브 공간을 창의적으로 활용하세요. 보시다시피 다양한 회색 음영이 삼각형을 만들고 흰색 CTA가 아래쪽에서 튀어나오게 하는 미묘한 디자인 요소를 추가합니다.

9. 판테라

CTA: 가입

CTA 예: Panthera

이미지 소스

Panthera의 사람들은 전 세계의 야생 고양이를 진심으로 아끼고 같은 마음을 가진 사람들의 그룹에 합류하기를 원하는 사용자를 찾고 있습니다. 특히 그러한 사람들을 대상으로 하기 위해 우리는 그들이 고양이를 좋아하는 사람들에게 말할 수 있는 언어를 사용하는 것을 좋아합니다. "오늘 자부심에 동참하세요." 페이지 자체는 매우 간단합니다. 두 개의 간단한 필드가 있는 온페이지 양식과 사람들에게 (다시) "가입"을 요청하는 버튼이 있습니다.

이 CTA를 복제하는 방법

CTA에서 고객의 관심을 끌 수 있는 브랜드와 관련된 언어를 사용하여 타겟 고객과의 관계를 구축하십시오.

10. 서사시

CTA: 새 프로젝트를 함께 시작합시다.

CTA 예: EPIC

이미지 소스

에이전시 EPIC의 사람들은 주로 자신의 작업을 소개하기 위해 홈페이지를 사용합니다. 페이지에 도착하면 회전 목마에서 회전하는 클라이언트를 위해 수행한 작업 중 일부를 보여주는 애니메이션 비디오가 표시됩니다. 고객의 웹사이트를 포함하여 사용자가 사이트에서 클릭할 수 있는 다른 위치가 많이 있지만 주요 클릭 유도문안은 눈에 띄고 항상 백그라운드에서 재생되는 비디오와 대조됩니다.

친근하고 포괄적인 언어("함께 새 프로젝트를 시작합시다")가 특징인 점이 마음에 듭니다. 이 언어는 특히 함께 일하기 좋은 팀인 창의적인 파트너를 찾는 사용자에게 힌트를 줍니다.

이 CTA를 복제하는 방법

초대하는 언어를 사용하십시오. "가입하세요"라는 버튼을 만드는 것은 쉽지만 그다지 설득력이 없습니다. "함께 일합시다"와 같이 더 친근한 것을 고려하거나 제공하는 서비스에 특정한 것을 고려하십시오.

11. 아쿠아프레소

CTA: 지금 특별 광고를 보내주세요!

CTA 예: 아쿠아프레소

이미지 소스

클릭 유도문안의 핵심은 사이트 방문자를 원하는 행동 과정으로 안내하는 것이며 최고의 CTA는 방문자에게 도움이 되는 방식으로 그렇게 합니다. 커피 회사 Aquaspresso의 사람들은 메인 블로그 페이지의 팝업 CTA를 사용하여 여기에서 그 균형을 정말 잘 잡았습니다.

여기에서 원하는 행동 과정은 블로그 독자가 실제로 무엇을 판매하고 있는지 확인하는 것입니다. 사람들에게 "가장 인기 있는 제품을 확인하십시오!" 또는 매우 직접적인 것. 그러나 우리는 그 대신 그들이 한 일을 좋아합니다. 그들의 CTA는 블로그 독자에게 훨씬 더 유용하고 미묘한 것을 제공합니다. 독자의 이메일 주소를 대가로 "오늘의 특별 행사"를 제안합니다.

스페셜이 오늘만을 위한 것이라고 덧붙인 것은 희소성이라는 심리적 전술의 좋은 예이며, 이는 우리가 희소하다고 생각하는 것에 더 많은 가치를 부여하게 합니다. 오늘의 스페셜이 내일의 스페셜보다 낫다는 두려움은 사람들로 하여금 그것을 채우고 가능한 한 제안을 요구하게 만들 수 있습니다.

이 CTA를 복제하는 방법

위의 클릭 유도문안은 HubSpot의 템플릿을 사용하여 생성되었습니다. CTA에서 희소성을 사용하여 웹사이트 방문자에게 긴박감을 도입하는 것을 고려하십시오. "기간 한정 제안" 또는 "오늘의 거래 받기"와 같은 문구를 사용하여 방문자가 원하는 조치를 취하도록 동기를 부여할 수 있습니다.

12. 퀵스프라우트

CTA: SEO를 잘못하고 있습니까? URL을 입력하여 알아보세요

CTA Example: QuickSprout

이미지 소스

아무도 틀리고 싶어하지 않습니다. 이것이 블로그에 있는 QuickSprout의 슬라이드인 CTA와 같은 클릭 유도문안 버튼이 클릭할 가치가 있는 이유입니다. 그것은 독자에게 "당신은 SEO를 잘못하고 있습니까?"라고 묻습니다. 글쎄, 내가? 내가 해야 할 일은 내 URL을 입력하는 것뿐입니다. 충분히 쉬워 보입니다. 방문자의 클릭을 유도할 수 있는 언어입니다.

또한 블로그 중간에 CTA 슬라이드를 사용하는 것은 독자가 페이지에서 이탈하기 전에 독자를 사로잡을 수 있는 훌륭한 전술입니다. 전통적으로 많은 블로그에는 각 블로그 게시물의 맨 아래에 CTA가 있지만 연구에 따르면 대부분의 독자는 기사의 60%만 이해합니다.

이 CTA를 복제하는 방법

방문자의 관심을 끌거나 그들이 겪고 있을 수 있는 문제점을 설명하는 언어를 CTA에 사용하십시오. 위의 경우는 SEO를 사용하지만 "리드 변환에 문제가 있습니까?"와 같은 것을 사용할 수 있습니다. 그런 다음 귀하의 서비스를 구제책으로 포지셔닝하십시오. (블로그 게시물에 슬라이드인 CTA를 추가하는 방법을 알아보려면 여기를 클릭하십시오.)

13. 회색 거위

CTA: 취향에 맞는 칵테일을 찾아보세요

CTA 예: 회색 거위

이미지 소스

다음은 사람들의 클릭을 유도할 수 있는 재미있고 독특한 클릭 유도문안입니다. 사이트 방문자는 홈페이지에서 제품 페이지나 보도 자료로 연결될 것으로 예상했을 수 있지만 CTA는 "당신의 취향에 맞는 칵테일을 발견하십시오"라는 유쾌한 질문입니다. 사람들은 개인화를 좋아하고 이 CTA는 매력적인 게임처럼 느껴집니다. 사본 옆에 있는 재생 버튼 아이콘은 방문자가 클릭할 때 예상되는 내용을 더 잘 알 수 있도록 비디오로 이동한다는 힌트를 제공합니다.

이 CTA를 복제하는 방법

개인화는 방문자와의 연결을 구축하는 데 놀라운 일입니다. 귀하가 제공하는 제품 또는 서비스를 기반으로 방문자에게 개인화된 경험을 제안하는 CTA 구현을 고려하십시오. 예를 들어, "예산에 맞는 계획 살펴보기" 또는 "귀하의 브랜드에 맞는 디자인 선택"이라고 말할 수 있습니다.

14. 트리하우스

CTA: 무료 평가판 신청

CTA Example: Treehouse

이미지 소스

많은 회사 웹 사이트에서 사용자에게 무료 평가판을 시작할 수 있는 기회를 제공합니다. 그러나 Treehouse 웹사이트의 CTA는 "무료 평가판 시작"이라고만 말하지 않습니다. "무료 평가판 신청"이라고 표시됩니다.

표현의 차이가 미묘해 보일 수 있지만 " 무료 평가판 청구"가 얼마나 개인적인 것인지 생각해 보십시오. 또한 "클레임"이라는 단어는 오랫동안 사용하지 못할 수 있음을 암시하므로 사용자에게 가능한 한 무료 평가판을 받아야 하는 긴박감을 줍니다.

이 CTA를 복제하는 방법

서비스에 대한 무료 평가판을 제공하는 경우 "무료 평가판"이라는 버튼을 사용하는 대신 "무료 평가판 시작"을 사용하여 경험을 개인화하십시오.

15. OK큐피드

CTA: 계속

CTA example: OKCupid

이미지 소스

OKCupid의 CTA는 얼핏 보기에는 그렇게 인상적이지는 않지만, 그 빛은 작은 디테일에 있습니다.

밝은 녹색이고 진한 파란색 배경에 잘 보이는 클릭 유도문안 버튼은 "계속"이라고 말합니다. 이 용어의 단순성은 가입 절차가 짧고 캐주얼하다는 희망을 줍니다. 나에게 이 CTA는 지루한 양식을 작성하거나 나를 긴장시킬 수 있는 무언가에 전념하기보다 재미있는 게임을 하는 것처럼 느껴집니다. 그리고 그것은 모두 복사 때문입니다.

이 CTA를 복제하는 방법

사람들은 게임을 즐기므로 제품이나 서비스에 효과가 있으면 CTA를 게임화하여 관심을 불러일으킵니다.

16. Blogging.org

CTA: 카운트다운 시계

CTA example: Blogging.org

이미지 소스

누군가가 조치를 취하고 싶게 만드는 똑딱거리는 타이머만큼 좋은 것은 없습니다. blogging.org의 홈페이지에서 짧은 시간을 보낸 후 새로운 방문자는 2분부터 카운트다운하는 타이머와 함께 "기간 한정 제안"이 포함된 팝업 CTA로 인사를 나눕니다.

#10에 있는 Aquaspresso의 예와 마찬가지로 이것은 희소성이라는 심리적 전술의 고전적인 사용으로, 우리가 희소하다고 생각하는 것에 더 많은 가치를 할당하게 합니다. 누군가가 양식을 작성해야 하는 시간을 제한하면 사람들이 양식을 작성하고 가능한 한 제안을 요청하고 싶어합니다.

시간이 다 되면 어떻게 되는지 궁금합니다. 저도 그랬습니다. 흥미롭게도 아무 일도 일어나지 않습니다. 타이머가 0이 되면 팝업 CTA가 페이지에 남아 있습니다.

이 CTA를 복제하는 방법

Aquaespresso와 유사하게 희소성을 사용하여 사이트 방문자에게 조치를 취해야 하는 긴급성을 제공하는 것을 고려하십시오.

17. IMPACT 브랜딩 및 디자인

CTA: 우리가 하는 일

CTA 예: 영향

이미지 소스

CTA는 잘못된 언어를 사용하면 정말 강압적이고 성급하게 느껴질 수 있습니다(예, 그 단어는...). 저는 IMPACT의 교육적 접근 방식이 마음에 듭니다. 방문자가 추가 조치를 취하기 전에 회사가 무엇을 하는지 배우도록 하는 것입니다. 이 클릭 유도문안은 행동 동사를 사용하지 않지만 여전히 사람들이 클릭하도록 유도하기 때문에 저에게 특히 흥미로웠습니다.

이 CTA를 복제하는 방법

방문자가 귀하가 하는 일을 보도록 설득하는 CTA의 언어를 사용하여 귀하의 비즈니스에 대해 더 많이 배우도록 유도하십시오. "지난 프로젝트 보기", "우리가 하는 일" 또는 "작업 보기"와 같은 것을 사용합니다.

18. 유머

CTA: 실행(누르지 않음)

CTA Example: Huemor

이미지 소스

웹사이트에 가서 "Do Not Press"라는 문구와 함께 "Launch" CTA를 본다면... 어떻게 하시겠습니까 ? 솔직히 말해서, 당신은 그것을 누르기 위해 죽을 것입니다. 여기에서 무해한 역 심리를 사용하는 것은 장난스럽고 Huemor의 브랜드 보이스와 매우 일치합니다.

이 CTA를 복제하는 방법

귀하의 브랜드가 더 재미있거나 창의적인 산업에 있다면 Huemor의 예와 같은 게임화 또는 역심리학을 사용하여 CTA에서 이점을 사용할 수 있습니다.

19. 브룩스 러닝

CTA: 언제 더 있는지 알아보십시오.

CTA 예: Brooks 러닝화 제품 가용성

이미지 소스

좋아하는 제품을 열심히 찾다가 품절된 제품을 몇 번이나 봤습니까? 글쎄요, 아시다시피 판매자에게도 소풍이 아닙니다. 그러나 항목이 다 떨어졌다고 해서 홍보를 중단해야 하는 것은 아닙니다.

Brooks Running은 고객이 좋아하는 신발의 재고가 없다는 이유로 웹사이트에서 이탈하지 않도록 현명한 클릭 유도문안을 사용합니다. 위의 스크린샷에서 Brooks가 CTA와 함께 멋진 신발을 내세우는 것을 볼 수 있습니다. 이 버튼이 나쁜 소식을 고객을 유지할 수 있는 기회로 바꾸는 방법을 좋아합니다. 그것이 없었다면 Brooks의 고객들은 신발을 잊어버리고 다른 곳으로 눈을 돌렸을 것입니다.

아래에 표시된 파란색 CTA 버튼을 클릭하면 Brooks가 회사에 문자 메시지를 보낼 수 있는 간단한 코드가 있는 페이지로 안내합니다. 이 코드는 원하는 신발을 다시 구할 수 있을 때 방문자에게 자동으로 경고하도록 Brooks에 프롬프트를 표시합니다.

이 CTA를 복제하는 방법

전자 상거래 비즈니스의 경우 고객을 해당 항목의 재고가 없다는 페이지로 보내는 것은 고객의 관심을 끌 수 있으며 반송될 수 있습니다. "재입고 시 알림" 또는 "추가 품목이 있을 때 확인"과 같은 CTA를 추가하여 참여를 유지하고 이메일 정보를 얻으십시오.

20. 훔볼트 카운티

CTA: 마법을 따르십시오

CTA example: Humboldt County

이미지 소스

훔볼트 카운티의 웹사이트는 그 자체로 화려합니다. 놀랍도록 아름다운 장면의 전체 화면 비디오로 여러분을 맞이합니다. 그러나 내가 정말 좋아하는 것은 하단 중앙에 배치된 독특한 클릭 유도문안 버튼으로, 토끼 아이콘과 "Follow the Magic"이라는 단어가 특징입니다.

마치 동화 속으로 들어가는 듯한 착각이 들게 하여 영상의 환상적인 느낌을 더해줍니다.

뿐만 아니라 해당 CTA를 클릭하면 웹사이트가 일종의 직접 선택하는 모험 게임으로 바뀝니다. 이 게임은 사용자를 위한 재미있는 클릭 유도문안 경로이며 사이트에서 더 많은 시간을 보내도록 권장합니다.

CTA example: Humboldt County adventure

이미지 소스

이 CTA를 복제하는 방법

여행 회사와 크리에이티브 회사에 적합하며 Humbolt의 독자를 유인하는 것과 같은 CTA입니다. 브랜드에 크리에이티브의 여지가 있다면 사용하십시오. "다음 모험 찾기" 또는 "여행 계획 세우기"와 같은 문구를 사용해 볼 수 있습니다.

21. 우버

CTA: 운전 등록 | Uber와 함께 라이딩 시작하기

CTA 예시: Uber

이미지 소스

Uber는 웹사이트에 등록할 두 가지 매우 다른 유형의 사람들, 즉 라이더와 드라이버를 찾고 있습니다. 두 페르소나는 완전히 다른 것을 찾고 있지만, 웹사이트는 Uber 라이더와 드라이버가 전 세계 여러 곳에서 즐거운 시간을 보내는 것을 보여주는 백그라운드에서 재생되는 큰 비디오와 정말 잘 연결되어 있습니다.

나는 상단에 있는 운전사 CTA 사본도 좋아합니다. "차를 운전하여 돈을 벌기"보다 훨씬 간단하지는 않습니다. 이제 그것은 사람들의 언어로 말하고 있습니다.

이 CTA를 복제하는 방법

두 가지 유형의 고객을 대상으로 합니까? Uber와 유사하게 각 페르소나에 대한 CTA를 생성할 수 있습니다.

22. 스포티파이

CTA: 프리미엄으로 이동 | 무료 플레이

CTA 예시: 스포티파이

이미지 소스

Spotify의 홈페이지에 도달하자마자 그들의 주요 목표는 프리미엄 계정에 기꺼이 비용을 지불할 의사가 있는 고객을 유치하는 것이지만 사용자가 무료로 가입하는 CTA는 매우 부차적입니다.

이것을 제공하는 것은 헤드라인만이 아닙니다. CTA 버튼의 색상이기도 합니다. "고 프리미엄(Go Premium)" CTA는 연두색으로 페이지에서 눈에 띄지 않고 "무료 플레이" CTA는 일반 흰색으로 페이지의 나머지 사본과 조화를 이룹니다. 이러한 대비를 통해 방문자는 프리미엄 CTA에 끌리게 됩니다.

이 CTA를 복제하는 방법

유료 버전과 무료 버전의 서비스를 모두 제공하는 경우 두 개의 개별 CTA를 사용하는 것을 고려하십시오.

23. 우그몽크

CTA: 쿠폰을 보내주세요 | 난 관심 없어

CTA example: Ugmonk

이미지 소스

이탈 의도 팝업이라고도 하는 이탈 CTA는 일반 팝업과 다릅니다. 그들은 사용자의 행동을 감지하고 사이트를 떠나려는 것처럼 보일 때만 나타납니다. 적시에 개입함으로써 이러한 팝업은 독자의 관심을 끌면서 머물 이유를 제공하는 환상적인 방법입니다.

Ugmonk는 사용자가 사이트를 떠나기 전에 최종적으로 두 가지 옵션을 제공하는 훌륭한 이탈 CTA를 제공합니다. 첫째, 그들은 제품에 대해 15% 할인을 제공한 다음 두 가지 옵션을 제공합니다. "예: 쿠폰을 보내주세요" 및 "아니요 감사: 관심 없습니다." 각 CTA가 "예"와 "아니요"가 실제로 무엇을 의미하는지 명확히 하는 것은 매우 도움이 됩니다. 또한 다른 웹사이트에서 본 것처럼 "아니요 감사합니다: 자연이 싫어요"와 같은 죄책감을 유발하는 언어를 사용하지 않은 점도 마음에 듭니다. 마지막으로 "Yes Please" 버튼이 다른 옵션보다 훨씬 밝고 매력적인 색상입니다.

이 CTA를 복제하는 방법

이탈 의도 CTA는 전자상거래에 매우 유용합니다. 방문자가 전환하도록 유도하기 위해 서비스 또는 기타 가치 있는 것에 대한 할인을 제공할 수 있습니다.

24. 핀터레스트

CTA: Facebook으로 계속하기 | 가입하기

CTA example: Pinterest signup call to action button

이미지 소스

Pinterest에 가입하고 싶으신가요? 두 가지 옵션이 있습니다. Facebook 또는 이메일을 통해 가입하세요. Facebook 계정이 있는 경우 Pinterest에서 먼저 계정을 생성하기를 원합니다. 내가 어떻게 알아? 미학적으로는 파란색 Facebook CTA가 먼저 표시되고 브랜드 로고와 색상으로 인해 훨씬 ​​더 눈에 띄고, 다채롭고, 알아볼 수 있기 때문에 압니다. 논리적으로, Facebook을 통해 로그인하면 Pinterest가 Facebook의 API 데이터를 가져와서 이메일 주소를 통해 로그인하는 것보다 더 많은 정보를 얻을 수 있기 때문에 압니다.

이 홈페이지는 새 회원을 유치하도록 최적화되어 있지만 오른쪽 상단에 Pinterest 계정이 있는 사람들이 로그인하기 위한 매우 미묘한 CTA를 볼 수 있습니다.

이 CTA를 복제하는 방법

사용자가 CTA에서 Facebook 또는 Google에 가입하도록 허용합니다. 이렇게 하면 방문자가 등록하는 시간을 절약할 수 있으며 방문자에 대한 추가 정보를 얻을 수 있습니다.

25. 메이드웰

CTA: 거기로 데려가 | 무엇 향후 계획?

CTA 예: Madewell

이미지 소스

Madewell(J.Crew 소유)은 항상 뛰어난 웹 사이트 디자인을 가지고 있어 일반적인 전자 상거래 웹 사이트가 될 수 있는 수준을 한 단계 끌어 올렸습니다. 홈페이지에서 CTA를 사용하는 것도 예외는 아닙니다.

페이지에 처음 도착하면 "찾고 있는 ..."이라는 제목과 함께 "어디서나 갈 수 있는 옷"과 같은 범주가 표시됩니다. 이 사본 아래에는 두 가지 옵션이 있습니다. "예, 거기로 데려다 주세요" 또는 "흠... 다음은 무엇입니까?" 사용자는 두 CTA 중에서 선택하여 여행에 좋은 옷을 찾거나 다음 유형의 옷으로 이동하여 다시 재생할 수 있습니다.

이 게임화는 찾고자 하는 위치에 대한 특정 아이디어 없이 사이트를 방문하는 사용자가 사이트를 더 흥미롭게 만들 수 있는 좋은 방법입니다.

이 CTA를 복제하는 방법

방문자가 사이트를 더 자세히 탐색하도록 설득하려면 CTA에서 게임화를 사용하십시오. 그들은 자신이 무엇을 찾고 있는지 또는 귀하의 회사가 어떻게 도움을 줄 수 있는지 구체적으로 알지 못할 수 있습니다. Creating fun prompts can help visitors find what they are looking for.

26. Instagram

CTA: Download on the App Store | Google Play에서 다운로드

CTA example: Instagram

이미지 소스

Since Instagram is a mainly mobile app, you'll see two black CTAs of equal size: one to download Instagram in Apple's App Store, and another to download it on Google Play. The reason these CTAs are of equal caliber is because it doesn't matter if someone downloads the app in the App Store or on Google Play … a download is a download, which is exactly what Instagram is optimizing for. If you already have Instagram, you can also click the CTA to “Log In” if you'd prefer that option, too.

How to Replicate this CTA

If you have an app, consider adding a CTA for each platform visitors can download it from. This remove friction and makes it easier for visitors to download your app without having to search.

27. Barkbox

CTA: Get Started | 선물을 주다

CTA example: Barkbox

이미지 소스

The two CTAs on Barkbox's homepage show that the team there knows their customers: While many people visiting their site are signing up for themselves, there are a lot of people out there who want to give Barkbox as a gift. To give those people an easy path to purchase, there are two, equally sized CTAs on the page: “Get Started” and “Give a Gift.”

As an added bonus, there's an adorable, pop-up call-to-action on the right-hand side of the screen prompting users to leave a message if they'd like. Click into it, and a small dialogue box pops up that reads, “Woof! I'm afraid our pack is not online. Please leave us a message and we'll bark at you as soon as pawsible.” Talk about delightful copy.

How to Replicate this CTA

Similar to Uber, you can use multiple CTAs to serve different audiences. Play with language and come up with phrases that work best for your brand voice.

28. tc pharma

CTA: Find out more | 제품 보기

CTA example: t.c. pharma

이미지 소스

Turns out Red Bull isn't its own parent company: It's owned by Thailand-based tc pharma, a company that makes popular energy drinks, electrolyte beverages, and functional drinks and snacks.

Its homepage features two call-to-action buttons of equal size: “Find out more” and “View products” — but it's clear by the bright yellow color of the first button that they'd rather direct folks to “Find out more.”

How to Replicate this CTA

Use color to persuade visitors to take a desired action. If you have a preferred button that you'd like people to click, make it the more prominent of the two.

29. General Assembly

CTA: View Full-Time Courses | 구독하다

CTA example: General Assembly

이미지 소스

As you scroll through the General Assembly website, you'll see CTAs for various courses you may or may not want to sign up for. I'd like to point your attention to the CTA that slides in from the bottom of the page as you're scrolling, though, which suggests that you subscribe to email updates.

Although this feels like a secondary CTA due to its location and manner, I actually think they try to sneak this in to become more of a primary CTA because it's so much more colorful and noticeable than the CTAs for individual classes.

How to Replicate this CTA

When you create your own CTAs, try using bolder colors — even ones that clash with your regular stylings — to see if it's effective at getting people's attention. (Click here for a tutorial on how to add slide-in CTAs to your webpages.)

30. charity: water

CTA: Give by Credit Card | Give by PayPal

CTA examples: Charity Water

이미지 소스

Charity: water's main goal is to get people to donate money for clean water — but they can't assume that everyone wants to pay the same way.

The CTAs featured on their homepage take a really unique approach to offering up different payment methods by pre-filling $60 into a single line form and including two equally important CTAs to pay via credit card or PayPal. Notice how both CTAs are the same size and design — this is because charity: water likely doesn't care how you donate, as long as you're donating.

How to Replicate this CTA

For payment CTAs, consider giving visitors options for how to pay. What matters most is that they make the purchase.

31. Hipmunk

CTA: Flights | Hotels | 자동차 | 패키지

CTA example: Hipmunk

이미지 소스

When you land on the Hipmunk site, your main option is to search flights. But notice there are four tabs you can flip through: flights, hotels, cars, and packages.

When you click into one of these options, the form changes so you can fill out more information. To be 100% sure you know what you're searching for, Hipmunk placed a bright orange CTA at the far right-hand side of the form. On this CTA, you'll see a recognizable icon of a plane next to the word “Search,” so you know for sure that you're searching for flights, not hotels. When you're on the hotels tab, that icon changes to a hotel icon. Same goes with cars and packages.

How to Replicate this CTA

Use icons to provide further explanation of your CTA to users.

32. MakeMyPersona

CTA: Grab the template! | 고맙지 만 사양 할게

CTA example: MakeMyPersona

이미지 소스

Here's another example of a great pop-up with multiple calls-to-action — except in this case, you'll notice the size, color, and design of the users' two options are very different from one another. In this case, the folks at MakeMyPersona are making the “Grab the template!” CTA much more attractive and clickable than the “No, I'm OK for now, thanks” CTA — which doesn't even look like a clickable button.

I also like how the “no” option uses polite language. I find brands that don't guilt-trip users who don't want to take action to be much, much more lovable.

How to Replicate this CTA

Being friendly shouldn't just be for getting visitors to take the desired action. Using friendly language is just as important in CTAs for those who would like to opt out. Consider using a phrase like “no thanks” or something similar to what MakeMyPersona used to keep it cordial even if customers aren't ready to make a purchase yet.

33. TeuxDeux

CTA: Get Started for Free | 무료로 사용해 보세요

CTA example: TeuxDeux

이미지 소스

Another example of simplistic design, TeuxDeux's main website features one phrase and two CTA buttons.

그게 다야

Using the company's colors, the background is just a splash of red and some black.

The CTA buttons stand out against the color and emphasize that you can try the product for free.

I like these CTAs because they show that the company understands its audience. Whenever I'm researching to-do list apps, I always want to try it before I buy it. It's something that people are very particular about and want to test-drive. TeuxDeux's CTAs shows that they understand this about their audience.

How to Replicate this CTA

Know your audience and allow them to test drive your service. Tap into their needs and interests and include them in a CTA to help them navigate to what they need faster, risk-free. It could be something like “get started for free,” “download templates for free,” or “try for free.”

34. Betabrand

CTA: Get involved

CTA example: Betabrand

이미지 소스

Betabrand is a clothing company that sells yoga/dress pants for women. Usually, clothing brands tend to use similar CTAs such as “Shop Now.”

However, Betabrand's homepage CTA is unique in that it involves the audience. Here, users can vote and impact the design of new products.

This is a fun way to get the audience involved and do something different.

이 CTA를 복제하는 방법

적절한 경우 투표 또는 설문조사 유형 CTA를 사용하여 방문자 참여를 권장합니다. 이는 고객이 의사 결정 과정에 기여하고 있기 때문에 브랜드에 대한 개인적인 관계를 발전시키는 데 도움이 됩니다.

35. 우화

CTA: 한정판

CTA 예: 패블틱스

이미지 소스

이 Fabletics CTA는 희소성 및 휴일과 같은 여러 마케팅 전술을 사용합니다.

브랜드는 홈페이지에서 명절(어머니날)과 연계한 리미티드 에디션 컬렉션을 공개한다.

또한 CTA는 밝은 색상을 사용하여 심플한 홈페이지에서 CTA가 눈에 띕니다.

이 CTA를 복제하는 방법

의미가 있을 때 CTA 유형을 결합합니다. 예를 들어, 그랜드 오프닝, 휴일 또는 신제품 출시를 축하하기 위해 제한된 시간만 프로모션과 함께 희소성을 사용할 수 있습니다.

36. 애슐리 스튜어트

CTA: 룩북 쇼핑하기

CTA 예: Ashley Stewart

이미지 소스

Ashley Stewart는 플러스 사이즈 여성을 위한 의류 브랜드입니다. 이 CTA에서 회사는 재미있는 디자인을 사용하여 웹사이트 방문자를 유인합니다. 이미지의 전체 콜라주는 비하인드 카메라 롤처럼 보이며 흥미롭습니다.

또한 CTA 사본은 요점에 직접 표시되어 탐색하려는 방문자에게 도움이 됩니다.

이 CTA를 복제하는 방법

때로는 짧고 달콤한 것이 가장 좋은 방법입니다. CTA를 사용하여 요점에 도달하고 방문자가 원하는 것을 얻을 수 있습니다. "이 룩 쇼핑" 또는 "지금 가이드 다운로드"와 같은 것을 사용할 수 있습니다.

37. 아마존 뮤직

CTA: 3개월 무료

CTA 예: Amazon Music

이미지 소스

이것은 우리가 하나의 CTA에서 이야기한 여러 요소의 좋은 예입니다.

아마존은 전략적으로 배치된 두 개의 CTA, 화려하지만 단순한 디자인을 사용하고 제품을 무료로 제공합니다.

이 CTA를 통해 Amazon은 사이트에서 판매용으로 나열된 다른 제품 대신 홈페이지에서 자체 제품 및 서비스 중 하나를 홍보하고 있습니다.

그들이 전하고 싶은 유일한 메시지는? 그들의 제품인 Amazon Music을 3개월 동안 무료로 사용해 볼 수 있습니다. 이 CTA는 단순한 디자인으로 그 목표를 달성합니다.

이 CTA를 복제하는 방법

무료 평가판을 제공합니까? 눈에 띄는 CTA를 사용하여 랜딩 페이지를 어지럽히는 불필요한 기능을 제거하여 알리십시오.

38. 반스와 노블

CTA: 지금 쇼핑하기

CTA 예: 반스와 노블

이미지 소스

Barnes and Noble은 간단한 CTA를 사용하여 방문자가 어머니날 연휴 동안 제한된 컬렉션을 쇼핑하도록 유도합니다.

랜딩 페이지 디자인이 회사 전체의 브랜딩과 너무 잘 어울려서 이 CTA가 마음에 듭니다.

또한 그래픽과 글꼴이 모두 흥미롭고 브랜드 메시지와 일치합니다.

이 CTA를 복제하는 방법

청중에게 어필하고 브랜드 보이스와 일치하는 응집력 있는 모양을 만드십시오. 서로를 보완하고 눈을 즐겁게 하는 글꼴과 색상을 사용하십시오. "지금 쇼핑" 또는 "지금 다운로드" 버튼으로 CTA를 간단하게 유지하세요.

39. 슬랙

CTA: 자세히 알아보기 | 문의하기

느슨한 예

이미지 소스

Slack은 홈페이지에 아름답고 단순한 디자인을 사용하여 방문자가 두 개의 CTA 버튼 중 하나를 클릭하도록 유도합니다.

Slack에는 두 명의 다른 청중을 위한 두 개의 CTA 버튼이 있기 때문에 이 예가 마음에 듭니다. 이제 막 연구를 시작했다면 "자세히 알아보기"를 클릭할 수 있습니다. 그러나 재방문자이고 영업 사원과 이야기하고 싶은 경우 "연락처"를 클릭할 수 있습니다.

이것은 홈페이지에서 CTA로 두 명의 잠재고객에게 서비스를 제공하는 좋은 예입니다.

이 CTA를 복제하는 방법

동일한 방문 페이지에서 별도의 CTA로 두 잠재고객에게 서비스를 제공합니다. 색상을 사용하여 두 버튼을 대조하거나 원하는 선택에 더 많은 관심을 끌 수 있도록 구분할 수 있습니다.

40. 닌텐도

CTA: 기능 비교

CTA 예: 닌텐도

이미지 소스

Nintendo의 웹사이트에서 회사는 방문자가 가질 수 있는 모든 질문에 답하는 데 중점을 두고 있습니다.

사실, 주요 CTA 중 하나는 "기능 비교"입니다. 이 CTA를 통해 Nintendo는 많은 방문자가 제품을 구매하기 전에 여전히 조사를 하고 있다는 것을 이해하기 때문에 가장 인기 있는 질문 중 하나에 답합니다.

이 CTA를 복제하는 방법

여러 가격 또는 기능 옵션이 있습니까? 사용자가 더 많은 정보에 입각한 결정을 내릴 수 있도록 자신의 선택을 비교하는 데 도움이 되는 CTA를 사용하는 것이 좋습니다.

나만의 CTA 만들기

당신은 그것을 가지고 있습니다. 이제 몇 가지 작은 CTA 조정이 얼마나 중요한지 알 수 있습니다. 위의 예에서 영감을 얻고 전환하는 CTA를 만드십시오.

전체 공개: 이 모든 것이 과학적으로 성공적인지 여부를 알 수 있는 데이터는 없지만 이러한 예는 모두 당사의 모범 사례를 따릅니다. 귀하의 사이트에서 이러한 CTA를 다시 만들기로 결정했다면, 청중에게 효과가 있는지 테스트하는 것을 잊지 마십시오.

편집자 주: 이 게시물은 원래 2014년 6월에 게시되었으며 포괄성을 위해 업데이트되었습니다.

새로운 클릭 유도문안