번거로움 없이 웹사이트 및 이메일 클릭 유도문안을 최적화하는 방법

게시 됨: 2019-09-26

마케팅에서 클릭 유도문안(CTA)은 두 가지 주요 목적을 제공합니다. 웹사이트나 이메일을 통해 사용자를 안내하고 원하는 행동을 완료하도록 동기를 부여합니다. 이 기사를 읽고 전 세계 다양한 브랜드의 웹사이트 및 이메일 클릭 유도문안 사례를 살펴보고 클릭 유도문안 디자인 및 카피를 개선하는 방법에 대한 유용한 정보를 알아보세요.

내용물
  1. 행동 촉구란 무엇입니까?
  2. 클릭 유도문안 카피 팁 및 요령
  3. 클릭 유도문안 디자인 팁
  4. 웹사이트 클릭 유도문안 모범 사례
  5. 이메일 클릭 유도문안 모범 사례

행동 촉구란 무엇입니까?

클릭 유도문안 또는 CTA는 "구매", "지금 주문", "등록" 등과 같은 광고에서 동기를 부여하거나 추진력이 있는 단어, 문장 또는 구입니다. 사용자가 지금 바로 여기에서 작업을 완료하도록 권장하며 종종 결과적으로 얻을 수 있는 이점을 가정합니다.

일반적으로 CTA는 버튼이나 하이퍼링크처럼 보입니다. 다음은 The Sill의 이메일 클릭 유도문안의 예입니다. 명확한 메시지가 있는 눈에 잘 띄는 녹색 버튼입니다.

email call to action example
The Sill의 이메일 클릭 유도문안 예시

이메일 발신자는 종종 하이퍼링크 텍스트 안에 클릭 유도문안을 배치합니다. 예를 들어 Modsy는 하이퍼링크를 사용하고 사용자의 관심을 끌기 위해 주황색으로 표시했습니다.

hyperlink cta example
Modsy에서 보낸 이메일의 하이퍼링크 CTA

클릭 유도문안 카피 팁 및 요령

위에서 언급했듯이 행동 유도는 사람들이 일종의 행동을 완료하도록 동기를 부여하기 위해 만들어집니다. 어떤 카피라이팅 기술이 귀하의 CTA를 이메일 및 웹사이트 사용자에게 영향을 미칠 만큼 충분히 효과적으로 만드는지 봅시다.

강력한 명령형 동사와 명확한 언어 사용

행동 유도 문구에 대한 동사를 선택할 때 원하는 행동(구매, 전화, 요청 등)에 초점을 맞추십시오. 사용하는 동사는 사용자에게 방향과 지침을 제공해야 합니다.

혼동을 피하기 위해 가능한 한 명확하고 간결하게 작성하십시오. 사람들은 CTA를 클릭한 후 정확히 어떤 일이 일어날지 이해하고 상상할 수 있어야 합니다. 사용자가 "가입"을 클릭하고 입력해야 할 필드가 무한한 상황을 피해야 합니다. 이 경우 "가입" 대신 "양식 채우기" 텍스트를 사용하고 직접 입력하는 것이 좋습니다.

다음은 명확한 클릭 유도문안 문구의 몇 가지 예입니다.

  • "Windows용 다운로드",
  • "30일 동안 무료로 사용해 보세요."
  • “클릭 한 번으로 가입하세요”
  • “모스크바 회의에 등록하세요.”
  • "구글 양식 작성"
  • “전자책을 사세요.”

BlogLovin이 웹사이트에서 클릭 유도문안을 사용하는 방법을 확인하십시오. "팔로잉할 블로그 찾기" CTA는 새 웹사이트 방문자라도 클릭 후 예상되는 내용을 이해할 수 있을 만큼 명확하게 들립니다.

clear call to action example
Bloglovin' 웹사이트의 클릭 유도문안 예시

가치에 집중

