WordPress 클릭 투 콜 버튼: 웹사이트에 설치하는 방법

전 세계 사람들은 그 어느 때보다 더 많은 시간을 온라인에서 보내고 있습니다. 크고 작은 구매를 위해 점점 더 많은 소비자가 인터넷에서 쇼핑하고 있습니다. 또한 더 많은 사람들이 원격으로 또는 혼합 근무 일정에 따라 근무하고 있습니다.

어느 쪽이든 월드 와이드 웹이 커뮤니케이션의 중심이라는 의미입니다. 인터넷은 또한 소비자들이 선호하는 쇼핑 방법으로 떠오르고 있습니다. 모바일 장치가 제공하는 편리함과 유연성이 결합되면 더욱 그렇습니다.

이메일, 소셜 미디어, SMS/MMS 문자, 실시간 채팅 및 팀 메시징 앱은 모두 일하고 즐길 수 있는 환상적인 방법입니다. 가상 현실을 WordPress 웹사이트에 통합하고 고객에게 가상 투어를 제공하는 도구도 있습니다. 하지만 그 모든 것에도 불구하고 때때로 좋은 구식 전화보다 좋은 것은 없습니다! 구두 의사 소통은 여전히 ​​인간 상호 작용의 핵심이자 영혼입니다. 빠르고 쉬우며 거의 모든 사람에게 기본 제공됩니다!

클릭 투 콜 버튼을 통해 온라인 고객은 영업 및 고객 지원 팀에 직접 액세스할 수 있습니다. 판매 깔때기의 필수 구성 요소이며 전반적인 고객 경험을 개선하는 데 도움이 됩니다.

호스팅 서비스가 있거나 WordPress 웹 사이트를 마이그레이션할 계획이 있는지 여부에 관계없이 이 가이드에서는 클릭 투 콜 버튼을 다룹니다.

클릭 투 콜 버튼이란 무엇입니까?

클릭 투 콜 버튼은 고객이 모바일 장치를 한 번 클릭하거나 터치하여 전화를 걸 수 있는 클릭 가능한 링크입니다. 데스크톱 사용자도 마찬가지로 통화를 시작할 수 있지만 통화는 VoIP 전화 통신을 지원하는 타사 응용 프로그램을 통해 이루어집니다.

통화 버튼은 일반적으로 "문의하기" 페이지, 헤더, 배너, 사이드바 위젯 및 웹 사이트의 기타 효과적인 위치에 배치됩니다. 주요 목표는 고객이 비즈니스에 연락할 수 있는 능력을 간소화하는 것입니다.

많은 잠재 고객과 기존 고객이 웹 사이트를 탐색하는 동안 질문이나 문제에 직면하게 됩니다. 통화 버튼은 질문을 즉시 해결할 수 있는 옵션을 제공합니다. 판매든 고객 지원이든 전환 또는 반복 구매가 잊혀지고 손실될 가능성이 줄어들기 때문에 모두에게 좋습니다.

클릭 투 콜은 어떻게 작동합니까?

최종 사용자의 경우 클릭 투 콜은 소리 그대로 작동합니다. "Call Us"와 같은 버튼이나 상자를 클릭하면 기기에서 통화가 시작됩니다. 많은 사용자가 휴대폰을 사용하게 되므로 이 기능을 사용하면 일반 전화 통화가 됩니다. 모바일 운영 체제에 따라 통화가 즉시 시작되거나 사용자가 녹색 전화 아이콘만 누르면 됩니다.

그렇지 않으면 클릭하면 Skype, WhatsApp 또는 Facetime과 같은 데스크톱 앱에서 통화가 시작됩니다. 통화가 자동으로 시작되거나 사용자에게 통화를 확인하라는 메시지가 표시됩니다.

예를 들어 고객 지원을 위한 특정 사이트 또는 페이지 그룹이 있다고 가정해 보겠습니다. 사용자는 실망하고 연락하기로 결정한 지원 포털에 도착할 수 있습니다. 모바일 웹 브라우저에서 이 모든 작업을 수행할 가능성이 높습니다.

