워드프레스에서 전화번호를 클릭 가능하게 만들고 싶으신가요? 간단한 해결 방법이 있습니다

웹사이트에 전화번호가 표시되지만, 해당 번호를 탭해도 아무런 반응이 없습니다. 이는 흔히 발생하는 워드프레스 문제 로, 통화료가 조용히 부과되는 원인이 됩니다.

기본적으로 워드프레스는 전화번호를 클릭할 수 있도록 설정하지 않습니다. 모바일 환경에서 이는 불편함을 초래합니다. 방문자는 전화번호를 탭하여 즉시 전화를 걸 수 있기를 기대합니다. 만약 그럴 수 없다면, 많은 방문자가 망설이거나 사이트를 떠납니다.

포함한 모든 워드프레스 환경에서 작동합니다 블록 테마 .

요약: 워드프레스에서 전화번호를 클릭 가능하게 만들기

• 워드프레스는 기본적으로 전화번호를 클릭할 수 있도록 설정하지 않습니다.
• 워드프레스에서 전화번호를 클릭 가능하게 만들려면 tel 링크 형식을 사용하세요.
• 텔 링크는 게시물, 페이지, 메뉴, 헤더, 푸터 및 위젯에서 작동합니다.
• 일관된 결과를 얻으려면 전화 링크 내의 공백과 기호를 제거하십시오.
• 회사에서 국제 전화를 받는 경우 국가 코드를 추가하세요.
• 에서 가시성을 높이려면 버튼을 사용하세요 랜딩 페이지.
• 전화 통화가 핵심 전환 목표일 때만 통화 버튼 플러그인을 사용하세요.
• 전화 링크는 게시하기 전에 항상 실제 모바일 기기에서 테스트하십시오.

클릭 가능한 전화번호가 생각보다 중요한 이유

오늘날 대부분의 웹사이트 방문자는 모바일 기기를 통해 접속합니다. 휴대폰으로 웹사이트를 탐색할 때, 사용자들은 즉각적인 반응을 기대합니다. 전화번호를 탭하면 바로 전화 걸기 앱이 열려야 합니다. 복사할 필요도 없고, 앱을 전환할 필요도 없고, 생각할 필요도 없어야 합니다.

클릭 가능한 전화번호는 불필요한 단계를 제거하여 방문자가 바로 행동할 준비가 된 순간에 불편함을 줄여줍니다. 이는 웹사이트의 다른 부분을 변경하지 않고도 통화량을 늘리는 데 도움이 될 수 있습니다.

또한 신뢰도도 중요한 요소입니다. 눈에 잘 띄고 터치 가능한 전화번호는 웹사이트 뒤에 실제 사업체가 있다는 것을 보여줍니다. 방문객들은 한 번의 터치로 도움을 받을 수 있다는 확신을 갖게 됩니다.

접근성 관점에서 볼 때, 클릭 가능한 숫자 또한 매우 중요합니다. 운동 기능에 제약이 있거나 보조 기술을 사용하는 사용자는 콘텐츠와 상호 작용하기 위해 올바르게 형식화된 링크에 의존합니다.

검색 엔진은 사용자의 의도를 파악합니다. 명확한 사용자 행동을 지원하는 페이지는 지역 검색이나 서비스 관련 검색에서 더 나은 성과를 보이는 경향이 있습니다. 클릭 가능한 전화번호 자체가 검색 순위 결정 요소는 아니지만, 사용자 경험에 중요한 영향을 미치는 요소들을 개선합니다.

요컨대, 전화번호를 클릭 가능하게 만드는 것은 단순한 기술적 수정이 아닙니다. 이는 전환율 향상, 사용성 개선, 그리고 신뢰 구축이라는 세 가지 효과를 모두 가져다줍니다.

워드프레스에서 전화번호를 어디에서든 클릭 가능하게 만드는 가장 간단한 방법

워드프레스에서 거의 모든 곳에서 작동하는 단 하나의 방법을 원한다면 바로 이것입니다.

WordPress에서는 `tel`이라는 특수 링크 형식을 사용하여 전화번호를 클릭 가능한 링크로 만들 수 있습니다. 이 형식은 브라우저와 모바일 기기에 해당 링크를 클릭했을 때 웹 페이지 대신 전화 걸기 앱이 열리도록 알려줍니다.

기본적인 개념을 쉽게 설명하자면 다음과 같습니다

• 당신은 당신의 전화번호를 가져갑니다.
• 웹사이트를 링크하는 것과 같은 방식으로 링크하면 됩니다.
• URL 대신 tel 뒤에 전화번호를 붙여서 사용합니다.

이 방법은 게시물, 페이지, 위젯, 메뉴, 푸터, 사이드바, 심지어 사용자 정의 HTML 블록에서도 작동합니다. 블록 편집기 와 기존 편집기, 별도의 설정 없이 대부분의 테마에서 작동합니다.