사용자에게 약간의 노력이 필요한 작업을 수행하도록 요청하는 경우 이 작업이 사용자에게 가져올 가치를 입증하는 것이 중요합니다. 예를 들어 세분화를 위해 잠재고객에 대한 데이터를 수집하고 양식을 작성하도록 요청하려는 경우 사용자 그 가치를 바로 보거나 경험할 수 없습니다. 따라서 이것이 왜 중요한지 설명하고 "잠시 시간을 내어 고객 경험을 개선하고 개인화할 수 있도록 이 질문에 답하십시오."와 같이 말하는 것이 좋습니다.

다음은 가치로 가득 찬 클릭 유도문안의 몇 가지 예입니다.

  • " 우리의 제안에 대해 가장 먼저 알 수 있도록 이메일 에 등록하십시오 !"
  • 개인 추천을 보려면 가입하세요.”
  • 여행 중에 필요한 모든 것을 잡기 위해 수하물 비용 지불 하십시오 !”

예를 들어 Rakuten은 사용자에게 친구에게 추가 현금을 추천하도록 요청하고 간단한 3단계로 메커니즘을 설명합니다. 클릭 유도문안을 완료하는 것 뒤에 숨겨진 물리적 가치에 중점을 둡니다.

explained value behind call to action
Rakuten 웹사이트의 클릭 유도문안 예시

CTA를 개인화하세요

소비자의 71%는 경험이 개인화되지 않을 때 좌절감을 느낍니다.

클릭 유도문안을 개인화하려면 수집한 사용자 데이터를 기반으로 한 세분화 결과를 사용하십시오. 제품 검색 기록, CRM 시스템의 데이터 또는 과거 주문이 될 수 있습니다.

다음은 몇 가지 개인화된 클릭 유도문안 예시입니다.

  • "남자 쇼핑하기" 또는 "여자 쇼핑하기",
  • “내 위치의 인기 장소를 확인하세요.”
  • "iOS/Android/데스크톱용 다운로드"
  • "Safari/Chrome에 추가"

예를 들어 Armani Exchange는 가입자를 성별로 분류합니다. 아래에서 남성 청중에게 어필하는 CTA를 볼 수 있습니다.

personalized email call to action
남성 잠재고객을 대상으로 하는 클릭 유도문안의 예

또 다른 옵션은 장치별 개인화입니다. 예를 들어, 컴퓨터에서 Slack 웹사이트로 이동하면 화면 중앙에 "무료로 사용해 보기" 클릭 유도문안이 표시됩니다.

slack website call to action on desktop
Slack 웹사이트의 밝은 클릭 유도문안 버튼

그러나 모바일에서 동일한 웹사이트를 열면 클릭 유도문안 문구가 "iOS용 슬랙 가져오기"로 변경되는 것을 알 수 있습니다. 왜요? 이러한 클릭 유도문안의 예는 사용하는 장치에 따라 개인화되기 때문입니다. iPhone에서 만든 아래 스크린샷을 참조하세요.

slack website cta on mobile
Slack 웹사이트의 모바일 버전에 대한 개인화된 클릭 유도문안 문구

1인칭 텍스트 사용

1인칭 클릭 유도문안 카피는 더 개인적이고 개방적으로 들립니다. 당신은 사용자에게 그들이 무엇을 해야 하는지 말하지 않고 오히려 당신의 제안에 동의하겠다고 제안합니다.

영감을 위한 몇 가지 예:

  • "알려줘"
  • "좀 더 이야기 해줘,"
  • “당신의 최고의 거래를 보고 싶습니다.”
  • "나를 당신의 목록에 등록하십시오."

예를 들어, 명사 Gazette는 1인칭 대명사와 결합된 동작 동사를 사용하여 이메일에 친근한 분위기를 조성합니다. 이는 사용자가 가장 좋아할 것입니다.

first-person cta example
Noun Gazette의 1인칭 CTA가 포함된 이메일

Unbounce는 또한 웹사이트의 가장 좋은 클릭 유도문안 버튼은 1인칭 텍스트가 있어야 하며 아무 것도 사용하지 않아야 한다고 결정했습니다. 회사는 테스트를 실시했으며 표준 텍스트를 1인칭 텍스트로 변경한 후 클릭률이 90% 증가하는 것을 확인했습니다.

unbounce website call to action
Unbounce 웹사이트의 1인칭 클릭 유도문안 예시

