이 글의 목차
먼저 알아둘 답
홈페이지 상담 버튼은 어디에 어떻게 넣어야 하나요?
버튼을 누르면 전화가 걸리는지, 채팅이 열리는지 이름만 보고 알 수 있게 적으세요. 휴대폰에서 잘 보이고 누르기 쉬운 위치에 놓고 실제 연결을 시험합니다. 버튼 클릭 수는 실제 상담 접수나 구매 건수와 구분해야 합니다.
제조사: ‘문의하기’보다 무엇을 보낼지 알려주기
제품 규격을 본 고객이 문의 버튼을 눌렀지만 어떤 정보를 적어야 하는지 몰라 멈춥니다.
이렇게 바꿔보세요
버튼을 ‘이 부품 견적 문의’로 쓰고 바로 위에 ‘제품명, 수량, 필요한 납기를 알려주세요’라고 적습니다. 연결된 상담 채널에서 해당 자료를 보낼 수 있는지도 확인합니다.
버튼 색뿐 아니라 눌렀을 때 무엇을 하면 되는지가 보여야 문의하기 쉽습니다.
내 사업에서 확인할 일
대표 제품에서 상담 채널까지 직접 이동해 문의에 필요한 정보를 확인하세요.
이 글에 나오는 용어4개 · 뜻과 예시 보기
낯선 용어는 아래 뜻과 예시를 참고하세요.
- UI화면의 버튼·메뉴·입력 요소
-
사용자가 기능을 선택하고 정보를 읽거나 입력하는 접점입니다. 예쁘게 보이는 것과 읽고 조작하기 쉬운 것은 함께 확인해야 합니다.
예를 들면 휴대폰에서 상담 버튼의 글자가 읽히고 손가락으로 누르기 쉬운지 확인합니다.
- UX사용자가 목적을 달성하는 전체 경험
-
정보를 찾고 신청하거나 상담하는 과정이 얼마나 이해하기 쉽고 편한지 살펴보는 관점입니다.
예를 들면 상담 버튼이 보여도 가격·범위가 설명되지 않으면 사용자가 결정을 망설일 수 있습니다.
- 전환방문 후 상담·구매 등 정한 행동이 일어나는 것
-
전환은 사업에서 목표로 정한 행동이며 전환율은 해당 행동의 비율입니다. 버튼 클릭, 실제 문의와 구매는 구분해서 기록해야 합니다.
예를 들면 상담 버튼을 10번 눌렀더라도 실제 문의가 10건 접수된 것은 아닙니다.
- 접근성다양한 사용자가 내용을 읽고 기능을 쓸 수 있게 하는 조건
-
키보드 사용, 읽기 쉬운 글자, 이미지 설명과 오류 안내 등을 포함합니다. 일부 항목 확인만으로 인증이나 법적 준수를 판정하지 않습니다.
예를 들면 마우스를 쓰기 어려운 사람도 메뉴를 선택하고 상담 링크로 이동할 수 있어야 합니다.
먼저 알아둘 점: 상담 버튼 최적화
다크 섹션의 흰 버튼은 흰 글자색을 상속받으면 내용을 읽을 수 없습니다. 글자와 배경이 구분되는 색으로 정하고, 버튼 테두리와 키보드로 선택했을 때의 표시도 확인하세요. 휴대폰과 키보드로 직접 눌러 시험합니다. 단순히 크기를 키우거나 화면을 가리는 고정 버튼을 넣는 것으로 전환을 보장하지 않습니다.
결정 전에 비교할 기준
| 확인할 조건 | 판단과 작업 범위 |
|---|---|
| 버튼 이름 | 상담, 상품 확인, 외부 앱의 실제 동작 |
| 색, 조작 | 텍스트 대비, 포커스, 터치, 모바일 배치 |
| 전환 정보 | 관련 범위, 비용, 결제, 상담 준비물 |
직접 확인할 체크리스트
- 흰 버튼에 진한 글자가 명확히 보이는지
- 키보드와 모바일에서 링크를 실행하는지
- 실제 제공된 채널에 연결되는지
- 클릭을 가짜 접수, 계약으로 표시하지 않는지
이 자료가 있으면 상담이 구체적입니다
- 현재 페이지, 채널
- 고객이 상담 전 확인할 정보
- 문제 화면, 유입 목적
YOUR NEXT STEP WITH 짓고 JiTGO
광고가 도착할 홈페이지, 짓고 JiTGO와 준비하세요.
고객이 검색하는 이유와 광고 문구에 맞는 랜딩페이지, 모바일 화면과 실제 상담 연결을 제작·개선합니다. 광고 집행비와 운영 대행은 홈페이지 제작 범위와 구분합니다.
- 기본형 30만 원 · VAT 별도
- 진단·상담 모두 무료
- 계약금·선결제 없이 먼저 제작
- 5일 검토 · 미채택 비용 0원
- 채택·결제 후 원천 소스 · 첫 1년 기본 서버 운영비 포함
최대 20페이지의 소개형 기본 상품에 적용합니다. 도메인·유료 서비스·추가 기능·별도 유지보수는 제외합니다. 완료 안내 다음 날부터 5일 검토하고 무응답은 미채택·비용 0원으로 자동 종료합니다.
무료 선제작 이용조건 ↗ · 고객 자료는 허락 없이 재사용하지 않습니다.