홈페이지의 진짜 결승선은 '문의'다
멋진 메인 페이지를 만들고, 회사소개에서 신뢰를 쌓고, 서비스 페이지에서 장점을 설명하고, 포트폴리오로 실력을 보여주었습니다. 이제 방문자는 마음속으로 거의 결정을 내린 상태입니다.
"한번 물어볼까?"
이 순간이 회사 홈페이지에서 가장 중요한 순간입니다. 그런데 많은 홈페이지가 바로 여기서 방문자를 놓칩니다. 문의 버튼이 잘 보이지 않거나, 입력해야 할 항목이 너무 많거나, 연락처가 어디 있는지 찾기 어렵거나, 문의를 보낸 뒤 언제 답이 오는지 알 수 없기 때문입니다.
홈페이지의 최종 성과는 단순한 방문자 수가 아닙니다. 물론 많은 사람이 들어오는 것도 중요합니다. 하지만 회사 홈페이지라면 더 중요한 숫자는 따로 있습니다. 실제 문의 수, 상담 신청 수, 예약 수, 견적 요청 수입니다. 방문자는 숫자가 아니라 사람이고, 그 사람이 우리 회사와 대화를 시작해야 비즈니스가 움직입니다.
이번 장에서는 아임웹에서 입력폼, 버튼, 지도, 텍스트, 푸터를 조합해 방문자를 실제 문의로 연결하는 동선을 만들겠습니다. 어렵게 생각할 필요 없습니다. 문의 페이지는 화려한 페이지가 아니라, 망설이는 사람의 손을 잡고 "여기로 보내시면 됩니다"라고 안내하는 페이지입니다.
문의 페이지의 기본 순서부터 정하자
문의 페이지는 예쁘게 꾸미기 전에 순서가 중요합니다. 방문자가 이 페이지에 들어왔다는 것은 이미 어느 정도 관심이 있다는 뜻입니다. 그러므로 긴 소개문으로 다시 설득하려고 하기보다, 바로 행동할 수 있게 만들어야 합니다.
가장 추천하는 기본 순서는 다음과 같습니다.
입력폼
연락처
위치와 지도
운영시간과 응답 가능 시간
개인정보 수집·이용 동의 및 개인정보처리방침 링크
이 순서는 방문자의 마음 흐름과 잘 맞습니다. 먼저 "문의할 수 있는 창구"를 보여주고, 혹시 폼 작성이 부담스러운 사람에게 전화나 이메일 같은 대체 연락 수단을 보여줍니다. 방문 상담이나 오프라인 미팅이 필요한 업종이라면 그 아래에 지도를 배치합니다. 마지막으로 운영시간과 개인정보 관련 안내를 통해 "이 회사가 제대로 운영되고 있구나"라는 신뢰를 줍니다.
아임웹 디자인 모드에서는 페이지에 텍스트, 이미지, 버튼, 게시판, 지도 같은 요소를 추가해 화면을 구성할 수 있습니다. 공식 빠른 디자인 시작 가이드에서도 디자인 모드에서 페이지와 위젯을 추가하고, 하단 영역에 상호·대표자명·연락처·주소 같은 정보를 표시할 수 있다고 안내합니다.1 이 장에서는 그중에서 회사 홈페이지 문의 동선에 꼭 필요한 요소만 골라 사용하겠습니다.
먼저 아임웹 관리자에서 문의 페이지를 하나 만듭니다. 메뉴명은 업종에 따라 조금 달라질 수 있습니다. 일반 회사라면 문의하기, B2B 회사라면 견적 문의, 병원·컨설팅·교육·공간 대여처럼 일정이 중요한 업종이라면 상담 예약 또는 예약 문의가 더 좋습니다.
여기서 중요한 것은 메뉴명이 너무 귀엽거나 모호하면 안 된다는 점입니다. 함께해요, Talk, Connect 같은 표현은 브랜드 분위기에는 맞을 수 있지만, 초보 단계의 회사 홈페이지에서는 방문자가 한 번 더 생각해야 합니다. 홈페이지 메뉴는 시가 아니라 표지판입니다. 방문자가 길을 잃지 않게 하려면 직관적인 이름이 좋습니다.
첫 화면에는 망설임을 줄이는 한 문장을 넣는다
문의 페이지 맨 위에는 거창한 슬로건보다 실용적인 안내문이 필요합니다. 방문자가 이 페이지에서 무엇을 할 수 있는지, 문의하면 언제쯤 답을 받을 수 있는지 알려주는 문장이면 충분합니다.
예를 들어 일반 기업 홈페이지라면 이렇게 쓸 수 있습니다.
프로젝트나 서비스 도입이 궁금하신가요? 아래 양식을 남겨주시면 영업일 기준 24시간 이내 담당자가 연락드립니다.
제조·납품 회사라면 조금 더 구체적으로 쓰는 것이 좋습니다.
제작 가능 여부, 납기, 단가 문의를 남겨주세요. 필요한 정보를 확인한 뒤 담당자가 순차적으로 견적 상담을 도와드립니다.
상담형 서비스라면 방문자가 얻을 결과를 보여주어야 합니다.
현재 상황을 간단히 남겨주시면 적합한 상담 방식과 가능 일정을 안내드립니다.
이 한 문장은 생각보다 강력합니다. 방문자는 폼을 작성하기 전에 머릿속으로 계산합니다. "이걸 보내면 답이 오긴 할까?", "너무 부담스러운 영업 전화를 받는 건 아닐까?", "내가 뭘 써야 하지?" 이 불안을 줄여주면 문의 전환율이 올라갑니다. 전환율이란 방문자 중 실제 문의나 신청 같은 행동을 한 사람의 비율을 말합니다.
아임웹에서는 문의 페이지 상단에 새 섹션을 추가하고, 텍스트 위젯으로 이 안내문을 넣으면 됩니다. 제목은 짧게 쓰세요. 문의하기, 상담 신청, 견적 문의처럼 명확한 단어면 충분합니다. 그 아래 설명문은 두 줄을 넘기지 않는 것이 좋습니다. 모바일에서는 긴 문장이 금방 벽처럼 보입니다.
입력폼은 짧을수록 강하다
초보자가 문의 폼을 만들 때 가장 많이 하는 실수가 있습니다. 처음부터 너무 많은 정보를 요구하는 것입니다. 이름, 회사명, 부서, 직책, 이메일, 휴대폰, 주소, 예산, 일정, 문의 유형, 첨부파일, 유입 경로, 상세 내용까지 한 번에 다 받으려고 합니다.
물론 담당자 입장에서는 정보가 많을수록 편합니다. 하지만 방문자 입장에서는 다릅니다. 입력칸이 많아지는 순간 머릿속에서 이런 생각이 듭니다.
"나중에 해야겠다."
그리고 그 '나중'은 대부분 오지 않습니다.
기본 문의 폼은 다음 정도로 시작하는 것이 좋습니다.
이름
연락처
문의 내용
이 세 가지면 첫 대화는 시작할 수 있습니다. 이메일로 답변하는 업종이라면 이메일을 추가하고, B2B 업종이라면 회사명을 추가할 수 있습니다. 다만 모든 항목을 필수로 만들 필요는 없습니다. 필수 항목은 이름, 연락처, 문의 내용 정도로 줄이고, 회사명·이메일·문의 유형은 선택 항목으로 두는 편이 좋습니다.
아임웹 디자인 모드에서 문의 페이지를 열고, 입력폼 또는 폼 관련 위젯을 추가합니다. 위젯을 추가한 뒤에는 항목명을 방문자 언어로 바꿔주세요. 예를 들어 연락처라고만 쓰는 것보다 연락 가능한 전화번호가 더 친절합니다. 내용보다 문의 내용을 간단히 적어주세요가 더 부드럽습니다.
필수 입력 표시는 반드시 확인해야 합니다. 방문자가 제출 버튼을 눌렀는데 어떤 항목 때문에 안 되는지 모르면 짜증이 납니다. 필수 항목에는 별표나 안내 문구를 넣고, 입력 예시도 함께 보여주세요. 예시는 설명보다 빠릅니다.
예: 홈페이지 리뉴얼 견적이 궁금합니다. 현재 사이트 주소와 원하는 오픈 일정은 아래와 같습니다.
문의 내용 입력칸에는 플레이스홀더를 넣을 수 있다면 적극 활용합니다. 플레이스홀더란 입력칸 안에 흐리게 보이는 안내 문구입니다. 방문자가 무엇을 써야 할지 모를 때 작은 힌트가 됩니다.
업종별로 폼 항목을 다르게 설계한다
모든 회사가 같은 문의 폼을 쓰면 안 됩니다. 일반적인 회사 소개 사이트는 간단한 문의 폼이면 충분하지만, 상담·예약형 업종은 조금 더 구조화된 항목이 필요합니다. 여기서 구조화란 방문자가 자유롭게 긴 글을 쓰게 하는 대신, 선택지로 빠르게 고르게 만드는 것을 말합니다.
예를 들어 컨설팅 회사, 병원, 학원, 스튜디오, 공간 대여, 인테리어, 법률·세무 상담처럼 일정과 조건이 중요한 업종은 다음 항목을 추가하면 좋습니다.
희망 날짜와 시간
문의 유형
예산 범위
희망 연락 방법
방문 상담 또는 비대면 상담 여부
하지만 이것도 전부 주관식으로 받으면 모바일에서 불편합니다. 스마트폰으로 긴 문장을 쓰는 일은 생각보다 피곤합니다. 가능한 항목은 드롭다운, 라디오 버튼, 체크박스 같은 선택형 입력으로 바꾸세요.
드롭다운은 여러 선택지 중 하나를 펼쳐 고르는 방식입니다. 예산 범위나 문의 유형처럼 선택지가 많은 항목에 좋습니다. 라디오 버튼은 여러 개 중 하나만 선택할 때 사용합니다. 방문 상담과 비대면 상담 중 하나를 고르게 할 때 적합합니다. 체크박스는 여러 개를 동시에 선택할 수 있을 때 사용합니다. 관심 서비스가 여러 개인 경우에 좋습니다.
예를 들어 인테리어 회사라면 문의 폼을 이렇게 구성할 수 있습니다.
이름: 필수
연락처: 필수
공간 유형: 아파트 / 상가 / 사무실 / 병원 / 기타
희망 공사 시기: 1개월 이내 / 3개월 이내 / 미정
예산 범위: 1천만 원 이하 / 1천만~3천만 원 / 3천만 원 이상 / 상담 후 결정
문의 내용: 필수
B2B 솔루션 회사라면 조금 다릅니다.
이름: 필수
회사명: 선택
연락처 또는 이메일: 필수
관심 서비스: 선택
도입 예정 시기: 즉시 / 3개월 이내 / 6개월 이내 / 검토 중
문의 내용: 필수
이렇게 만들면 담당자는 상담 전에 필요한 정보를 대략 파악할 수 있고, 방문자는 긴 글을 쓰지 않아도 됩니다. 좋은 문의 폼은 회사도 편하고 고객도 편합니다.
아임웹에서 입력폼을 배치하는 흐름
이제 실제 제작 흐름으로 들어가겠습니다. 메뉴나 버튼 이름은 아임웹 업데이트와 사용 중인 템플릿에 따라 조금 다르게 보일 수 있습니다. 하지만 기본 원리는 같습니다. 문의 페이지에 섹션을 만들고, 그 안에 입력폼 위젯을 넣고, 항목과 제출 후 안내를 설정하는 방식입니다.
먼저 사이트 목록에서 해당 사이트의 관리 화면으로 들어갑니다. 디자인 모드로 이동한 뒤, 왼쪽 또는 상단 메뉴에서 문의하기 페이지를 선택합니다. 페이지가 비어 있다면 새 섹션을 추가합니다. 이미 템플릿에 문의 섹션이 있다면 그 섹션을 수정해도 됩니다.
문의 폼은 화면의 중심에 두는 것이 좋습니다. PC에서는 왼쪽에 안내문, 오른쪽에 입력폼을 배치하면 안정적입니다. 모바일에서는 위에서 아래로 쌓이므로, 안내문 다음에 바로 입력폼이 보이게 구성합니다.
초보자에게 추천하는 배치는 이렇습니다.
상단: 짧은 제목과 응답 시간 안내
중단: 입력폼
하단: 전화, 이메일, 운영시간, 지도
입력폼 위젯을 추가한 뒤에는 항목을 정리합니다. 필요 없는 항목은 과감히 삭제하세요. 템플릿에 기본으로 들어 있는 항목을 그대로 두면 우리 회사에 맞지 않는 질문이 섞일 수 있습니다. 주소가 필요 없는 온라인 상담 회사라면 주소를 빼고, 방문 날짜가 중요한 예약형 업종이라면 날짜 항목을 추가합니다.
폼 설정에서 제출 버튼 문구도 바꿉니다. 기본값이 Submit 또는 보내기처럼 밋밋하다면 다음처럼 바꿔보세요.
문의 접수하기
무료 상담 신청하기
견적 문의 보내기
예약 가능 시간 확인하기
버튼 문구는 방문자가 얻는 결과를 보여주어야 합니다. 문의하기도 나쁘지는 않지만, 무료 상담 신청하기는 더 구체적입니다. 예약하기보다 예약 가능 시간 확인하기가 부담이 덜할 때도 있습니다. 특히 고가 서비스나 B2B 서비스에서는 방문자가 즉시 계약하는 것이 아니라 상담을 시작하는 경우가 많기 때문에, 버튼 문구도 그 심리를 반영해야 합니다.
폼 제출 후 메시지는 '다음 단계'를 알려야 한다
방문자가 폼을 작성하고 제출 버튼을 눌렀습니다. 이때 단순히 전송되었습니다라고만 보여주면 조금 허전합니다. 방문자는 이제 다시 불안해집니다.
"언제 연락 오지?"
그러므로 제출 후 메시지에는 다음 단계를 구체적으로 적어야 합니다.
문의가 접수되었습니다. 영업일 기준 24시간 이내 담당자가 연락드리겠습니다.
운영시간이 명확한 회사라면 이렇게 쓰면 더 좋습니다.
문의가 접수되었습니다. MON–FRI 10 AM~5 PM 운영시간 내 순차적으로 확인 후 연락드리겠습니다.
한국어 사이트라면 아래처럼 자연스럽게 써도 됩니다.
문의가 정상적으로 접수되었습니다. 평일 오전 10시부터 오후 5시 사이에 담당자가 순차적으로 연락드립니다.
응답 시간이 길어질 수 있는 업종이라면 솔직하게 적는 편이 낫습니다.
문의가 접수되었습니다. 내용 확인 후 영업일 기준 1~2일 이내 답변드리겠습니다.
좋은 안내문은 빠른 척하지 않습니다. 대신 예측 가능하게 만듭니다. 고객은 무조건 빠른 답변만 원하는 것이 아니라, 언제쯤 답을 받을 수 있는지 알고 싶어 합니다.
폼 설정에서는 접수 알림을 받을 이메일도 반드시 확인해야 합니다. 홈페이지에서 문의가 들어왔는데 담당자가 알림을 받지 못하면 최악입니다. 가능하다면 대표 메일 하나만 연결하지 말고 실제 확인하는 담당자 메일을 함께 사용하세요. 회사 내부에서 문의 담당자가 바뀔 수 있다면 개인 메일보다는 contact@회사도메인, hello@회사도메인, sales@회사도메인처럼 역할 기반 메일을 쓰는 것이 관리에 좋습니다.
연락처와 운영시간은 폼 옆에 다시 보여준다
문의 페이지에는 입력폼만 있으면 부족합니다. 사람마다 선호하는 연락 방식이 다릅니다. 어떤 사람은 폼을 좋아하고, 어떤 사람은 전화가 빠르다고 느끼고, 어떤 사람은 이메일로 기록을 남기고 싶어 합니다.
따라서 폼 아래 또는 옆에 연락처 정보를 함께 배치하세요. 이때 정보는 장식처럼 작게 숨기지 말고, 실제로 사용할 수 있게 보여주어야 합니다.
예를 들어 이렇게 정리할 수 있습니다.
이메일: [email protected]
전화: 02-000-0000
운영시간: MON–FRI 10 AM~5 PM
점심시간: 12 PM~1 PM
휴무: 토요일, 일요일, 공휴일
실제 기업 사이트의 푸터를 보면 회사명, 대표자, 사업자등록번호, 주소, 이메일, 운영시간, 개인정보처리방침 같은 정보가 반복적으로 들어갑니다.2 이런 정보는 단순한 행정 문구가 아닙니다. 방문자에게 "이 회사는 실체가 있다"는 신호를 줍니다.
문의 페이지에서는 이 정보를 더 읽기 쉽게 보여주고, 사이트 하단 푸터에도 한 번 더 넣습니다. 푸터는 모든 페이지 아래에 반복되는 영역입니다. 방문자가 서비스 페이지, 포트폴리오 페이지, 회사소개 페이지 어디에 있든 최종적으로 연락처를 확인할 수 있어야 합니다.
아임웹 디자인 모드에서는 하단 디자인을 편집해 상호, 대표자명, 연락처, 주소 등의 정보를 표시할 수 있습니다.1 푸터에는 너무 많은 홍보 문구를 넣기보다 사업자 정보와 필수 링크를 정돈하는 것이 좋습니다.
지도는 '찾아오세요'가 아니라 '안심하세요'의 역할도 한다
오프라인 방문이 필요한 회사라면 지도는 필수입니다. 병원, 학원, 스튜디오, 쇼룸, 사무실 방문 상담, 공장 견학, 매장 방문이 필요한 업종이라면 문의 페이지에 지도를 넣으세요.
하지만 지도의 역할은 단순히 길 안내만이 아닙니다. 주소와 지도가 함께 있으면 회사의 실체가 더 분명해집니다. 특히 처음 거래하는 B2B 고객에게는 실제 주소가 있다는 사실이 신뢰 요소가 됩니다.
아임웹 디자인 모드에서 지도 위젯을 추가하고 회사 주소를 입력합니다. 지도 아래에는 대중교통, 주차, 건물 출입 방법 같은 실용 정보를 짧게 적습니다.
예를 들어 스튜디오라면 이렇게 쓸 수 있습니다.
지하철 2호선 ○○역 3번 출구에서 도보 5분 거리입니다. 건물 뒤편 유료주차장을 이용하실 수 있습니다.
B2B 사무실이라면 이렇게 쓰면 됩니다.
방문 미팅은 사전 예약제로 운영됩니다. 방문 전 문의폼 또는 이메일로 일정을 먼저 조율해 주세요.
지도 위젯을 넣었다고 끝이 아닙니다. 모바일에서 지도가 너무 크게 보이면 입력폼과 연락처가 아래로 밀립니다. 모바일 화면에서는 지도보다 폼과 연락처가 먼저입니다. 지도는 문의 동선을 돕는 요소이지, 문의 페이지의 주인공이 아닙니다.
CTA 버튼은 한 번만 두면 부족하다
CTA는 Call To Action의 줄임말입니다. 우리말로는 행동 유도 버튼이라고 생각하면 됩니다. 방문자가 눌러야 할 버튼, 즉 상담 신청, 문의하기, 견적 요청 같은 버튼입니다.
초보자가 흔히 하는 실수는 문의 페이지에만 CTA를 두는 것입니다. 하지만 방문자는 꼭 문의 페이지까지 메뉴를 찾아 들어오지 않습니다. 메인 페이지를 보다가 마음이 움직일 수도 있고, 서비스 상세 페이지 중간에서 궁금해질 수도 있고, 고객 사례를 읽은 직후 연락하고 싶어질 수도 있습니다.
따라서 CTA 버튼은 여러 위치에 반복 배치해야 합니다.
상단 메뉴 오른쪽
메인 첫 화면
서비스 상세 페이지 하단
포트폴리오 또는 고객 사례 하단
모바일 고정 버튼
푸터 영역
상단 메뉴 오른쪽에는 가장 중요한 버튼 하나를 둡니다. 일반 메뉴와 다르게 배경색을 넣어 눈에 띄게 만들면 좋습니다. 예를 들어 메뉴가 회사소개 · 서비스 · 포트폴리오 · 문의하기라면, 마지막 문의하기를 버튼처럼 처리합니다.
메인 첫 화면에는 핵심 문장 아래 CTA를 둡니다. 예를 들어 우리 회사에 맞는 솔루션이 궁금하다면이라는 문장 아래 무료 상담 신청 버튼을 둡니다. 서비스 상세 페이지 하단에는 그 서비스를 보고 난 직후 바로 문의할 수 있게 이 서비스 견적 문의하기 버튼을 둡니다.
푸터에는 작은 버튼이나 텍스트 링크 형태로 문의하기, 상담 신청, 오시는 길을 넣습니다. 모바일에서는 가능하다면 하단 고정 버튼을 고려합니다. 다만 고정 버튼은 화면을 가리기 쉬우므로 버튼 높이를 과하게 키우지 말고, 채팅 버튼이나 쿠키 배너 등 다른 요소와 겹치지 않는지 확인해야 합니다.
버튼 문구는 결과가 보이게 쓴다
버튼 문구는 작은 글자 몇 개지만 전환에 큰 영향을 줍니다. 문의하기는 무난하지만 조금 막연합니다. 방문자가 버튼을 누르면 무엇을 얻게 되는지 더 구체적으로 쓰면 클릭하기 쉬워집니다.
좋은 버튼 문구는 다음 세 가지 중 하나를 담습니다. 방문자가 얻는 혜택, 다음 단계, 부담을 낮추는 표현입니다.
예를 들어 다음처럼 바꿔볼 수 있습니다.
문의하기 → 무료 상담 신청
연락하기 → 견적 문의하기
예약하기 → 예약 가능 시간 확인
상담하기 → 우리 회사에 맞는 제안 받기
제출 → 문의 접수하기
단, 너무 과장하면 안 됩니다. 지금 신청하면 매출 10배 같은 문구는 전문적인 회사 홈페이지에서는 오히려 신뢰를 떨어뜨릴 수 있습니다. 회사 홈페이지의 CTA는 자극적일 필요가 없습니다. 명확하고, 정직하고, 다음 행동이 보이면 충분합니다.
버튼 색은 앞 장에서 정한 브랜드 포인트 색을 사용하세요. 모든 버튼을 제각각 다른 색으로 만들면 방문자가 무엇이 중요한지 알기 어렵습니다. 가장 중요한 CTA는 포인트 색, 보조 버튼은 흰색 배경에 테두리 정도로 구분하면 깔끔합니다.
개인정보 수집·이용 동의는 반드시 확인한다
문의 폼은 이름, 연락처, 이메일 같은 개인정보를 받습니다. 따라서 개인정보 수집·이용 동의 문구와 개인정보처리방침 링크를 반드시 확인해야 합니다. 이 부분은 디자인보다 중요합니다.
초보자는 개인정보 동의 문구를 "작은 글씨라서 대충 넣어도 되는 영역"으로 생각하기 쉽습니다. 하지만 실제 고객 정보를 받는 순간부터 회사는 그 정보를 안전하게 관리할 책임이 있습니다. 법적 세부 문구는 업종과 수집 항목에 따라 달라질 수 있으므로, 민감한 정보를 수집하는 업종이라면 전문가 검토를 받는 것이 좋습니다.
기본적인 문의 폼에서는 동의 영역에 다음 요소가 들어가야 합니다.
수집하는 개인정보 항목
수집 및 이용 목적
보유 및 이용 기간
개인정보처리방침 링크
예를 들어 간단한 안내 문구는 이렇게 시작할 수 있습니다.
문의 응대를 위해 이름, 연락처, 이메일, 문의 내용을 수집·이용합니다. 수집된 정보는 문의 처리 및 고객 응대 목적으로만 사용되며, 관련 법령 또는 내부 방침에 따른 기간 동안 보관 후 파기됩니다.
그리고 옆이나 아래에 개인정보처리방침 보기 링크를 둡니다. 실제 링크는 아임웹에서 만든 개인정보처리방침 페이지 또는 회사가 별도로 운영하는 정책 페이지로 연결해야 합니다.
아임웹 고객지원 페이지에는 사용자가 가이드와 문제해결 자료를 검색할 수 있는 고객지원 영역이 마련되어 있습니다.3 폼 설정, 개인정보처리방침, 알림 수신 같은 항목은 운영 중 실수가 생기면 큰 문제가 될 수 있으므로, 아임웹 관리자에서 제공되는 최신 설정과 고객지원 가이드를 함께 확인하는 습관을 들이세요.
예약형 업종은 '문의'와 '확정'을 구분한다
예약형 업종에서 특히 조심해야 할 점이 있습니다. 방문자가 폼을 제출했다고 해서 예약이 확정된 것인지, 아니면 예약 가능 여부를 확인하는 단계인지 명확히 구분해야 합니다.
예를 들어 스튜디오 예약 페이지에서 버튼이 예약하기라고 되어 있고, 제출 후 메시지가 전송되었습니다라면 고객은 예약이 끝났다고 생각할 수 있습니다. 그런데 실제로는 담당자가 일정을 확인한 뒤 확정해야 한다면 문제가 생깁니다.
이런 경우 버튼 문구를 예약 가능 시간 확인하기 또는 예약 문의하기로 쓰는 편이 안전합니다. 제출 후 메시지도 이렇게 안내합니다.
예약 문의가 접수되었습니다. 담당자가 일정 확인 후 확정 가능 시간을 안내드립니다. 회신 전까지 예약은 최종 확정되지 않습니다.
날짜와 시간이 실시간으로 확정되는 예약 시스템을 사용한다면 이야기가 달라집니다. 아임웹의 기본 기능이나 외부 예약 도구를 연동해 사용할 수 있습니다. 예를 들어 외부 예약 위젯을 사이트에 삽입할 때는 아임웹 관리자에서 헤더 코드나 보안·개인정보 보호 설정, 코드 요소 삽입 등을 조정해야 하는 경우가 있습니다.4 다만 초보 단계에서는 먼저 기본 입력폼으로 예약 문의 흐름을 만들고, 실제 예약량이 늘어난 뒤 전문 예약 도구 연동을 검토해도 늦지 않습니다.
중요한 것은 고객이 오해하지 않게 하는 것입니다. 문의 접수, 일정 확인, 예약 확정의 단계를 문장으로 분명히 나누세요.
문의 동선은 모든 주요 페이지에 연결한다
문의 페이지를 잘 만들었다면 이제 다른 페이지와 연결해야 합니다. 좋은 문의 페이지가 있어도 방문자가 그곳으로 가는 길을 찾지 못하면 소용이 없습니다.
서비스 페이지 하단에는 해당 서비스에 맞는 CTA를 넣습니다.
이 서비스가 우리 회사에 맞을지 궁금하신가요?
현재 상황을 남겨주시면 적합한 방향을 안내드립니다.
[서비스 상담 신청하기]
포트폴리오 페이지 하단에는 사례를 보고 문의하도록 연결합니다.
비슷한 프로젝트를 준비 중이신가요?
목표와 일정을 알려주시면 가능한 진행 방식을 제안드립니다.
[프로젝트 문의하기]
회사소개 페이지 하단에는 신뢰를 상담으로 이어갑니다.
저희와 함께할 수 있는 일을 이야기해 보고 싶으신가요?
간단한 문의를 남겨주시면 담당자가 확인 후 연락드립니다.
[상담 문의하기]
이렇게 페이지별 문맥에 맞춰 버튼 문구를 조금씩 바꾸면 훨씬 자연스럽습니다. 모든 페이지에 똑같이 문의하기만 반복하는 것보다, 방문자가 방금 읽은 내용과 이어지는 CTA가 더 잘 작동합니다.
아임웹에서는 버튼 위젯을 추가하고 링크를 문의 페이지로 연결하면 됩니다. 이미 만든 문의 페이지 주소를 버튼 링크로 지정하세요. 같은 페이지 안의 특정 섹션으로 이동시키고 싶다면 앵커 기능이나 섹션 링크 기능을 활용할 수 있는지 현재 편집 화면에서 확인합니다. 기능명은 업데이트에 따라 달라질 수 있으므로, 찾기 어렵다면 아임웹 고객지원 검색창에 버튼 링크, 앵커, 입력폼 같은 키워드로 검색해 보세요.
푸터는 조용하지만 강한 신뢰 장치다
푸터는 홈페이지의 맨 아래에 있는 영역입니다. 많은 초보자가 푸터를 대충 넘기지만, 회사 홈페이지에서는 푸터가 생각보다 중요합니다. 방문자는 사이트가 믿을 만한지 확인하고 싶을 때 아래로 내려갑니다. 특히 B2B 고객, 공공기관 담당자, 고가 서비스를 검토하는 고객은 회사 정보를 확인하는 습관이 있습니다.
푸터에는 다음 정보를 정리해 넣는 것이 좋습니다.
회사명과 대표자명
사업자등록번호와 통신판매업 신고번호, 해당되는 경우
주소
이메일과 전화번호
운영시간
개인정보처리방침과 이용약관 링크
저작권 문구
모든 회사에 통신판매업 신고번호가 필요한 것은 아닙니다. 쇼핑몰이나 온라인 판매를 운영하는 경우에는 해당 여부를 확인해야 합니다. 일반 서비스 회사라면 회사명, 대표자명, 사업자등록번호, 주소, 이메일, 운영시간, 개인정보처리방침 링크만으로도 기본 신뢰 정보가 갖춰집니다.
푸터 디자인은 화려할 필요가 없습니다. 오히려 작고 정돈된 글자가 더 전문적으로 보입니다. 다만 너무 연한 회색으로 만들어 읽기 어렵게 하면 안 됩니다. 신뢰 정보는 숨기는 정보가 아니라 확인할 수 있어야 하는 정보입니다.
예시 문구는 이렇게 구성할 수 있습니다.
COMPANY | 오름컴퍼니
CEO | 김아임
BUSINESS NUMBER | 000-00-00000
ADDRESS | 서울특별시 ○○구 ○○로 00, 0층
EMAIL | [email protected]
OPENING HOURS | MON–FRI 10 AM~5 PM
개인정보처리방침 · 이용약관
Copyright © Oreum Company. All Rights Reserved.
영문 표기를 섞으면 세련되어 보일 수 있지만, 고객층에 따라 한국어가 더 좋을 수도 있습니다. 중요한 것은 멋보다 명확성입니다.
문의가 들어온 뒤의 내부 흐름까지 정한다
홈페이지에서 문의가 들어오는 순간까지 만들었다면 절반은 성공입니다. 하지만 진짜 운영은 그다음부터입니다. 문의를 누가 확인하고, 언제 답하고, 어떤 기준으로 분류할지 정해두지 않으면 홈페이지는 금방 방치됩니다.
작은 회사라면 처음에는 단순한 규칙으로 충분합니다.
모든 문의는 대표 메일과 담당자 메일로 동시에 받는다.
영업일 기준 24시간 이내 1차 답변을 보낸다.
견적 문의, 제휴 문의, 일반 문의로 구분해 관리한다.
상담 완료 여부를 스프레드시트나 CRM에 기록한다.
자주 묻는 질문은 서비스 페이지나 FAQ에 반영한다.
CRM은 Customer Relationship Management의 줄임말로, 고객 관계 관리 도구를 뜻합니다. 처음부터 거창한 시스템을 쓸 필요는 없습니다. 구글 스프레드시트, 노션, 엑셀로도 시작할 수 있습니다. 중요한 것은 문의가 사라지지 않게 하는 것입니다.
문의 폼을 만들 때는 테스트 문의를 꼭 보내보세요. 실제 방문자처럼 이름, 연락처, 문의 내용을 입력하고 제출합니다. 그런 다음 담당자 이메일로 알림이 오는지, 제출 후 메시지가 잘 보이는지, 모바일에서도 오류가 없는지 확인합니다.
테스트 없이 공개하는 문의 폼은 문이 달린 것처럼 보이지만 손잡이가 없는 문과 같습니다. 방문자는 두드렸다고 생각했는데, 안에서는 아무도 듣지 못할 수 있습니다.
모바일 문의 동선은 더 짧아야 한다
문의는 PC보다 모바일에서 더 많이 일어날 수 있습니다. 특히 광고, SNS, 검색을 통해 들어온 방문자는 스마트폰으로 사이트를 보는 경우가 많습니다. 그래서 문의 페이지는 모바일에서 반드시 다시 점검해야 합니다.
모바일에서 가장 중요한 것은 손가락입니다. 버튼은 손가락으로 누르기 충분히 커야 하고, 입력칸 사이 간격은 너무 좁지 않아야 합니다. 전화번호는 가능하면 탭했을 때 전화 앱으로 연결되게 설정하고, 이메일은 메일 앱으로 열리게 만들면 좋습니다.
모바일 점검 시에는 다음을 확인하세요.
입력폼이 화면 밖으로 삐져나가지 않는가
필수 항목 표시가 잘 보이는가
버튼이 한눈에 보이고 누르기 쉬운가
지도 때문에 폼이 너무 아래로 밀리지 않는가
개인정보 동의 체크박스가 작아서 누르기 어렵지 않은가
제출 후 메시지가 모바일에서도 명확하게 보이는가
다음 장에서 모바일 다듬기를 더 자세히 다루겠지만, 문의 페이지는 특히 먼저 확인해야 합니다. 문의 폼이 모바일에서 불편하면 방문자는 그냥 닫아버립니다. 회사 홈페이지에서 가장 아까운 이탈은 문의 직전의 이탈입니다.
완성 예시: 기본형 문의 페이지 구성
이제 지금까지 만든 내용을 하나의 예시로 정리해 보겠습니다. 일반 회사 홈페이지라면 문의 페이지를 이렇게 구성할 수 있습니다.
상단 섹션에는 제목을 문의하기로 넣고, 설명문을 씁니다.
프로젝트나 서비스 도입이 궁금하신가요? 아래 양식을 남겨주시면 영업일 기준 24시간 이내 담당자가 연락드립니다.
그 아래 입력폼을 배치합니다. 항목은 이름, 연락처, 이메일, 회사명, 문의 유형, 문의 내용으로 구성하되, 필수는 이름, 연락처, 문의 내용만 지정합니다. 문의 유형은 드롭다운으로 서비스 문의, 견적 문의, 제휴 문의, 기타를 선택하게 합니다.
제출 버튼은 문의 접수하기로 바꿉니다. 제출 후 메시지는 이렇게 설정합니다.
문의가 정상적으로 접수되었습니다. 평일 오전 10시부터 오후 5시 사이에 담당자가 순차적으로 연락드립니다.
폼 아래에는 연락처 정보를 넣습니다.
빠른 문의가 필요하신가요?
이메일 [email protected]
전화 02-000-0000
운영시간 MON–FRI 10 AM~5 PM
오프라인 방문이 필요한 회사라면 그 아래에 지도와 주소를 넣습니다. 마지막으로 푸터에는 회사명, 대표자명, 사업자등록번호, 주소, 이메일, 운영시간, 개인정보처리방침 링크를 정돈합니다.
이 정도만 제대로 만들어도 "대충 만든 홈페이지" 느낌은 사라집니다. 방문자는 문의 방법을 알고, 회사 정보도 확인하고, 답변 시간도 예상할 수 있습니다. 이것이 프로페셔널한 문의 페이지의 기본입니다.
공개 전 최종 체크리스트
문의 동선은 한 번 만들고 끝내면 안 됩니다. 공개 전에 실제 고객의 눈으로 처음부터 끝까지 지나가 보아야 합니다. 메인 페이지에서 버튼을 누르고, 서비스 페이지 하단에서 문의 페이지로 이동하고, 모바일에서 폼을 작성하고, 제출 후 알림이 오는지 확인하세요.
최종 점검은 다음 순서로 진행하면 됩니다.
상단 메뉴의 CTA 버튼이 문의 페이지로 연결되는지 확인한다.
메인 첫 화면과 서비스 상세 페이지 하단에 문의 버튼이 있는지 확인한다.
입력폼 필수 항목이 너무 많지 않은지 확인한다.
폼 제출 후 안내 문구에 응답 시간이 포함되어 있는지 확인한다.
담당자 이메일로 접수 알림이 정상 수신되는지 테스트한다.
개인정보 수집·이용 동의와 개인정보처리방침 링크가 있는지 확인한다.
전화번호, 이메일, 주소, 운영시간이 최신 정보인지 확인한다.
지도 위치가 정확한지 확인한다.
모바일에서 입력, 체크, 제출이 불편하지 않은지 확인한다.
푸터에 회사 신뢰 정보가 빠짐없이 들어갔는지 확인한다.
이 체크리스트를 통과하면 문의 동선의 기본은 갖춘 것입니다. 이제 홈페이지는 예쁜 소개서에서 한 단계 더 나아갑니다. 방문자가 보고, 믿고, 누르고, 남기는 구조가 됩니다.
좋은 홈페이지는 방문자를 붙잡아두는 데서 끝나지 않습니다. 좋은 홈페이지는 대화를 시작하게 만듭니다. 그리고 회사의 매출, 계약, 예약, 제휴는 대부분 그 첫 대화에서 시작됩니다.
참고
이 노트는 보도·비평·교육·연구 목적으로 작성되었습니다. 저작권 문의가 있으시면 에서 알려주세요.