클릭 유도문안 디자인 팁

첫째, 우리는 보고 나서야 읽습니다. 디자인은 CTA를 강화하거나 다른 웹사이트나 이메일 요소 사이에서 보이지 않게 만들 수 있습니다. 디자인 선택을 최대한 활용하고 클릭 유도문안을 더 효과적으로 전환하는 방법을 살펴보겠습니다.

CTA가 응답하는지 확인하십시오.

81%의 사람들이 모바일 장치에서 이메일을 엽니다. 따라서 CTA가 모든 화면 크기에서 잘 확장되는지 확인하고 다시 확인하는 것이 좋습니다.

Shine의 몇 가지 클릭 유도문안이 데스크톱과 모바일에서 어떻게 보이는지 살펴보겠습니다. 데스크탑 버전은 화면 중앙에 큰 검은색 CTA를 제공합니다.

shine email cta on desktop
Shine에서 보낸 이메일의 데스크톱 버전

모바일 버전에서 텍스트는 읽을 수 있도록 모바일 화면 너비로 압축되며 클릭 유도문안 버튼은 중앙에 정렬되어 있고 사용자가 손가락 끝으로 누를 수 있을 만큼 충분히 큽니다.

shine email call to action example
Shine의 이메일 클릭 유도문안 모바일 버전

웹사이트에 대해 말하자면 StudioPress는 메인 페이지에서 3가지 클릭 유도문안을 제공합니다. 데스크탑에서는 다음과 같이 보입니다.

multiple website ctas
StudioPress 웹사이트의 클릭 유도문안 예시

모바일 버전으로 이동하면 모바일에서와 같이 삽화가 사라지고 가장 좋은 클릭 유도문안 버튼 위치는 첫 번째 스크롤에서 볼 수 있는 위치입니다. 이러한 방식으로 사용자는 필요한 것을 얻기 위해 무엇을 해야 하는지 이해합니다.

responsive call to action example
StudioPress 웹사이트의 모바일 버전에 대한 클릭 유도문안 예시

CTA를 돋보이게 만드세요

이 조언은 당연하게 들릴지 모르지만 사람들은 그것을 잊어버리는 경향이 있습니다. 클릭 유도문안의 주의를 끌려면 밝은 색상이나 주변 이미지나 텍스트와 대조되는 색상을 사용하세요.

아래 예에서 TunnelBear는 주변에 추가 공백이 있는 대비되는 CTA 버튼을 사용하여 시각적 구분을 만들고 더욱 두드러지게 만듭니다. 따라서 기업 색상이 브랜드를 CTA로 너무 밝게 만들지 않아도 여전히 눈길을 사로잡습니다.

prominent email call to action
TunnelBear 이메일의 눈에 띄는 CTA 버튼

너무 많은 CTA를 사용하지 마십시오.

사용자가 웹사이트 또는 이메일에 대한 첫인상을 형성하는 데 몇 초 밖에 걸리지 않습니다. 방문자나 구독자의 관심을 불러일으키고 이 매우 짧은 시간 내에 CTA 버튼을 클릭하도록 해야 하므로 다른 세부 정보는 방해가 되지 않도록 해야 합니다.

클릭 유도문안을 너무 많이 사용하면 너무 강압적으로 보이거나 청중을 혼란스럽게 만들 위험이 있습니다. 첫 번째 스크롤에 기본 CTA를 배치하는 것이 좋습니다. 그러나 페이지나 이메일이 너무 긴 경우 시작 부분과 끝 부분에 비슷한 CTA 버튼을 사용할 수 있습니다.

예를 들어, Teacher's Guild는 첫 번째 CTA를 웹사이트의 첫 번째 접는 부분에 주요 초점으로 배치하고 페이지 끝에 동일한 CTA를 반복하여 마무리했습니다.

multiple website calls to action
Teacher's Guild 웹사이트의 여러 클릭 유도문안

이 두 버튼 모두 동일한 대상으로 연결되지만 두 번째 클릭 유도문안 디자인은 첫 번째 디자인보다 더 밝습니다.