가장 놀라운 점은 방문자에게는 아무런 변화도 보이지 않는다는 것입니다. 전화번호는 페이지에서 평소처럼 보이지만, 휴대폰에서 해당 번호를 탭하면 즉시 통화가 가능해집니다.

의 여러 부분에 이 방법을 적용하는 방법을 자세히 살펴보겠습니다 WordPress 사이트대부분의 콘텐츠가 있는 편집기부터 시작하여

워드프레스 편집기에서 전화번호를 클릭 가능하게 만드는 방법

게시물이나 페이지에 전화번호를 추가하려면 워드프레스 편집기를 이용하는 것이 가장 쉽습니다.

블록 편집기 사용

예를 들어, 페이지에 전화번호가 717 867 5309처럼 표시되어 있다고 가정해 보겠습니다

먼저, 전화번호를 단락 블록 안에 일반 텍스트로 추가하세요. 내용 어디에든 배치할 수 있습니다.

다음으로, 마우스 커서로 전화번호를 선택합니다. 다른 페이지로 연결할 때처럼 블록 도구 모음에서 링크 아이콘을 클릭합니다.

링크 입력란에 'tel' 뒤에 공백이나 기호 없이 전화번호를 입력하세요.

• 예를 들어, 다음과 같이 입력하시면 됩니다: tel:7178675309

링크를 적용하면 해당 숫자를 클릭할 수 있게 됩니다. 페이지를 게시하거나 업데이트하면 완료됩니다.

회사에서 국제 전화를 받는 경우, 더하기 기호(+)를 추가하여 국가 코드를 포함할 수 있습니다.

• 예시: 전화번호: +17178675309

이 접근 방식은 모바일 기기와 최신 브라우저에서 일관되게 작동합니다. 또한 보이는 텍스트는 변경할 필요가 없으므로 콘텐츠를 깔끔하고 읽기 쉽게 유지할 수 있습니다.

일반 텍스트 대신 버튼 사용

때로는 전화번호를 더 눈에 띄게 하고 싶을 때가 있습니다. 그럴 때는 버튼을 사용하는 것이 도움이 될 수 있습니다.

WordPress 버튼 블록을 사용하면 '지금 전화 걸기' 버튼을 만들고 동일한 전화번호 형식으로 연결할 수 있습니다. 방문자가 버튼을 누르면 즉시 통화가 시작됩니다.

버튼은 랜딩 페이지나 연락처 섹션에서 특히 효과적입니다. 다만, 버튼 뒤에 실제 전화번호를 숨길 경우, 일부 사용자는 전화를 걸기 전에 번호를 확인하고 싶어할 수 있다는 점을 유념해야 합니다. 대상 고객을 고려하여 표시 방식과 디자인 사이의 균형을 맞추세요.

푸터 또는 사이드바에 클릭 가능한 전화번호를 추가하는 방법

많은 웹사이트는 전화번호를 모든 페이지에서 볼 수 있도록 바닥글이나 사이드바에 배치합니다. 워드프레스는 위젯 영역을 통해 이러한 기능을 쉽게 제공합니다.

에서 워드프레스 관리자 화면'외모'를 클릭한 다음 '위젯'을 클릭하세요. 전화번호를 표시할 위젯 영역을 선택합니다. 테마에 따라 푸터 열이나 사이드바 섹션이 될 수 있습니다.

단락 블록이나 텍스트 위젯을 추가하고 전화번호를 일반 텍스트로 입력하세요. 그런 다음 편집기에서 사용했던 것과 동일한 전화 연결 방식을 적용하세요.

전화번호를 저장하면 해당 위젯 영역이 활성화된 모든 페이지에 전화번호가 표시됩니다.

한 가지 명심해야 할 점은 모바일 기기에서의 동작 방식입니다. 대부분의 모바일 기기에서는 사이드바와 푸터가 메인 콘텐츠 아래에 표시됩니다. 만약 전화 문의가 중요한 비즈니스라면, 푸터에 전화번호를 표시하되 헤더나 연락처 페이지 번호도 함께 표시하는 것을 고려해 보세요.

워드프레스 메뉴에 클릭 가능한 전화번호 추가하기

때로는 특히 헤더 부분에 전화번호를 항상 표시하고 싶을 때가 있습니다. 워드프레스 메뉴 이를 위한 가장 효과적인 방법 중 하나입니다.

이는 방문객들이 스크롤하거나 연락처 정보를 찾아 헤매지 않고 바로 전화하고 싶어하는 서비스 기반 사업체에 특히 효과적입니다.

워드프레스 메뉴에 전화번호를 추가하는 방법

다음 단계를 따르세요:

