러닝랩(RUN LAB) — 영카트5 러닝화 쇼핑몰에 AI 상담 챗봇을 붙인 데모 사이트 (상품 추천 카드·내 주문 조회·별도문의·규칙 엔진)

러닝랩(RUN LAB) 스토어는 영카트5로 만든 러닝화·운동화 쇼핑몰에 AI 상담 챗봇을 붙인 데모 사이트예요. 상품을 둘러보다가 오른쪽 아래 채팅 버튼을 누르면 챗봇이 쇼핑몰 정보로 바로 답해요.

• 데모 사이트: https://chatbot.oootool.com
• 로그인 화면의 "사용자 데모 로그인" 버튼으로 가입 없이 내 주문 조회까지 해 볼 수 있어요. "관리자 데모 로그인(보기 전용)"으로 관리 화면도 둘러볼 수 있어요.

▶ 소개 영상 보기: https://www.youtube.com/watch?v=2IXPm87KSvM

쇼핑몰

1. 메인 화면

시즌 상품을 크게 보여 주는 첫 화면이에요. "채팅으로 러닝화 추천받기" 버튼을 누르면 상담 창이 바로 열려요.

2. 어디를 달리나요?

로드·트레일·레이스·데일리처럼 달리는 곳으로 상품을 고르고, 아래 분류 칩으로 9개 분류를 오가요.

3. 추천 상품 · 신상품 · 인기 상품

BEST·SALE·NEW 표시와 별점, 할인 전 가격을 카드에 함께 보여 주고, + 버튼으로 바로 장바구니에 담아요.

4. 상품 스포트라이트

신상품 한 켤레를 무게·드롭·에너지 반환 수치와 함께 크게 소개해요. "입문자도 괜찮을까?"를 누르면 그 상품을 두고 챗봇에게 물어볼 수 있어요.

5. 상품 상세

색상·사이즈 선택, 장바구니·바로구매와 함께 오늘 출고·배송비·사이즈 상담 안내를 한눈에 보여 줘요. "이 상품 문의하기"로 보고 있는 상품을 챗봇에 넘겨요.

AI 상담 챗봇

6. 상담 창 첫 화면

운영 시간과 공지를 보여 주고, 상담봇과 대화·담당자에게 문의 남기기·내 문의 내역으로 바로 이어져요.

7. 상품 추천 카드

"비 오는 날 출퇴근길에 신을 러닝화"처럼 물으면 쇼핑몰 상품 중에서 골라 카드로 보여 줘요. 답 아래에 근거가 된 상품도 함께 표시해요.

8. 내 주문 조회

로그인한 회원은 "제 최근 주문 배송 어디쯤 왔나요?"처럼 물어 자기 주문의 배송 상태를 확인해요.

9. 별도문의

챗봇이 답하기 어려운 질문은 별도문의로 받아 관리자가 답하고, 답변은 채팅 창과 이메일로 받아요.

10. FAQ와 채팅을 함께

메인 아래 FAQ에서 자주 묻는 질문을 먼저 보여 주고, 찾는 답이 없으면 "채팅으로 묻기"로 이어 가요.

11. 관리 화면 — 지식 그래프

상품·지식 베이스 문서·FAQ가 어떻게 이어지는지 그래프로 살펴봐요. 이 밖에 답변 테스트, 대화 기록, 위젯 모양 설정, MCP 연결 화면이 있어요.

• 챗봇이 답하는 근거: 쇼핑몰 상품, 지식 베이스 문서, 그누보드 FAQ, 회원 주문 정보, 쇼핑몰 배송·교환·결제 설정
• 답변 방식: 규칙 엔진만으로 AI 비용 없이 시작하고, 필요하면 OpenAI·OpenRouter·Anthropic(Claude) 중 하나를 켜요. AI 호출이 실패하면 규칙 엔진이 대신 답해요.
• 설치 환경: 그누보드5 5.6.x + 영카트5, PHP 8.1 이상, MySQL/MariaDB
• 문의: [email protected] · www.oootool.com

※ 데모 사이트의 상품·주문·후기는 시연용으로 만든 데이터예요.