Society6는 이메일의 맨 처음에 두 개의 CTA를 사용했지만 중간에 칸막이로 버튼을 분리했으므로 클릭 유도문안이 다른 목적지로 이어진다는 것을 분명히 이해할 수 있습니다. 따라서 이 트릭을 몇 개의 CTA 버튼을 사용해야 하는 경우 이메일 클릭 유도문안 모범 사례 중 하나로 사용하고 독자가 혼동하지 않도록 하십시오.

multiple email cta
이메일에 2개의 CTA를 사용하는 Society6

웹사이트 클릭 유도문안 모범 사례

웹사이트는 잠재 고객 및 기존 고객, 파트너, 브랜드 홍보대사와의 접점입니다. 여기에서는 여러 회사가 다양한 목적으로 웹사이트에서 사용하는 클릭 유도문안의 몇 가지 예를 보여 드리겠습니다.

리드 생성에 사용되는 CTA

이 유형의 CTA 버튼은 일반적으로 블로그와 같이 트래픽이 많은 페이지에서 사용됩니다. 클릭 유도문안은 기사 끝에 플로팅 창, 사이드바 또는 단일 버튼으로 배치할 수 있습니다. 전환을 가져오려면 사람들의 관심을 끌고 가치를 전달해야 합니다.

New York Times는 사용자가 웹사이트에 계정을 만들어 기사를 계속 읽을 수 있도록 합니다. CTA는 사용자가 등록한 후에 완전히 표시되는 기사 중간에 배치됩니다.

call to action for lead generation
New York Times 웹사이트의 CTA 버튼

메일링 리스트 작성에 사용되는 CTA

이러한 클릭 유도문안은 웹사이트 방문자의 연락처 정보를 수신하여 나중에 연락을 취하는 데 사용됩니다.

아래에서 행동 유도 버튼이 있는 팝업 이메일 구독 양식을 볼 수 있습니다. 이메일 주소를 입력하고 "가입" 버튼을 클릭하면 간단합니다.

cta for collecting emails
Wix 블로그 구독 양식의 클릭 유도문안 예시

소셜 미디어 계정으로 사람들을 끌어들이는 데 사용되는 CTA

"Facebook에서 공유" 또는 "Follow us on Instagram" 클릭 유도문안은 사용자가 소셜 미디어에서 귀하의 브랜드에 참여하도록 동기를 부여하기 위해 만들어집니다. 예를 들어 연락처 세부 정보를 공유하고 싶지 않은 사람들은 Instagram에서 기꺼이 당신을 팔로우할 수 있습니다. 그러면 팔로워 중 일부를 전환하고 판매를 마감할 수 있습니다.

예를 들어 Dermstore는 인터넷 사용자에게 이미 익숙한 간단한 소셜 미디어 아이콘을 클릭하여 블로그 출판물을 공유할 수 있습니다.

cta for social sharing
Dermstore 웹사이트의 소셜 공유 버튼

판매에 사용되는 CTA

일부 사용자가 이미 귀하의 제품에 대해 알고, 소셜 미디어에서 귀하를 팔로우하고, 귀하의 이메일을 읽는다고 상상해 보십시오. 이러한 따뜻한 연락처가 CTA를 보고 팔로우하면 고객이 될 수 있습니다. 이 경우 CTA는 최대한 명확하고 구매 완료에 중점을 두어야 합니다. 이러한 버튼은 일반적으로 제품 방문 페이지, 위시리스트, 장바구니 또는 판매 또는 기타 거래 전용 판촉 페이지에 배치됩니다.

예를 들어 ASOS는 제품 페이지에 밝은 녹색 구매 자극 버튼을 사용합니다.

asos website cta
ASOS 웹사이트의 클릭 유도문안 예시

또한 위시리스트에서 바로 가방으로 항목을 이동할 수 있는 기회를 제공합니다. 이 두 버튼은 클릭 유도문안 문구가 다르더라도 동일한 결과로 이어집니다.

asos website cta
ASOS 위시리스트의 행동 유도 버튼

이메일 클릭 유도문안 모범 사례