1. 워드프레스 대시보드를 여세요
2. 외관 > 메뉴로 이동하세요
3. '메뉴 항목 추가'에서 '사용자 지정 링크'를 선택합니다

URL 필드에 전화번호를 tel 형식으로 입력하세요.
예:
tel:7178675309

링크 텍스트 필드에서 다음을 수행할 수 있습니다

• 실제 전화번호를 추가하세요
• 또는 "지금 전화하세요" 또는 "전문가와 상담하세요"와 같은 행동 유도 문구를 사용하세요

'메뉴에 추가'를 클릭하고 필요한 경우 위치를 조정한 다음 메뉴를 저장하세요.

게시되면 전화번호가 탐색 모음에 바로 표시되며 모바일 기기에서는 클릭할 수 있습니다.

블록 기반 테마 사용하기

중이고 블록 기반 테마를 사용 메뉴 옵션이 보이지 않으면 사이트 편집기를 사용해야 합니다.

개념은 동일합니다. 기존 메뉴 화면을 통하는 대신 내비게이션 블록 내에 전화 링크를 추가하게 됩니다.

HTML을 사용하여 전화번호를 클릭 가능하게 만들기

워드프레스 편집기가 충분한 유연성을 제공하지 못하는 상황이 있을 수 있습니다. 예를 들어, 사용자 정의 템플릿을, 코드 블록 안에 콘텐츠를 추가하거나, 워드프레스 외부에서 작업하는 경우 등이 있습니다.

이러한 경우 기본적인 HTML을 사용하여 전화번호를 클릭 가능하게 만들 수 있습니다.

구조는 간단합니다. 전화번호를 링크 태그로 감싸고 href 속성에 tel 형식을 사용하면 됩니다.

예를 들어, 코드는 다음과 같습니다

<a href=”tel:7178675309″>717 867 5309</a>

국제 국가 코드를 포함하려면 숫자 앞에 더하기 기호(+)를 추가하세요.

이 방법은 브라우저와 기기에 관계없이 안정적으로 작동합니다. 단, href 값 안의 숫자에서 공백과 특수 문자를 제거해야 합니다.

HTML 기반 전화 링크는 신중하게, 그리고 가능한 한 적게 사용하는 것이 좋습니다. 코드 편집에 익숙하지 않다면 앞서 설명한 에디터 기반 방식이 더 안전하고 유지 관리도 쉽습니다.

클릭 투 콜 기능을 위해 플러그인을 사용해야 할까요?

경우도 있습니다 플러그인을 사용하는 더 적합한

전화 통화에 크게 의존하는 비즈니스라면 플러그인을 통해 단순한 번호 클릭 기능 이상의 다양한 기능을 추가할 수 있습니다. 이러한 기능에는 플로팅 통화 버튼, 모바일 전용 표시, 시간 기반 표시 규칙, 통화 추적 등이 포함됩니다.

플러그인은 사용자가 스크롤할 때도 '지금 전화하기' 버튼이 계속 표시되도록 하고 싶을 때 특히 유용합니다. 또한 위치나 기기 유형에 따라 다른 전화번호를 표시하고 싶을 때도 도움이 될 수 있습니다.

하지만 플러그인은 기본적으로 첫 번째 선택지가 되어서는 안 됩니다. 플러그인은 사이트에 추가 코드를 삽입하고 지속적인 업데이트가 필요하기 때문입니다.

일반적으로 좋은 지침은 다음과 같습니다

• 클릭 가능한 전화번호만 필요하다면 전화 링크를 사용하세요.
• 통화 유도가 핵심 전환 목표이고 추적 또는 고급 동작 분석이 필요한 경우 플러그인 사용을 고려해 보세요.

워드프레스에서 '지금 전화하기' 버튼 만들기

'지금 전화하기' 버튼은 방문자가 한 번의 터치로 전화를 걸 수 있도록 하는 플로팅 또는 고정형 버튼입니다. 이 버튼은 주로 모바일 사용자를 위해 설계되었습니다.

버튼 설치 및 설정

통화 버튼 플러그인을 설치한 후에는 일반적으로 버튼을 활성화하고 전화번호를 입력하라는 메시지가 표시됩니다.

전화번호는 공백이나 기호 없이 정확하게 입력해 주십시오. 국제 전화를 받는 경우, 국가 코드 뒤에 더하기 기호(+)를 붙여 입력해 주십시오.

대부분의 플러그인은 버튼이 모바일 기기에서만 표시될지 데스크톱에서도 표시될지 선택할 수 있도록 해줍니다. 기본적으로 모바일에서만 표시되도록 설정하는 것이 일반적으로 가장 좋은 옵션입니다.

활성화되면 버튼이 사이트에 자동으로 나타나므로 각 페이지에 수동으로 배치할 필요가 없습니다.

