보고 지나칠 수 없는 20가지 강력한 CTA(콜투액션) 예시와 버튼


보고 지나칠 수 없는 20가지 강력한 CTA 콜투액션 예시

마케터와 비즈니스 소유주가 웹사이트를 제작할 때, 대상 고객들이 콘텐츠를 반드시 클릭하도록 설득할 수 있는 강력한 콜투액션(CTA)을 사용해야 한다는 충고를 받곤 합니다. 강력한 CTA는 사람들이 구매하거나, 구독, 예약 등 비즈니스 목표에 걸맞는 행동을 취하도록 유도하는 기능을 합니다.


효과적인 CTA를 작성하고 설계하는 것이 어려울 때도 있습니다. 한편, CTA가 눈에 띄면서도 너무 상업적이지 않고, 필사적으로 보이지 않는 CTA를 원하실 텐데요. 웹사이트 방문자들에게 반복적으로 얘기하지 않아도 구매, 등록 또는 가입하도록 유도하기 위해 사용할 수 있는 단어는 아주 많습니다. 오늘은 성공적인 CTA 사례들을 살펴보며 나만의 CTA를 어떻게 제작하면 좋을지 알아보도록 할 텐데요. 먼저 저희가 제일 좋아하는 CTA 예시들을 소개하고, 모범 CTA 버튼 작성 방법을 정리하여 알려드리겠습니다.

콜투액션(CTA)이 무엇인가요?

콜투액션(CTA)은 내 웹사이트, 랜딩페이지, 이메일 또는 광고에서 고객으로 하여금 원하는 작업을 수행하도록 유도하는 짧은 문구를 말합니다. 주로 클릭할 수 있는 버튼 형태의 텍스트, 이미지 등으로 되어 있으며, 내가 사용자로 하여금 원하는 작업을 수행하도록 다음 단계로 안내하는 역할을 합니다. 하지만, 콜투액션(CTA)는 링크 없이 일반 텍스트로만 이루어져 있기도 합니다. 훌륭한 CTA를 구현하는 것은 전환, 판매 및 잠재 고객 확보의 노력에 큰 영향을 미칠 수 있기 때문에 비즈니스를 성장시키기 위한 필수 조건입니다.

콜투액션(CTA) 제작 팁

몇몇의 콜투액션(CTA) 예시를 살펴보기 전에 좋은 CTA란 무엇인지부터 정의해보도록 하겠습니다. 좋은 CTA의 정의가 무엇인지 알고 나서 해당 글 아래의 우수 CTA 예시들을 살펴보면 왜 이러한 예시들을 우수한 CTA로 선택했는지 잘 이해할 수 있으며, 훌륭한 CTA를 제작하는 데 더 큰 도움이 될 것입니다. 다음의 CTA 팁을 사용하면 클릭율을 높이는 데 도움이 됩니다.


  • 동작 단어를 사용한다: 긴박감을 형성하여 사람들이 행동을 취하도록 유도하는 가장 좋은 방법은 콘텐츠에 동작 단어를 사용하는 것입니다. 동작 동사를 사용한 일반적인 CTA는 이렇습니다. 구매, 장바구니에 추가, 주문, 체험, 시작, 가입, 다운로드, 더 알아보기, 위로 올리기, 계속, 더 보기.


  • 1인칭으로 작성한다: 1인칭으로 작성하면 독자의 관심을 끌어 즉시 반응하도록 유도할 수 있습니다.


  • 짧고 단순하게 작성한다: CTA에 사용할 단어 수와 웹페이지 또는 광고에서 사용할 콜투액션(CTA) 개수를 신중하게 선택하세요. 텍스트를 간결하게 유지해야 전달해야 할 중요한 메시지가 덜 중요한 정보들 사이에서 가려지는 일이 없기 때문에 눈에 띌 수 있습니다.


  • 고객의 필요를 이해한다: 만약 여러분이 사용자가 무엇을 필요로 하며 무엇을 할 준비가 되었을지 예상할 수 있다면, 클릭을 하는 선택을 유도하는 데 가장 큰 영향을 미칠 수 있을 것입니다. 사용자가 현실적으로 ‘지금 구매’할 준비가 되었나요? 아니면 일단 자세한 정보를 ‘다운로드’할 준비가 되었을까요? 여러분은 가장 관련성이 큰 정보를 사용자에게 적시에 노출시킴으로써 전환율 및 클릭율이 얼마나 증가되는지 확인해야 합니다.


  • CTA를 찾기 쉽게 만든다: 색상, 크기를 대조되게 하고, CTA 버튼을 전략적으로 설계함으로써 전환율을 높이는 최고의 사용자 경험을 구축할 수 있습니다. 참고로 Wix의 웹사이트 템플릿랜딩페이지 템플릿에는 원하는 대로 편집할 수 있는 CTA 버튼이 내장되어 있습니다. 이러한 템플릿들은 사용자의 관심을 끌기 쉽도록 페이지 레이아웃에 전략적으로 배치되어 제작되었습니다. 게다가, 배경과 대비가 잘 되는 최적의 크기와 시각적인 색상으로 디자인되었습니다.