사람들은 다른 장치와 이메일 클라이언트에서 이메일을 읽습니다. 귀하의 목표는 어떤 경우에도 CTA가 가시적이고 효과적인지 확인하는 것입니다. 특히 이메일 CTA를 변환하는 비결은 무엇입니까? 몇 가지 좋은 팁을 따르십시오.

CTA를 이메일의 논리적 확장자로 만드십시오.

사용자가 사서함을 스크롤하여 이메일 제목을 읽을 때 읽은 내용을 기반으로 기대치를 형성합니다. 제목, 이메일 본문, CTA 자체가 이러한 기대치를 충족해야 합니다. 이것이 이메일을 통해 사용자를 안내하는 방법입니다.

Insight Timer에서 보낸 이메일의 제목을 읽으면 수면 습관과 관련된 내용이 있다는 것을 이해하게 됩니다. 이메일을 열면 더 나은 수면에 도움이 되는 요가 니드라(Yoga Nidra) 과정을 듣도록 권장하는 행동 촉구가 표시됩니다. CTA는 제목과 잘 맞습니다.

cta connected with subject line
Insight Timer의 이메일 제목 및 일치하는 클릭 유도문안

CTA를 이미지가 아닌 버튼으로 디자인하세요.

사람들은 종종 휴대전화에서 이메일을 스크롤합니다. 사용자가 모바일 인터넷을 저장하고 메일박스의 이미지가 기본적으로 꺼져 있는 경우에도 CTA가 표시되는지 확인하는 것이 중요합니다.

따라서 이메일 템플릿 빌더에서 "Button" 요소를 사용하는 것이 더 합리적입니다.

SendPulse 드래그 앤 드롭 편집기에 버튼 추가

하이퍼링크 대신 버튼 사용

텍스트 링크 대신 클릭 유도문안 버튼이 28% 더 효과적입니다. 뚱뚱한 손가락 규칙을 따르십시오. CTA 버튼을 전면 중앙에 배치하고 44×44 픽셀의 최소 탭 가능 영역을 유지하십시오.

예를 들어 Ace Hotel은 이메일 클릭 유도문안에서 버튼을 사용하는 동시에 일부 추가 리소스를 참조하기 위해 기본 사본 내부에 하이퍼링크를 추가합니다.

email cta example
Ace Hotel에서 보낸 이메일의 CTA 버튼 및 하이퍼링크

긴 이메일의 시작과 끝에 CTA를 반복합니다.

구독자가 버튼을 찾도록 하지 마십시오. 이메일이 길다면 이메일에 한두 번 더 넣으십시오. 예를 들어, DMA의 이벤트 초대에서 이메일 클릭 유도문안은 동일한 디자인, 카피 및 버튼 크기로 반복됩니다.

repeated cta buttons
2개의 클릭 유도문안 버튼이 있는 DMA의 긴 이메일

아직 멈추지 마십시오. A/B 테스트를 수행하여 CTA의 효율성을 높이십시오.

모든 경우에 가장 잘 작동하는 궁극적인 템플릿은 없습니다. 그렇기 때문에 이메일의 변형을 실험하고 A/B 테스트해야 합니다. 요소의 색상을 변경하고, 사본을 다시 작성하고, 다른 배치나 스타일을 시도하십시오.

예를 들어, 행동 유도 이메일에 대해 빨간색 또는 주황색 중에서 결정할 수 없는 경우 SendPulse를 사용하여 두 가지 버전의 이메일을 만들고 다음 원칙을 사용하여 발송합니다.

  • 빨간색 버튼이 있는 옵션 A를 메일링 리스트의 20%로 보냅니다.
  • 주황색 버튼이 있는 옵션 B를 메일링 리스트의 나머지 20%로 보냅니다.

어떤 옵션이 더 많은 클릭을 유도하는지 확인하고 가장 효과적인 옵션을 나머지 구독자에게 보냅니다. 기술 자료에서 A/B 테스트를 수행하는 방법에 대한 자세한 정보를 찾을 수 있습니다.

이 팁이 이메일 마케팅 결과를 다른 수준으로 끌어올리는 데 도움이 되기를 바랍니다. SendPulse로 이메일을 보내는 것을 잊지 마십시오. 자동화를 처리해 드립니다!