관련 웹 페이지에 도착하면 클릭 투 콜 버튼이 빠르게 표시됩니다. 버튼을 클릭하면 휴대폰에서 즉시 옴니채널 컨택 센터에 벨이 울리기 시작합니다. 몇 초 안에 자동 교환 또는 IVR 메뉴를 탐색하고 지원 팀 구성원과 채팅할 수 있습니다.

WordPress에서 클릭 투 콜 버튼을 사용해야 하는 이유

통계에 따르면 모바일 인터넷 사용이 증가하고 있습니다. Statista의 한 보고서에 따르면 2021년에 모바일 사용자가 71억 명이 넘었고 2025년에는 그 수가 거의 75억 명으로 증가할 것으로 예상됩니다.

StatCounter Global Stats에서 가져온 이미지

또 다른 최근 연구에서 Statcounter GlobalStats는 모바일 인터넷 사용량이 2019년에 처음으로 인터넷 데스크톱 사용량을 능가했다고 보고합니다. 2022년에는 이 수치가 전 세계 웹사이트 트래픽의 62.14%로 정점을 찍었습니다. 2012년 이후 거의 600% 증가했습니다!

연구에 따르면 고객의 42%가 고객 서비스에 연락할 때 전화 통화를 선호하는 것으로 나타났습니다.

이러한 사실은 빙산의 일각에 불과하지만 분명한 그림을 그립니다. 귀하의 고객은 점점 더 모바일 장치에서 귀하의 웹 사이트와 상호 작용하고 있으며 많은 사람들이 전화로 귀하에게 직접 연락하는 것을 선호합니다.

글로벌 트렌드를 따라가는 것 외에도 WordPress 웹사이트에 클릭 투 콜 버튼을 포함해야 하는 다른 많은 이유가 있습니다.

• 시간 절약 : 고객은 귀사와 마찬가지로 시간을 소중하게 생각합니다. Click-to-call은 귀사에 가장 빠른 커뮤니케이션 경로를 제공합니다.

• 마찰 제거 : 한 번의 클릭으로 전화를 걸 수 있으므로 비즈니스 전화 번호를 적거나 기억하거나 복사/붙여넣기해야 하는 번거로움이 사라집니다.

• 편리함 : 클릭투콜은 특히 계속해서 증가하는 대다수의 모바일 인터넷 사용자에게 고객 경험을 향상시킵니다.

• 트래픽 극대화 : 통화 버튼은 유기적 트래픽과 무기적 트래픽 모두에게 연락할 수 있는 가장 간단한 옵션을 제공합니다. 결정을 망설일 시간을 갖기보다는 팀에서 더 많은 전화를 받고 더 많은 리드를 생성할 것입니다.

• 클릭 유도문안 : 클릭 투 콜 버튼은 데스크톱 또는 모바일 웹사이트 어디에나 배치할 수 있는 유기적 CTA로 작동합니다. 잠재 고객에게 조치를 취하도록 요청할 수 있는 더 많은 기회는 귀하의 비즈니스에 좋은 일이 될 수 있습니다.

• 좋은 디자인 : 좋은 웹사이트의 요소에는 사용성이 포함됩니다. 통화 버튼은 잠재 고객과 고객이 귀하에게 연락할 수 있는 투명하고 찾기 쉬운 방법을 제공합니다.

WordPress에 클릭 투 콜 버튼을 설치하는 방법

WordPress 웹사이트에 클릭 투 콜 버튼을 설치하는 것은 간단합니다. 그러나 클릭 가능한 전화번호 및 지금 전화 걸기 버튼을 추가하고 구현하기 위한 많은 옵션이 있습니다.

자신에게 가장 적합한 솔루션을 찾아야 합니다. 다음은 주요 옵션입니다.

워드프레스 플러그인

다음 단계에 따라 WordPress 플러그인으로 통화 버튼을 추가할 수 있습니다.

1. 플러그인 찾기 및 추가