콜투액션이 잘 보이도록 디자인된 웹사이트의 예시



우수한 콜투액션(CTA) 예시


  1. Wix.com

  2. 슬랙

  3. Box

  4. 도미노피자

  5. 국제구조위원회

  6. Carissa Potter

  7. The Chef and the Dish

  8. Modcloth

  9. 파타고니아

  10. Saint-Isadore

  11. Greek Sandals

  12. SoundCloud

  13. Amazon Music

  14. Booking.com

  15. 마이리얼트립

  16. Tableau

  17. Balloon

  18. Lyft

  19. Asana

  20. Chipotle

웹사이트 콜투액션(CTA) 예시와 버튼



01. Wix.com

CTA: 전문적인 웹사이트 만들기


사용자에게 처음으로 웹사이트를 제작하길 권유할 때, 비즈니스 웹사이트, 온라인 포트폴리오, 무료 블로그 또는 온라인 포트폴리오 등 성공적인 미래를 구축할 수 있는 기회를 제공하여 나 자신을 위해 멋진 일을 시작하는 세계로 사용자를 초대합니다. 이것이 바로 윅스 홈페이지에 있는 CTA가 영감을 주는 방식입니다. 또한, 행동을 유도하기 위해 감정을 활용하고 있습니다. ‘시작하기’라는 보조 CTA 버튼은 사용자를 잠재 고객으로 전환하고 Wix 계정을 개설하도록 동기를 부여하는 역할을 합니다.



Wix 웹사이트 랜딩페이지 콜투액션 예시


02. 슬랙

CTA: 최고의 팀워크는 Digital HQ에서 시작됩니다

Slack 콜투액션(CTA)은 인력, 도구 및 소통이 슬랙이라는 한 곳에서 집중되어 이루어지게 도와주는 플랫폼의 장점을 어필하고 있습니다. '최고'라는 단어를 사용해 성공적인 팀워크에 영향을 끼칠 구매 결정을 지금 내리도록 동기를 부여하고 있습니다. 또한 모바일과 데스크톱에서 보여지는 플랫폼의 예시를 오른쪽에 배치에 사람들의 이해를 쉽게 도와줍니다.


Slack의 홈페이지에는 플랜 가격이나 기타 제품 등의 자세한 정보를 제공하는 내비게이션 메뉴도 있습니다. 하지만, 여기서 주목해야 할 것은 ‘영업팀과 대화하기’'무료 체험' 버튼과 같은 추가 CTA들입니다. 이러한 간단한 웹디자인은 사이트 방문자들이 고객 여정대로 나아가게 만듭니다.



슬랙 홈페이지 콜투액션 예시


03. Box


CTA: 문의하기

