[워드프레스·윅스 가이드] 홈페이지 하단에 상담 창을

홈페이지에 상담 창을 붙이는 가장 간단한 방법

방문자가 문의를 하려면 쉽게 찾을 수 있어야 합니다. 많은 사업자들이 전화 번호나 이메일 주소를 소개 페이지에 적지만, 방문자는 복잡한 절차보다 단락 클릭으로 바로 대화하는 방식을 선호합니다. 홈페이지 하단에 실시간 채팅상담 위젯을 배치하면 문의 전환율을 높일 수 있습니다.

어시스트톡은 웹사이트에 짧은 코드(스크립트) 한 줄만 추가하면 상담 창이 나타나는 도구입니다. 별도의 앱 다운로드나 복잡한 서버 연동이 필요 없으며, 워드프레스나 윅스 등 다양한 플랫폼에서 호환됩니다. 지금부터 설치 위치와 방법을 단계별로 살펴보겠습니다.

워드프레스(WordPress) 스크립트 추가하는 방법

워드프레스를 운영 중이라면, 관리자 대시보드에 접속해 코드를 삽입할 수 있습니다. 가장 안전한 방법은 헤더(Header) 또는 푸터(Footer) 영역에 코드 블록을 배치하는 것입니다.

1. 플러그인 활용하기: 'Insert Headers and Footers'와 같은 플러그인을 설치합니다. 이 방법은 테마 파일 수정 없이 코드를 안전하게 추가할 수 있습니다.
2. 코드 붙여넣기: 어시스트톡 대시보드에서 발급받은 스크립트 태그를 복사해서, 플러그인의 Footer 영역에 붙여넣습니다.
3. 저장 및 확인: 저장 후 홈페이지를 새로고침하면 하단 우측(또는 설정한 위치)에 상담 창이 표시됩니다. 모든 페이지에서 동일하게 작동합니다.

만약 플러그인 설치를 원치 않는다면, 테마의 footer.php 파일 내에 </body> 태그 직전에 코드를 삽입하는 방법도 있습니다. 다만 이 방법은 테마가 업데이트될 때 수정이 사라질 수 있으니 주의해야 합니다.

윅스(Wix)에서 위젯을 설치하는 단계

윅스는 코드 편집 기능에 접근 권한이 제한되어 있습니다. 하지만 'HTML embed' 기능을 활용하면 간단히 해결할 수 있습니다.

1. 페이지 편집 모드로 진입: 윅스 에디터에서 상담 창을 넣고 싶은 페이지로 이동합니다.
2. HTML 인클루드 추가하기: 왼쪽 메뉴의 '추가(+) > 더 보기 > HTML 인클루드'를 선택해 원하는 위치에 드래그합니다. 보통 하단 우측 모서리에 배치합니다.
3. 코드 입력: HTML 인클루드의 설정 창에서 어시스트톡 스크립트 코드를 붙여넣습니다.
4. 발행하기: 변경 사항을 발행하면 방문자 화면에 상담 버튼이 나타납니다.

스크립트 배치 위치와 디자인 팁

설치하는 코드는 동일하지만, 배치 위치에 따라 문의량이 달라질 수 있습니다. 효과적인 설계를 위해 다음 요소를 고려하세요.

• 시야 확보가 쉬운 하단 우측: 대부분의 방문자가 오른쪽을 먼저 스캔합니다. 하단 우측에 버튼을 두면 자연스러운 시선 흐름과 부합합니다.
• 스크롤해도 계속 보이는 위치: 스크립트를 헤더나 푸터 전체에 적용하면, 페이지를 어떻게 이동해도 상담 창이 고정됩니다. 방문자가 언제든 문의할 수 있어 누락을 줄입니다.
• 주목도는 적당히 유지하기: 너무 크게 만들거나 화면을 가리지 않게 해야 합니다. 어시스트톡은 기본 아이콘만 표시하고 클릭 시 대화창이 열리는 방식으로, 기존 레이아웃을 해치지 않습니다.

설치 후 필수 설정: 챗봇과 알림

상담 창이 떴다고 해서 모든 문의가 해결되는 것은 아닙니다. 운영자가 항상 홈페이지를 보고 있지는 못합니다. 이때 시나리오 챗봇(버튼식 자동응답)과 알림 기능을 연결해야 합니다.

• 자주 묻는 질문 자동 답변: 영업시간, 배송 안내, 반품 정책 등 반복적인 문의는 미리 만든 버튼을 통해 자동으로 답할 수 있습니다. 간단한 문의는 챗봇이 처리하고, 복잡한 상담만 사람에게 넘기면 효율적입니다.

• 실시간 알림 연결: 방문자가 채팅을 시작하면 텔레그램이나 이메일로 즉시 알립니다. 밖에서 일 중에도 빠르게 대응할 수 있습니다.
• 부재중 연락처 남기기: 상담원이 없거나 영업 시간 외라도, 방문자가 이름을 남겨두면 추후 연락할 수 있는 명단이 쌓입니다. 이를 통해 잠재 고객을 놓치지 않습니다.

설치 중 문제가 생겼다면?

코드를 붙여넣은 후 상담 창이 보이지 않는 경우가 있습니다. 이때는 다음을 확인하세요.

• 브라우저 캐시 비우기: 변경 사항이 반영되지 않았다면 Ctrl+F5를 눌러 새로고침합니다.
• 방화벽 또는 보안 플러그인 확인: 일부 보안 프로그램이 외부 스크립트를 차단할 수 있습니다. 어시스트톡 도메인을 신뢰 목록에 추가해야 할 수 있습니다.
• 코드 오류 검사: 복사한 코드 사이에 불필요한 공백이나 줄 바꿈이 있는지 확인합니다.

지금부터 홈페이지 문의를 늘리세요

홈페이지에 상담 창을 추가하는 것은 기술적 어려움보다 전략적 선택 문제입니다. 방문자가 쉽게 물어보고, 운영자는 빠르게 답할 수 있는 환경을 만드는 것이 핵심입니다. 어시스트톡은 무료로 시작할 수 있으니, 오늘 바로 설치해 보시길 권합니다.

어시스트톡 무료로 설치해 보기