Click-to-Call 버튼을 설치할 때 프로세스를 시작하는 첫 번째 위치는 WordPress 대시보드입니다. 여기에서 "플러그인"을 강조 표시한 다음 "새로 추가"를 클릭할 수 있습니다. 검색어 상자에 "WP 통화 버튼"을 입력합니다. 결과로 표시되는 많은 옵션이 있습니다.

이 전문가 안내서의 목적을 위해 목록의 첫 번째 항목인 "WP 통화 버튼"을 사용하겠습니다. 그러나 다른 플러그인을 선택하는 경우 나머지 단계는 비슷합니다.

그렇게 말하면 다음과 같이 나타납니다.

지금 설치 를 클릭하고 30초에서 1분 정도 기다립니다. 이 페이지를 떠날 필요가 없습니다. 설치가 완료되면 활성화 를 클릭하여 프로세스를 완료해야 합니다. 이제 새로운 기능을 설정할 수 있습니다.

2. 클릭 투 콜 버튼 플러그인 구성

WP 편집기의 왼쪽 사이드바에서 설정 탭을 찾아 마우스로 가리킵니다. 그런 다음 플러그인 이름 (이 예에서는 WP 호출 버튼)을 클릭합니다. 이렇게 하면 플러그인에 대해 구성 가능한 모든 설정으로 이동합니다.

이 예에서는 "고정 통화 버튼"과 "정적 통화 버튼"의 두 가지 옵션이 있습니다. 모든 플러그인의 경우 사용 가능한 각 유형의 클릭 투 콜 버튼 기능에 대한 간략한 설명이 있어야 합니다. 우리 예제 플러그인의 두 가지 유형은 마주치게 될 주요 두 가지 유형입니다.

고정 통화 버튼

기본적으로 고정 호출 버튼은 사용자와 함께 스크롤하여 페이지에 "고정"됩니다. 이는 화면 공간이 제한된 모바일 장치에 특히 유용할 수 있으며 대부분의 읽기에는 상당한 양의 스크롤이 필요합니다. 고정 버튼은 방문자의 관심을 끌기 위해 전면과 중앙에 유지됩니다.

정적 호출 버튼

정적 통화 버튼은 배치한 정확한 공간에만 존재합니다. 단축 코드를 사용하여 웹 페이지에 포함됩니다. 랜딩 페이지, 회사 소개 페이지 및 연락처 페이지에 유용하지만 선택한 거의 모든 위치에서 효과적으로 작동할 수 있습니다.

통화 버튼 기능이 작동하려면 선택기 상자를 클릭하여 해당 상태를 활성화해야 합니다. 지역 코드와 함께 비즈니스 번호를 추가합니다. 또한 드롭다운 선택 상자에서 국가 코드를 선택해야 합니다.

여기에서 통화 버튼의 텍스트를 사용자 지정할 수도 있습니다. 기본값은 일반적으로 "전화하기"와 같습니다. 통화 버튼 텍스트를 자유롭게 실험하여 브랜드 이미지와 리드 생성 증가에 가장 적합한 것이 무엇인지 알아보세요.

다음으로 중요한 구성 설정은 고정 버튼(상단, 하단, 중앙 등)의 위치와 버튼 자체의 색상과 관련이 있습니다. WP 통화 버튼 플러그인에서 특정 게시물의 버튼을 숨기거나 모바일 장치의 고정 버튼만 표시할 수 있는 가시성 옵션 중에서 선택할 수도 있습니다.

정적 통화 버튼을 사용하는 경우 삽입을 위한 단축 코드를 복사할 수 있도록 설정에 액세스해야 합니다. 이렇게 하면 WordPress 웹사이트의 원하는 위치에 클릭 투 콜 버튼을 배치할 수 있습니다.

통화 버튼이 집을 찾을 수 있는 첫 번째 장소는 문의하기 페이지입니다. 그러나 단축 코드를 사용하면 마음이 원하는 곳에 원하는 만큼 삽입할 수 있습니다. 다음과 같아야 합니다.

통화 버튼을 배치할 때 10가지 웹사이트 디자인 팁을 따르십시오.