Box는 병원, 대학, 기업과 같은 대규모 단체에 클라우드 스토리지 서버를 제공하는 기업인데요. Box에서는 이러한 유형의 단체들이 제품에 더 전념할 수 있도록 고객들 간에 개인적인 연결을 구축할 수 있어야 한다는 것을 알고 있습니다. 이것이 바로 ‘문의하기’ CTA 버튼이 Box 웹사이트에서 두드러지게 나타나는 이유입니다. 이러한 솔루션은 SaaS 환경에서 복잡한 단계를 거치지 않고 문의를 할 수 있는 옵션이 얼마나 중요한지 설명하는 확실한 콜투액션(CTA) 예시라고 할 수 있습니다.



Box 랜딩페이지의 콜투액션 예시


04. 도미노피자


CTA: 배달 주문/포장 주문/퀵오더


때로는 하나의 CTA로는 모든 고객을 사로잡을 수 없습니다. 그래서 Domino’s에서는 피자를 배달 주문, 포장 주문, 퀵오더라는 세 가지 옵션으로 나뉘는 방문자를 모두 사로잡을 방법을 찾았습니다. 이러한 두 가지 CTA의 훌륭한 점은 언어가 명확하고 동작을 유도하여 방문자가 구매를 진행하도록 만듭니다. 대부분의 콜투액션(CTA) 예시는 거의 항상 동사로 작성되어 있지만, 세 가지 옵션 중 하나를 선택하도록 할 때에는 굳이 동사로 작성하지 않아도 됩니다.



도미노피자 홈페이지 콜투액션 예시


05. 국제구조위원회


CTA: 후원하기


단순함과 창의성이 만나면 잘못될 일이 거의 없습니다. 국제구조위원회의 웹사이트는 ‘후원하기’라는 단어를 매우 간단하게 사용합니다. 이 텍스트의 배경에 있는 검정색과 노란색의 대담한 보색 조합은 강력한 메시지를 담고 있습니다. 게다가 작은 하트 아이콘을 더하여 베풂과 돌봄의 아름다움을 상기시킵니다. 이러한 ‘후원하기’ 콜투액션(CTA) 예시는 도덕적 의무감을 불러일으킵니다.



국제구조위원회 웹사이트 CTA 예시


06. Carissa Potter

CTA: 제출하기(submit)

일러스트레이터들은 이메일 서비스를 제공하는 일이 많지 않은데요. 하지만 Carissa Potter에서 이메일 뉴스레터를 등록하면 손으로 직접 그린 봉투의 유쾌한 삽화와 더불어 사랑과 때로는 사랑과 관련된 짧은 문구를 더해 제공합니다. Potter는 개인적인 연결을 만들고 독특한 CTA 형태를 통해 자신의 진정한 목소리를 공유할 수 있습니다. 저희는 Potter의 프로젝트를 보기 위해 그녀의 Wix 웹사이트를 방문하는 많은 사람들이 진심 어린 메시지가 담긴 뉴스레터를 구독하고 좋아할 것이라고 확신합니다.



카리사포터의 콜투액션 문구: 제출하기


07. The Chef and the Dish

CTA: 나만의 쿠킹 클래스 예약(Book Your Private Cooking Class)


요리 사이트를 이용해 본 적이 있다면 많은 사이트가 가장 최근에 게시된 블로그 게시물을 우선으로 하는 레이아웃을 선택한다는 것을 아실 것입니다. 이것이 결코 잘못된 방식은 아니지만 게시한지 오래된 레시피나 요리 강의를 찾기가 번거로워지는데요. 이것이 바로 저희가 The Chef and the Dish의 Wix 웹사이트와 콜투액션(CTA) 예시를 좋아하는 이유입니다. 해당 사이트에서는 ‘나만의 쿠킹 클래스 예약’ 옵션을 홈페이지 가운데에서 주된 요소로 강조하고 있습니다.


또한, The Chef and the Dish 사이트에는 요리 유형에 따라 맞춤화 한 CTA 버튼을 더했습니다. 이렇듯 맞춤화 하여 명확하게 이름을 정한 디자인은 사이트 방문자들로 하여금 관심 있는 종류의 음식을 쉽게 찾도록 하고, 즉시 다음 단계로 이동할 수 있게 해줍니다.



