손님이 휴대폰으로 홈페이지를 보다가 번호를 길게 눌러 복사하고 있다면, 그 사이에 몇 명은 그냥 나갑니다. 홈페이지 전화 버튼은 이 번거로움을 한 번의 터치로 줄여 줍니다. 결론부터 말하면, 받을 번호와 위치, 문구 세 가지만 정하면 버튼은 바로 만들 수 있습니다. 이 글에서는 처음 만드는 사장님도 따라 할 수 있게 다섯 단계로 정리했습니다.
홈페이지 전화 버튼, 번호만 적어 두면 안 되나요?
번호만 적어 두면 휴대폰 손님이 한 번 더 수고해야 합니다. 글자로 쓴 번호는 길게 눌러 복사하거나, 외워서 다시 눌러야 합니다. 전화 버튼은 한 번 누르면 전화 앱이 열리고 번호가 미리 입력됩니다.
| 비교 기준 | 번호만 글자로 적기 | 전화 버튼 만들기 |
|---|---|---|
| 휴대폰에서 거는 방법 | 복사하거나 외워서 직접 누르기 | 한 번 누르면 전화 앱이 열림 |
| 잘못 걸 가능성 | 숫자를 잘못 누를 수 있음 | 번호가 미리 들어가 있어 거의 없음 |
| 누른 횟수 확인 | 셀 수 없음 | 구글 애널리틱스로 셀 수 있음 |
| 만드는 난이도 | 쉬움 | 쉬움, 링크 주소 하나만 넣으면 됨 |
전화 버튼의 원리는 간단합니다. 버튼에 웹 주소 대신 전화 링크(누르면 전화 앱을 여는 주소)를 넣는 것입니다. 전화 링크는 tel: 뒤에 번호를 붙여 씁니다. 예를 들어 02-1234-5678이라면 tel:0212345678 처럼 씁니다. 이 글에 나오는 용어를 먼저 표로 정리해 둘게요.
| 용어 | 쉬운 뜻 | 비유·예시 |
|---|---|---|
| 전화 링크 | 누르면 전화 앱이 열리는 주소 | 번호가 미리 눌러진 전화기 |
| 하단 고정 바 | 화면을 내려도 아래에 붙어 있는 띠 | 계산대 옆에 늘 놓인 호출벨 |
| 이벤트 | 방문자가 한 행동을 남긴 기록 | 가게 문에 달린 방문 카운터 |
| 착신 전환 | 걸려 온 전화를 다른 번호로 돌려 받는 기능 | 가게 전화를 내 휴대폰으로 잇기 |
한 줄 정리: 전화 버튼은 번호를 "누르면 걸리는 문"으로 바꿔 주는 장치입니다.
1단계: 어떤 번호로, 언제 받을지 정하기
먼저 버튼으로 연결할 번호 하나와 받을 수 있는 시간을 정하세요. 번호가 여러 개면 손님이 어디로 걸지 망설입니다. 대표 번호 하나를 정하는 것이 가장 좋습니다.
| 번호 종류 | 이럴 때 좋아요 | 조심할 점 |
|---|---|---|
| 매장 유선 번호 | 매장에 늘 사람이 있을 때 | 영업시간 밖에는 못 받음 |
| 070 인터넷 전화 | 휴대폰 앱으로 돌려 받고 싶을 때 | 착신 전환 설정을 미리 확인 |
| 대표 휴대폰 번호 | 1인 사업자, 출장이 많을 때 | 개인 번호가 그대로 공개됨 |
예를 들어, 혼자 운영하는 출장 세차 업체라면 070 번호를 만들어 휴대폰으로 돌려 받는 방법이 편합니다. 개인 번호를 감추면서도 이동 중에 전화를 받을 수 있기 때문입니다.
정한 번호 옆에는 받을 수 있는 시간을 꼭 적으세요. "평일 9시~18시 통화 가능"처럼 한 줄이면 됩니다.
한 줄 정리: 번호는 하나만, 받을 수 있는 시간은 버튼 바로 옆에 적으세요.
2단계: 전화 버튼을 어디에 둘지 정하기
휴대폰 화면 아래쪽 고정 바가 가장 눈에 잘 띕니다. 하단 고정 바(화면을 내려도 아래에 계속 붙어 있는 띠)는 손님이 어디를 보든 손가락 가까이에 있습니다. 다만 모든 곳에 버튼을 넣으면 오히려 화면이 복잡해집니다.
| 버튼 위치 | 장점 | 이런 가게에 맞아요 |
|---|---|---|
| 화면 위쪽 메뉴 옆 | 들어오자마자 보임 | 전화 문의가 대부분인 업종 |
| 아래쪽 고정 바 | 스크롤해도 늘 손 가까이 있음 | 예약·출장·배달 업종 |
| 문의 섹션 안 | 설명을 다 읽은 손님이 누름 | 상담이 길어지는 업종 |
처음이라면 아래쪽 고정 바 하나와 문의 섹션 하나, 이렇게 두 곳이면 충분합니다. 버튼 위치를 고를 때는 업종별 디자인을 먼저 보면 감이 빨리 옵니다. 홈페이지 템플릿 보기에서 휴대폰 화면으로 여러 디자인을 눌러 보세요.
한 줄 정리: 처음엔 아래쪽 고정 바와 문의 섹션, 두 곳이면 충분합니다.
3단계: 버튼 문구를 할 일이 보이게 쓰기
"전화하기"보다 "무엇을 위해 전화하는지"가 보이는 문구가 좋습니다. 손님은 버튼을 누르기 전에 "이걸 누르면 뭐가 되지?"를 먼저 생각합니다. 문구에 목적이 보이면 망설임이 줄어듭니다.
| 업종 | 아쉬운 문구 | 바꾼 문구 |
|---|---|---|
| 미용실 | 전화하기 | 전화로 예약하기 |
| 인테리어 | 연락처 | 무료 견적 전화 문의 |
| 출장 세차 | Call | 지금 바로 출장 문의 |
| 병·의원 | 전화 | 진료 시간 전화 문의 |
병·의원처럼 광고 규정이 있는 업종은 문구에 효과나 결과를 암시하는 말을 넣지 마세요. 어떤 표현이 괜찮은지는 해당 협회나 기관에 미리 확인해 보는 것이 안전합니다.
한 줄 정리: 버튼 문구에는 "예약", "견적"처럼 손님이 얻을 것을 넣으세요.
4단계: PC 화면에서는 번호를 글자로 함께 보여 주기
PC에서는 전화 버튼을 눌러도 전화가 바로 걸리지 않을 수 있습니다. 컴퓨터에 전화 앱이 없으면 아무 일도 안 일어나거나, 연결할 프로그램을 고르라는 창이 뜹니다. 손님은 "버튼이 고장 났나?" 하고 생각합니다.
그래서 PC 화면에서는 아래처럼 처리하세요.
- 버튼 안이나 바로 옆에 전화번호를 글자로 보여 줍니다.
- 번호는 하이픈(-)을 넣어 읽기 쉽게 씁니다.
- 전화 링크 주소에는 하이픈 없이 숫자만 넣습니다.
- PC와 휴대폰에서 각각 한 번씩 직접 눌러 봅니다.
예를 들어, 화면 문구는 "02-1234-5678 전화 문의"로 씁니다. 링크는 tel:0212345678 이면 됩니다. 이렇게 하면 PC 손님은 번호를 보고, 휴대폰 손님은 바로 누릅니다.
한 줄 정리: 화면에는 읽기 쉬운 번호, 링크에는 숫자만 넣으세요.
5단계: 구글 애널리틱스(GA4)로 누른 횟수 세기
전화 버튼을 만들었다면 몇 번 눌렸는지도 세어 보세요. 구글 애널리틱스(GA4)는 방문자를 분석하는 구글의 무료 도구입니다. 여기서 '이벤트'(방문자가 한 행동의 기록)를 만들면 됩니다. 그러면 광고나 검색으로 들어온 손님 중 몇 명이 전화를 시도했는지 알 수 있습니다.
| 설정 단계 | 하는 일 | 누가 하면 좋을까요 |
|---|---|---|
| 이벤트 만들기 | 전화 버튼을 누를 때 기록이 남게 설정 | 제작사나 유지보수 업체 |
| 주요 이벤트로 표시 | GA4에서 그 기록을 '중요한 성과'로 지정 | 사장님도 가능 |
| 한 달 뒤 확인 | 누른 횟수와 들어온 경로 보기 | 사장님 |
처음 설정은 화면 구조를 아는 쪽이 하는 것이 빠릅니다. 직접 하기 어렵다면 유지보수 안내에서 연동·마케팅 작업 항목과 예상 비용을 먼저 확인해 보세요. 누른 횟수가 곧 통화 수는 아니라는 점도 기억하세요. 버튼을 눌렀다가 끊는 손님도 있기 때문입니다.
한 줄 정리: 누른 횟수를 세어 두면, 어떤 광고가 전화를 불러오는지 보입니다.
홈페이지 전화 버튼 실행 체크리스트
- □ 버튼으로 연결할 대표 번호 하나 정하기
- □ 통화 가능한 시간을 한 줄로 적어 두기
- □ 버튼 위치를 아래쪽 고정 바와 문의 섹션 두 곳으로 정하기
- □ 버튼 문구에 "예약"이나 "견적" 같은 목적 넣기
- □ PC와 휴대폰에서 버튼을 직접 한 번씩 눌러 보기
- □ GA4 이벤트 설정을 제작사에 요청하기
한 줄 정리: 오늘은 번호 하나, 위치 두 곳, 문구 하나만 정해도 절반은 끝납니다.
자주 묻는 질문
홈페이지 전화 버튼을 누르면 바로 전화가 걸리나요?
휴대폰에서는 전화 앱이 열리고 번호가 미리 입력됩니다. 손님이 통화 버튼을 한 번 더 눌러야 실제로 걸립니다. 그래서 잘못 눌러도 바로 전화가 가지 않습니다. PC에서는 전화 앱이 없으면 걸리지 않으니 번호를 글자로 함께 보여 주세요.
070 번호도 전화 버튼에 넣을 수 있나요?
네, 070 번호도 똑같이 넣을 수 있습니다. 링크에는 tel:07012345678 처럼 숫자만 쓰면 됩니다. 휴대폰으로 돌려 받는다면 착신 전환이 잘 되는지 한 번 걸어서 확인하세요.
전화 버튼 문구를 나중에 직접 바꿀 수 있나요?
홈페이지 편집 기능에 따라 다릅니다. 잇다웹에서 새로 만든 홈페이지는 디자인 모드에서 버튼 문구와 링크 주소를 직접 고칠 수 있습니다. 다른 업체가 만든 홈페이지라면 그 업체에 편집 권한이 있는지 먼저 물어보세요.
한 줄 정리: 휴대폰에선 한 번 더 눌러야 걸리고, 070도 되며, 문구는 편집 기능으로 바꿀 수 있습니다.
전화 버튼을 넣은 새 홈페이지가 필요하다면 무료 견적 상담에 업종과 원하는 버튼 위치를 남겨 주세요.
사진: Unsplash (photo-1534536281715-e28d76689b4d, photo-1523966211575-eb4a01e7dd51, photo-1423666639041-f56000c27a9a)