플러그인을 구성한 후 WordPress 편집기의 다른 곳으로 이동하기 전에 항상 변경 사항 저장 버튼을 클릭해야 합니다. 그렇지 않으면 프로세스를 반복해야 합니다!

클릭 투 콜 위젯

WordPress 사용의 많은 직관적인 기능 중 하나는 위젯의 가용성 및 사용자 지정입니다. WP 위젯 영역에는 테마의 사이드바, 바닥글 또는 머리글이 포함됩니다.

시작하려면 WordPress 대시보드의 왼쪽 사이드바에 있는 모양 위로 마우스를 가져간 다음 위젯 을 클릭합니다. 왼쪽 상단 근처에 더하기 기호가 있는 파란색 상자가 표시되고 이를 클릭하면 다음과 같은 화면이 표시됩니다.

플러그인을 클릭하고 페이지의 적절한 영역으로 드래그합니다. 통화 버튼이 어떻게 나타나는지 시각적으로 확인할 수 있어야 합니다. 물론 배치를 평가하는 가장 좋은 방법은 업데이트 를 클릭한 다음 라이브 페이지를 보거나 초안을 미리 보는 것입니다.

위젯을 배치하면 페이지에서 위젯과 상호 작용하여 다른 곳으로 이동할 수 있습니다. HTML로 편집하여 플러그인의 제목, 설명, 색상 및 기타 속성을 조정할 수도 있습니다.

WordPress 헤더에 클릭 투 콜 버튼 추가

플러그인이 없어도 WP 편집기를 사용하여 웹사이트 헤더 또는 탐색 메뉴에 클릭 투 링크를 추가할 수 있습니다. 이것은 방문자에게 페이지 상단 바로 근처에 있는 "지금 전화하기"와 같은 것을 통해 부드러운 넛지(nudge)를 제공합니다.

귀하의 웹사이트에 몇 초 이상 머무르는 대부분의 방문자는 귀하의 클릭 투 콜 버튼을 완전히 인식할 것입니다.

이 프로세스를 시작하려면 WP 대시보드로 이동하여 Appearance 위에 커서를 놓습니다. 옵션이 오른쪽에 나타나면 메뉴 를 클릭합니다. 이제 메뉴 편집기가 나타납니다.

메뉴 항목 추가 아래의 열을 살펴보고 사용자 지정 링크를 클릭합니다. 이렇게 하면 아래 상자가 열립니다.

URL 상자에 회사 전화번호를 입력합니다. 이것은 웹사이트 링크가 아니므로 먼저 "Tel:"을 입력한 다음 국가 및 지역 코드와 함께 번호를 추가해야 합니다. 괄호나 대시를 추가하지 않도록 합니다. 형식은 "+15555555555"입니다.

링크 텍스트 상자에서 링크 이름을 원하는 대로 지정할 수 있습니다. 일반적인 레이블은 "클릭 투 콜" 또는 "지금 전화하기"입니다.

두 상자가 모두 채워지면 메뉴에 추가 및 메뉴 저장 을 클릭하십시오. 이제 게시된 페이지를 방문하거나 초안을 미리 볼 때 탐색 모음에 링크 텍스트가 표시되어야 합니다.

클릭 투 콜 링크를 HTML로 삽입

기업과 프리랜서가 WordPress를 선택하는 많은 이유 중 하나는 플러그인을 사용하고 HTML로 수동으로 기능을 삽입할 수 있는 유연성 때문입니다. 자세히 살펴보면 클릭 투 콜 버튼의 기능은 다소 간단합니다.

더 많은 플러그인으로 호스트 저장소를 부풀리는 대신 최소한의 접근 방식을 활용할 수 있습니다. 간단한 HTML 코딩은 웹 브라우저가 링크를 전화번호로 열도록 지시합니다.

이렇게 하면 데스크톱 및 모바일 사용자 모두 버튼 클릭 한 번으로 귀사에 전화할 수 있습니다.

이제 “코딩할 줄 몰라?”라고 걱정하고 생각할 수도 있습니다. 아래의 편리한 HTML 스니펫을 복사하여 붙여넣을 수 있습니다.