요리 웹사이트의 콜투액션 문구: 나만의 쿠킹 클래스 예약


온라인 쇼핑몰 콜투액션(CTA) 예시


08. Modcloth


CTA: 할로윈 의상 둘러보기(Shop Halloween)


온라인 쇼핑몰로서 ModCloth는 시즌 변화에 대응하면서도 브랜드의 개성을 보여주는 메시지를 활용하여 개인화를 통해 더 많은 매출을 올릴 수 있다는 것을 알고 있습니다. 그래서 ModCloth 홈페이지는 CTA를 항상 시즌에 맞게 최신으로 유지하고 있습니다. 예를 들어, 현재 할로윈을 앞두고 있기에 ‘할로윈 의상 둘러보기’ 코너가 생긴 것을 확인할 수 있습니다. 게다가 친근한 문구도 더했습니다. ‘할로윈이 코앞에 다가왔어도 불안할 필요가 없습니다! 그리고 우리는 영화계의 비명의 여왕에서 영감을 받은 무시무시한 컬렉션을 준비하고 있습니다.’ 이런 장난스러운 문구는 결코 평범하지 않지요. 연휴 또는 큰 행사를 위한 CTA를 제작할 방법이 있다면, 고객들에게 신선하면서도 이벤트와 관련된 CTA를 보여줄 추가적인 단계를 밟으세요.



매드클로스 쇼핑몰의 콜투액션 문구: 핼러윈 의상 둘러보기


09. 파타고니아

CTA: Act Now(행동하기)


파타고니아에서는 내비게이션 메뉴에 있는 긴 링크 목록을 검색할 필요가 없습니다. 대신 아웃도어 의류 쇼핑몰은 쇼핑, 액티비즘, 스포츠, 스토리 등 고객에게 가장 중요한 카테고리로 바로 안내합니다. 이는 쇼핑객들이 원하는 도착지에 바로 갈 수 있도록 하는 효율적인 방법이죠.


파타고니아 홈페이지의 액티비즘 페이지에서는 ‘Act Now’라고 적힌 큰 CTA를 활용하여 환경적인 노력을 강조하며, 방문자들이 수많은 비영리 단체와 함께 자원봉사에 등록하도록 유도하고 있습니다. 이러한 콜투액션(CTA) 예시는 일종의 말장난이라고 할 수 있는데요. 방문자가 파타고니아 사이트에서 행동으로 함으로써 지역 단체를 위해 행동하는 것이 되기도 하기 때문입니다.





파타고니아 페이지 Act Now 콜투액션 버튼


10. Saint-Isadore

CTA: 쇼핑 하기 (Shop Online)

Saint-Isadore의 Wix 웹사이트에는 두 개의 CTA 버튼이 있습니다. 하나는 ‘온라인 쇼핑’이라고 적혀 있고 검은색 테두리로 둘러싸여 있고, 다른 하나는 ‘모든 제품 살펴보기’라고 적힌 분홍색의 클래식 버튼입니다. 이러한 두 가지 콜투액션(CTA) 모두 클릭하면 동일한 페이지로 이동합니다. 이는 더 많은 클릭 수를 유도하기 위해 넓은 네트워크를 구축하는 일반적이고 효과적인 CTA 기술입니다.

여러 가지 이유로 방문객들은 ‘온라인 쇼핑’ 버튼을 클릭할 수도 있고 혹은 ‘모든 제품 살펴보기’ 버튼을 클릭하고 싶을 수도 있습니다. 여기서 중요한 것은 Saint-Isadore가 단순히 동일한 버튼을 반복해서 사용하지 않았다는 것입니다. 텍스트 내용과 디자인을 모두 약간씩 변형하여 독특하지만 관련성을 유지한 버튼을 제작했습니다.



세인트 이사도어의 콜투액션 문구: 온라인 쇼핑


