카페24 설치 가이드

카페24 챗봇 · 채팅 상담 위젯 설치 방법

AssistTalk 관리자 콘솔에 로그인한 뒤 설정 → 사이트별 설정 → 위젯 설치 코드 에서 사이트별 코드를 복사할 수 있습니다.

① 등록한 도메인과 실제 접속 주소가 같은지, ② </body> 앞에 넣었는지, ③ 캐시를 비웠는지 세 가지를 확인해 보세요. 위젯은 관리자에 등록된 도메인에서만 동작합니다.

카페24는 쇼핑몰 디자인의 HTML 을 직접 편집할 수 있어서, 앱을 따로 깔지 않아도 상담 위젯을 붙일 수 있습니다. 스킨(디자인) 하나에만 넣으면 전체 페이지에 적용됩니다.

읽는 데 약 2분 · 최종 수정 2026-08-14

시작하기 전에 — 설치 코드 받기

AssistTalk 관리자 콘솔에 로그인한 뒤 설정 → 사이트별 설정 → 위젯 설치 코드 에서 내 사이트 코드를 복사하세요. 아래 data-site 값이 사이트마다 다릅니다.

설치 코드 (예시)

<script src="https://assisttalk.mgweb.biz/widget.js" data-site="발급받은_사이트_ID"></script>

위젯은 관리자에 등록한 도메인에서만 동작합니다. 코드를 붙여넣기 전에 사이트 도메인이 정확히 등록되어 있는지 확인해 주세요.

카페24 디자인 편집 화면에서 붙여넣는 위치 (실제 캡처가 아닌 예시 화면입니다. 메뉴 이름은 버전에 따라 다를 수 있어요.)

카페24 관리자에서 디자인 편집으로 들어갑니다
쇼핑몰 관리자에 로그인한 뒤 디자인(웹디자인) → 디자인 관리 → 디자인 편집 순서로 이동합니다. 편집기가 열리면 왼쪽 파일 목록이 보입니다.
레이아웃 파일을 엽니다
왼쪽 파일 목록에서 레이아웃 → 기본 레이아웃(보통 layout/basic/layout.html)을 엽니다. 레이아웃은 모든 페이지가 공통으로 쓰기 때문에 여기 한 번만 넣으면 상품·게시판·장바구니 어디서든 위젯이 뜹니다.
</body> 바로 위에 스크립트를 붙여넣습니다
파일 맨 아래쪽 </body> 태그를 찾아 그 바로 윗줄에 설치 코드를 붙여넣고 저장합니다. <head> 안에 넣으면 페이지 로딩이 느려질 수 있으니 반드시 body 끝에 넣으세요.
PC · 모바일 스킨을 모두 확인합니다
카페24는 PC 스킨과 모바일 스킨이 분리되어 있습니다. 모바일에서도 위젯이 필요하면 모바일 디자인 쪽 레이아웃에도 같은 코드를 한 번 더 넣어 주세요.

카페24 앱스토어에서 앱을 설치해야 하나요?

아니요. AssistTalk 은 스크립트 한 줄로 동작하기 때문에 앱 설치나 별도 심사가 필요 없습니다.

스마트 디자인(에디터)에서도 되나요?

됩니다. 에디터 화면에서도 HTML 편집 모드로 들어가면 같은 위치에 코드를 넣을 수 있습니다.

상품 상세페이지에만 띄울 수 있나요?

레이아웃 대신 해당 페이지 파일(예: 상품 상세)에만 코드를 넣으면 그 페이지에서만 뜹니다.

설치하는 데 얼마나 걸리나요?

스크립트 한 줄을 붙여넣는 게 전부라 보통 1분이면 끝납니다. 개발 지식이 없어도 복사·붙여넣기만 하면 됩니다.

설치 코드는 어디서 받나요?

AssistTalk 관리자 콘솔에 로그인한 뒤 설정 → 사이트별 설정 → 위젯 설치 코드 에서 사이트별 코드를 복사할 수 있습니다.

코드를 넣었는데 위젯이 안 보여요

① 등록한 도메인과 실제 접속 주소가 같은지, ② </body> 앞에 넣었는지, ③ 캐시를 비웠는지 세 가지를 확인해 보세요. 위젯은 관리자에 등록된 도메인에서만 동작합니다.

무료로 쓸 수 있나요?

Free 요금제로 월 문의 10건까지 무료입니다. 카드 등록 없이 바로 시작할 수 있습니다.

월 문의 10건까지 무료입니다. 카드 등록 없이 바로 시작할 수 있어요.