<a href=”tel:+44-207-946-0123″ title=”클릭하여 전화”>+1(XXX) 555-5555</a>

이렇게 하려면 먼저 클릭 투 콜 링크를 추가하려는 페이지나 게시물에 액세스해야 합니다. 페이지 편집기에서 왼쪽 상단의 추가 버튼을 다시 클릭합니다. 사이드바에서 HTML 을 선택하여 새 WP 상자를 만듭니다.

HTML 스니펫을 복사하여 붙여넣고 가짜 번호를 회사 전화번호로 바꾸십시오. 초안을 저장하고 미리보기 를 클릭합니다. 다음과 같은 내용이 표시되어야 합니다.

"클릭 투 콜"이라는 제목은 사용자가 전화번호 위로 마우스를 가져갈 때만 나타납니다. 원하는 텍스트로 나타나도록 코드 줄 내에서 이것을 편집할 수 있습니다.

기타 클릭 투 콜 버튼

콜센터 소프트웨어 및 리드 생성 앱과 같은 다른 도구는 WordPress에 통합되어 있을 수 있습니다. 이 경우 이러한 플랫폼을 사용하면 인터페이스를 사용하여 웹사이트에 위젯을 추가하거나 통화 버튼을 포함할 수 있습니다.

좋은 점은 이러한 옵션에는 코딩이나 웹 사이트 구축 지식이 필요하지 않다는 것입니다. (WordPress 웹사이트에 클릭 투 콜 버튼을 추가하는 것이 얼마나 쉬운지 보여주었지만). 또한 이러한 앱 중 일부는 클릭 투 콜 팝업과 같은 보다 복잡한 통화 버튼을 허용할 수 있습니다.

결국 통화 버튼을 생성할 수 있는 도구를 이미 사용하고 있지 않는 한 위에서 언급한 빠르고 무료인 옵션을 고수하는 것이 가장 좋습니다.

모든 것은 과정이다

최고의 웹 사이트 글꼴과 같은 요소를 찾는 데는 시간과 노력이 필요합니다. WP 웹사이트에 클릭 투 콜 버튼을 추가하는 것은 쉽지만 작업이 항상 그렇게 빨리 끝나는 것은 아닙니다. 배치, 버튼 유형, 텍스트 및 색상과 같은 여러 옵션이 준비되어 있음을 기억하십시오.

따라서 클릭 투 콜 버튼의 디자인과 위치에 대한 A/B 테스트를 실험해 볼 가치가 있습니다. 웹 사이트 방문자가 통화 버튼을 인식하고 사용 하기를 원합니다. WordPress 플랫폼, 플러그인 및 기타 도구를 사용하여 웹 페이지의 방문 페이지 또는 기타 CTA 버튼과 거의 동일한 방식으로 통화 버튼의 성능을 추적해야 할 수 있습니다.

결과를 얻은 후에는 최적화하고 개선할 때입니다(다른 모든 것과 마찬가지로). 성공을 측정하려는 주요 메트릭을 설정하고 이를 개선하기 위해 노력하십시오.

승리를 위한 클릭 투 콜 버튼입니다!

Click-to-call 버튼은 귀하와 귀하 고객의 새로운 가장 친한 친구입니다. 고객 여정을 따라 잠재 고객을 더 멀리 이동시키는 프로세스를 쉽게 도와줍니다. Click-to-call 링크는 또한 전화 통신을 선호하는 많은 고객에게 빠르고 쉬운 방법을 제공합니다.

이 간단한 도구를 사용하면 비즈니스에 대한 큰 보상도 얻을 수 있습니다. 귀하의 고객은 귀하의 웹사이트를 사용하여 더 나은 경험을 갖게 되지만 이것이 끝이 아닙니다. 브라우징에서 비즈니스 연락으로 전환할 수 있는 마찰 없는 옵션을 통해 유기적 및 무기적 트래픽에서 더 많은 리드를 기대할 수 있습니다.