11. Greek Sandals

CTA: 컬렉션 발견하기 (Discover the collection)

Wix 사용자인 Greek Sandals의 웹사이트 전반에서 휴가 및 여름 분위기가 느껴지는데요. 해변을 배경으로 하는 제품 이미지들을 통해 사이트 방문자들은 마치 여행을 하는 듯한 느낌을 받게 됩니다. Greek Sandals는 ‘컬렉션 발견하기’라는 텍스트를 통해 미학과 Greek Sandals에서 추구하는 CTA 언어를 연결했습니다. ‘발견하기’라는 단어는 여행 중에 새로운 장소를 찾는 것을 뜻하는 단어이기 때문에 선택되었다고 생각합니다.



그맄 샌달 쇼핑몰의 콜투액션 문구: 컬렉션 발견하기

Facebook 광고 콜투액션(CTA) 예시



12. SoundCloud

CTA: 재생 횟수만큼 수익을 얻으세요(Get Paid For Your Plays)


음악 스트리밍 기업인 SoundCloud는 Facebook 광고 문구를 통해 ‘우리의 귀에 대고 음악을 말합니다’. SoundCloud는 재생 횟수를 높여서 수익을 얻고 싶다는 고객이 이루고자 하는 바를 정확하게 알고 있기 때문에 요점만을 담은 메시지를 전달하고 있습니다.



사운드클라우드의 콜투액션 문구: 재생 횟수만큼 수익을 얻으세요

Instagram 광고 콜투액션(CTA) 예시


13. Amazon Music

CTA: 혜택 받기(Get Offer)

Disney+ 6개월 무료 체험은 정말 마법처럼 들리는데요. 하지만 이러한 ‘Disney의 꿈’을 이루기 위해서는 신속하게 행동해야 합니다. Amazon은 ‘기간 한정’이라는 문구를 더하여서 사람들이 당장 특별 혜택을 받기 위해 행동하도록 유도합니다. Amazon은 이 모든 것을 최종적으로 짧고 달콤한 CTA인 ‘혜택 받기’에 담아냈습니다.



아마존뮤직 콜투액션 문구: 혜택 받기


Google 검색 광고 콜투액션(CTA) 예시


14. Booking.com

CTA: 인기 호텔 비교

호텔 웹사이트인 Booking.com은 대상 고객이 호텔을 예약할 때 무엇을 원하는지 잘 알고 있습니다. 해당 웹사이트의 검색광고는 ‘인기 호텔 비교’라는 텍스트와 함께 작은 글씨로 ‘무료 취소 옵션으로 예약 할인가로 즉시 예약’이라고 쓰여 있어 신뢰와 준비성을 보여줍니다.





15. 마이리얼트립

CTA: 성수기에도 저렴하게!

마이리얼트립은 항공권의 가격이 오르는 성수기에도 저렴한 가격의 티켓을 살 수 있다는 메시지를 전단하면서 고객의 눈길을 사로잡는 콜투액션을 구글 검색 광고에 나타냅니다. '할인'이라는 단어를 사용함으로서 고객들이 원하는 것이 무엇인지 정확하게 파악하고 있습니다.



구글 검색 광고 콜투액션 예시


디스플레이 광고 콜투액션(CTA) 예시


16. Tableau

CTA: 백서를 받아보세요(Get the whitepaper)

스프레드시트를 주로 사용하는 사람들은 고급 제품 및 서비스를 좋아하는 틈새 시장의 대상 고객 중 일부인데요. Tableau는 이 부분을 매우 잘 포착하여 ‘스프레드시트가 할 수 없는 5가지’라는 문구를 사용하기로 선택했습니다. CTA는 잠재 고객이 Tableau 제품의 모든 가능성을 상상하게 해줍니다. 긴장감을 조성하고, Tableau가 사람들의 삶을 더 편하게 해줄 수 있음을 암시하며 ‘백서를 받아보세요’라는 CTA로 마무리합니다. 광고에 단어나 이미지가 많지 않음에도 불구하고 강하게 클릭을 유도하는 메시지를 담고 있습니다.