스타일링 및 디스플레이 옵션

조정할 수 있습니다 색상, 버튼 위치, 그리고 경우에 따라 텍스트 레이블까지

일반적인 배치 옵션으로는 오른쪽 하단, 왼쪽 하단 또는 전체 너비 막대가 있습니다. 중요한 콘텐츠를 가리거나 탐색을 방해하지 않는 위치를 선택하세요.

지나치게 공격적인 디자인은 피하세요. 목표는 통화를 쉽게 만드는 것이지, 주의를 산만하게 하는 것이 아닙니다.

클릭률 높은 전화번호를 통해 전환율을 높이는 모범 사례

전화번호를 클릭 가능하게 만드는 방법을 아는 것은 절반의 성공일 뿐입니다. 어떻게 제시하는지도 그만큼 중요합니다.

모바일에서 전화번호를 쉽게 탭하여 입력하세요

웹사이트에서 걸려오는 전화의 대부분은 모바일 기기를 통해 이루어집니다. 따라서 전화번호는 탭하여 통화하기 편리해야 합니다.

읽기 쉬운 글꼴 크기를 사용하세요. 전화번호를 다른 링크에 너무 가깝게 배치하지 마세요. 사용자가 실수로 잘못된 요소를 클릭하지 않도록 충분한 간격을 두세요.

가능하다면 실제 스마트폰에서 사이트를 테스트해 보세요. 마우스로 클릭하기 쉬운 부분도 터치스크린에서는 불편할 수 있습니다.

웹사이트에 전화번호를 표시할 위치는 어디인가요?

전화번호는 찾기 쉬울 때 가장 효과적입니다. 일반적으로 실적이 좋은 위치로는 헤더, 연락처 페이지, 주요 랜딩 페이지.

푸터와 사이드바는 가시성을 높이는 데 도움이 될 수 있지만, 통화가 중요한 비즈니스라면 전화번호를 그곳에만 표시해서는 안 됩니다.

눈에 잘 띄는 스타일링 팁

명암 대비를 활용하면 전화번호가 눈에 띄게 될 수 있습니다. 버튼, 아이콘 또는 은은한 강조 표시를 통해 페이지를 과도하게 복잡하게 만들지 않으면서도 시선을 사로잡을 수 있습니다.

해당 숫자가 클릭 가능한 숫자임을 명확히 표시하세요. 사용자는 추측할 필요가 없어야 합니다.

클릭 투 콜 링크 추가 시 피해야 할 일반적인 실수

가장 흔한 실수 중 하나는 전화 링크에 공백이나 기호를 사용하는 것입니다. 이로 인해 일부 기기에서 링크가 실패할 수 있습니다.

또 다른 실수는 전화번호를 너무 작게 만들거나 다른 클릭 가능한 요소 근처에 배치하는 것입니다. 이는 오클릭과 사용자 불편으로 이어집니다.

플러그인을 과도하게 사용하는 것도 흔한 문제입니다. 간단한 링크로 작동한다면 굳이 복잡한 기능을 추가할 필요가 없습니다.

마지막으로, 전화 연결 링크를 게시하기 전에 항상 모바일에서 테스트하세요. 통화 연결이 끊어지면 링크 게시의 목적 자체가 무의미해집니다.

클릭 가능한 전화번호만으로는 부족할 때

사업이 성장함에 따라 단순히 클릭 가능한 숫자 이상의 것이 필요할 수 있습니다.

어떤 페이지로 인해 전화가 걸려오는지 추적하고 싶을 수도 있습니다. 위치나 시간대에 따라 전화를 다르게 연결하고 싶을 수도 있습니다. 또는 부재중 전화를 전문적으로 처리하고 싶을 수도 있습니다.

이 단계에서는 클릭 가능한 전화번호가 독립적인 솔루션이라기보다는 더 큰 전환 및 지원 전략의 일부가 됩니다.

마지막으로

워드프레스에서 전화번호를 클릭 가능하게 만드는 것은 웹사이트를 개선할 수 있는 가장 간단한 방법 중 하나입니다.

이는 마찰을 줄이고 사용성을 개선하며 방문자가 행동할 준비가 된 순간에 연락할 수 있도록 도와줍니다.

대부분의 웹사이트에서는 워드프레스 편집기, 메뉴 또는 위젯 내에서 tel 링크를 사용하는 것만으로도 충분합니다. 빠르고 안정적이며 유지 관리도 간편합니다.

전화 통화가 비즈니스에서 중요한 역할을 한다면, 나중에 통화 버튼이나 통화 추적 기능을 추가할 수 있습니다.

간단하게 시작하세요. 모바일에서 테스트하세요. 그리고 사람들이 쉽게 연락할 수 있도록 하세요.

자주 묻는 질문