클릭 투 콜 버튼처럼 단순한 것이 그렇게 중요할 수 있다는 것을 누가 알았습니까? 좋은 소식은 우리가 모든 옵션을 제공했다는 것입니다. 이 가이드를 북마크에 보관하고 WordPress 사이트에 클릭 투 콜 버튼을 추가할 때 사용할 수 있도록 준비하세요.

지금 무슨 일이 일어날지 아시죠? 조치를 취해야 할 때입니다. 통화 버튼 무지로부터의 탈출을 축하하고 오늘 시작하세요!

FAQ

클릭 투 콜 버튼이란 무엇입니까?

클릭 투 콜 버튼은 웹사이트 방문자가 업체에 전화를 걸 때 사용할 수 있는 클릭 가능한 버튼을 제공합니다. 버튼은 모든 색상이 될 수 있으며 비즈니스에서 선택한 텍스트를 표시할 수 있습니다. 점점 더 많은 사용자가 모바일 스마트폰으로 인터넷을 탐색하고 있기 때문에 통화 버튼은 매우 유용합니다. 따라서 Click-to-Call 버튼을 사용하면 회사 웹 사이트 탐색에서 전화 걸기로 간단하게 전환할 수 있습니다.

WordPress에서 클릭 투 콜 버튼은 어떻게 작동합니까?

WordPress 편집기를 사용하여 통화 버튼과 클릭 투 콜 링크를 웹사이트에 추가할 수 있습니다. 사용할 수 있는 옵션이 많이 있습니다. 그리고 그들 모두는 코딩이 필요하지 않습니다. 이 방법을 사용하면 몇 분 안에 웹사이트에 통화 버튼을 추가할 수 있습니다.

일단 배치되면 방문자는 클릭 가능한 버튼과 상호 작용하여 비즈니스 번호로 전화를 걸 수 있습니다. 이는 사용자가 데스크톱에서 검색하는 경우 휴대전화 시스템 또는 타사 앱에서 처리됩니다.

클릭 투 콜 버튼을 추가하려면 WordPress 플러그인을 사용해야 합니까?

WordPress에 통화 버튼을 추가하기 위해 플러그인을 설치할 필요가 없습니다. 통화 버튼을 추가하기 위한 많은 실행 가능한 옵션에는 사용자 정의 메뉴 링크 생성 또는 편집기 내에 사용자 정의 HTML 스니펫 포함이 포함됩니다.

그러나 WordPress 통화 버튼 플러그인을 추가하면 더 많은 사용자 지정 옵션이 제공됩니다. 그리고 다른 통화 버튼 방식처럼 빠르게 프로세스를 완료할 수 있습니다.

클릭 투 콜은 정말 "Call to Action"입니까?

클릭 투 콜 버튼은 다른 콜 투 액션과 마찬가지로 방문자에게 액션을 요청합니다. 이 경우 모든 웹사이트 트래픽에 대한 잠재 고객 발굴 및 리드 생성을 위한 채널 역할을 합니다.

또한 통화 버튼은 기존 고객이 지원 에이전트와 연락할 수 있는 빠른 옵션으로도 작동합니다. 클릭 투 콜 버튼의 궁극적인 위치는 클릭 유도문안인지 또는 고객 지원 모드인지에 따라 달라집니다.

게스트 기여자: Jenna Bunnell – Dialpad 콘텐츠 마케팅 선임 관리자

Jenna Bunnell은 Dialpad의 비즈니스 문자 메시지 서비스를 사용하여 비즈니스 소유자 및 영업 담당자에게 귀중한 통화 세부 정보를 제공하는 AI 통합 클라우드 호스팅 통합 커뮤니케이션 시스템인 Dialpad의 콘텐츠 마케팅 선임 관리자입니다. 그녀는 브랜드의 디자인 감성을 전달하고 콘텐츠가 창의적이고 포괄적인 방식으로 제시될 수 있는 방법을 시각화하는 데 열정적입니다. Jenna는 Promo 및 Codemotion과 같은 다른 도메인에 대해서도 작성했습니다. 그녀의 LinkedIn 프로필을 확인하세요.