타블로의 콜투액션 문구: 백서를 받아보세요

팝업 콜투액션(CTA) 예시


17. Balloon

CTA: 내가 좋아할 만한 상영작에 대한 알림을 받으려면 가입하세요

Balloon의 Wix 웹사이트는 단편 영화를 홍보하고 다가올 상영작에 대한 정보를 제공합니다. Balloon의 ‘지금 시청하기’ CTA 버튼은 영화 속 인물 중 한 명의 입을 가리기 위해 의도적으로 배치한 것으로 영화 줄거리에 대한 강력한 메시지를 전달합니다. 또한, Balloon 웹사이트에는 하단에 창이 뜨는 팝업 CTA 예시를 확인할 수 있습니다.


이러한 라이트박스 팝업은 이메일을 수집하여 사용자에게 상영작을 알립니다. 팝업은 페이지의 하단에 있기 때문에 웹사이트 디자인과 방문자의 시야를 침해하지도 않습니다. 양식 작성기의 도움으로 필수 입력란을 원하는 대로 수정(및 제한)함으로써 제출율을 높였습니다.



벌룬의 콜투액션 문구: 내가 좋아할 만한 상영작에 대한 알림을 받으려면 가입하세요

이메일 콜투액션(CTA) 예시


18. Lyft

CTA: 탑승하고 할인 받기(Ride and Save)

승차 공유 앱인 Lyft는 이메일 마케팅 캠페인을 통해 간결함과 달콤함을 유지합니다. Lyft는 간단한 광고 문구가 브랜드 메시지를 효과적으로 전달하는 것을 도우며 ‘탑승하고 할인 받기’ CTA 예시가 페이지를 더 살펴보도록 한다는 것을 증명합니다. 심지어 3D 시각 효과를 낼 수 있는 그림자도 적용했습니다. 또한, Lyft는 1인칭을 사용하여 독자들에게 ‘여러분을 위한 것’ 및 ‘아끼지 말고 쓰세요’와 같은 문구들을 직접적으로 이야기합니다.



리프트의 콜투액션 문구: 탑승하고 할인 받기

19. Asana

CTA: 지금 등록하기(Register Now)


Asana는 프로젝트를 체계화하여 추적할 수 있는 워크플로우 솔루션입니다. Asana의 마케팅 이메일은 번아웃이 왔거나 반항하는 직원들에게 동기부여하는 것을 도울 수 있음을 즉시 나타냅니다. 직원의 이러한 문제점을 언급한 후 다가오는 온라인 행사에서 공유할 솔루션을 제시합니다. 게다가 방문자들이 컨퍼런스에서 무엇을 배울 수 있을지 살짝 공개하며 ‘지금 등록’할 것을 요청합니다. 우리는 모두 바쁜 전문가들이기 때문에 다음 행사를 위해 사람들이 시간을 낼 수 있도록 유도해보세요.

아사나의 콜투액션 문구: 지금 등록하기

20. Chipotle

CTA: 내 과카몰리 받기(Get My Guac)

세계 아보카도의 날에 Chipotle Mexican Grill은 고객들이 무료 과카몰리를 받을 수 있는 기회를 제공합니다. 무미건조하거나 평범한 어조 대신에 멕시코계 미국 패스트푸드 체인은 CTA를 통해 특별한 날을 즐겁게 느끼도록 만들었습니다. 진정한 브랜드 목소리를 가진 Chipotle은 사람들의 관심을 끌고, 제공하는 과카몰리를 받기 위해 행동을 취하도록 유도합니다. 장난스럽게 말을 거는 CTA를 제작하는 방법도 고려해보세요. 고객들과 소통하기 위해 줄임말을 사용하거나 은어를 사용할 수도 있을 것입니다.



치포틀의 콜투액션 문구 : 내 과카몰리 받기





By 조윤정

SEO & 블로그 전문가

홈페이지 만들기