이용 가이드 - LiveChatOrder

1 🔌 크롬 확장프로그램 설치 및 사용 가이드

✅ 영상을 따라하면 5분 안에 설정 완료!
아래 영상을 순서대로 따라하시면 됩니다. (자동 재생, 음소거)

STEP 1

크롬 확장 프로그램 설치

Chrome 웹스토어에서 livechatorder 확장 프로그램을 설치하는 방법

STEP 2

원클릭 연동 가이드

설정 페이지에서 버튼 한 번으로 익스텐션 연동하기

STEP 3

선착순 주문 시연

채팅에서 숫자로 주문을 자동 수집하는 방법

STEP 4

수동 주문 시연

직접 닉네임과 수량을 입력하여 주문 등록하기

📥 설치 방법 (텍스트)

Chrome 웹 스토어 방문
아래 버튼을 클릭하여 Chrome 웹 스토어로 이동합니다.
Chrome에 추가하기
"Chrome에 추가" 클릭
웹 스토어 페이지에서 "Chrome에 추가" 버튼을 클릭합니다.
권한 허용
확장프로그램 설치 팝업에서 "확장 프로그램 추가"를 클릭합니다.
📌 필요한 권한:
- YouTube 사이트 접근 (채팅 수집)
- LiveChatOrder 사이트 접근 (토큰 자동 연동)
- 저장소 (설정 저장)
확장프로그램 고정 (권장)
Chrome 우측 상단의 퍼즐 아이콘(🧩)을 클릭하고, LiveChatOrder 옆의 📌 핀 아이콘을 클릭하여 고정합니다.
✅ 툴바에 아이콘이 표시되면 설치 완료!

2 ⚙️ 초기 설정 (Setup Wizard)

💡 3단계로 간편하게 설정 완료!
설정 페이지의 Setup Wizard를 따라가면 크롬 확장프로그램 연동이 자동으로 완료됩니다.

설정 페이지 접속
로그인 후 ⚙️ 설정 페이지로 이동합니다.
STEP 1: 확장프로그램 설치 확인
크롬 확장프로그램이 설치되어 있으면 자동으로 다음 단계로 진행됩니다.
⚠️ 아직 설치하지 않았다면 위 가이드를 참고하세요.
STEP 2: 연동하기
"연동하기" 버튼을 클릭합니다. 크롬 확장프로그램이 자동으로 토큰을 감지하여 연동됩니다.
📌 연동 버튼 클릭 후 잠시 기다리면 확장프로그램과 자동으로 연결됩니다.
STEP 3: 설정 완료
"설정 완료" 화면이 표시되면 모든 기본 설정이 끝났습니다!
✅ 이제 유튜브 라이브에서 주문을 수집할 준비가 되었습니다!

3 📱 SMS 자동연동 설정 (MacroDroid)

💡 이 가이드를 통해 배울 내용
은행 입금 SMS를 자동으로 서버로 전달하여 결제를 자동 매칭하는 방법입니다.
MacroDroid 앱을 사용하여 원클릭으로 설정할 수 있습니다.

⚠️ 안드로이드 전용
MacroDroid는 안드로이드 앱입니다. iOS(아이폰)는 현재 지원되지 않습니다.

📥 설치 방법

MacroDroid 앱 설치
안드로이드 기기에서 Play 스토어를 열고 "MacroDroid"를 검색하여 설치합니다.
Play 스토어에서 설치
설정 페이지에서 매크로 다운로드
⚙️ 설정 페이지의 "SMS 자동연동" 섹션에서 "원클릭 설정" 버튼을 클릭합니다.
📌 .mdr 파일이 다운로드되며, 이 파일에는 Webhook URL이 자동으로 포함되어 있습니다.
MacroDroid에서 매크로 가져오기
다운로드된 .mdr 파일을 클릭하면 MacroDroid 앱이 자동으로 열립니다.
"가져오기" 또는 "Import"를 선택합니다.
권한 허용
SMS 읽기 권한을 요청하면 "허용"을 클릭합니다.
🔒 보안 안내
- SMS 내용은 은행 입금 알림만 필터링되어 전송됩니다.
- 개인 문자나 민감한 정보는 서버로 전송되지 않습니다.
매크로 활성화
가져온 매크로가 활성화(ON) 상태인지 확인합니다.
✅ 설정 완료! 이제 입금 SMS가 자동으로 매출에 연동됩니다.

📖 상세 설치 가이드 보기

4 📝 유튜브 라이브에서 주문 수집하기

💡 이 가이드를 통해 배울 내용
유튜브 라이브 채팅을 실시간으로 수집하고, 주문을 자동으로 처리하는 방법을 알아봅니다.

🎥 라이브 방송에서 주문 수집

유튜브 라이브 페이지 접속
Chrome 브라우저로 유튜브 라이브 방송 페이지 또는 YouTube Studio에 접속합니다.
사이드패널 열기
Chrome 우측 상단의 LiveChatOrder 확장프로그램 아이콘을 클릭합니다.
사이드패널이 열리며 실시간 채팅이 수집됩니다.
📌 사이드패널은 유튜브 페이지에서만 활성화됩니다.
수집 시작/종료
"수집 시작" 버튼을 클릭하면 채팅 수집이 시작됩니다.
방송 중 실시간으로 채팅이 목록에 추가됩니다.
✅ 수집 중에는 버튼이 "수집 중지"로 변경됩니다.
주문 채팅 선택
수집된 채팅 목록에서 주문으로 처리할 채팅의 체크박스를 선택합니다.
📌 주문 형식 예시:
- "홍길동 비타민C 2개"
- "김철수 / 사과 3박스 / 010-1234-5678"
- "이영희 바나나1"
주문서에 추가
선택이 완료되면 "선택 주문 추가" 버튼을 클릭합니다.
고객명, 상품명, 수량이 자동 파싱되어 서버로 전송됩니다.
주문 관리 페이지에서 확인
📋 주문 관리 페이지에서 등록된 주문을 확인하고 관리할 수 있습니다.

✍️ 수동 주문 입력

💡 전화, 카카오톡 등 다른 채널로 주문이 들어온 경우 사이드패널의 "수동 입력" 기능을 사용할 수 있습니다.

수동 입력 버튼 클릭
사이드패널 하단의 "수동 입력" 버튼을 클릭합니다.
주문 정보 입력
팝업 창에서 고객명, 상품명, 수량 등을 직접 입력합니다.
주문 추가
"주문 추가" 버튼을 클릭하면 즉시 서버로 전송됩니다.

5 📺 OBS 오버레이 설정 (선택사항)

💡 이 가이드를 통해 배울 내용
OBS Studio에서 방송 화면에 실시간 주문 알림을 표시하는 오버레이를 설정하는 방법입니다.

✅ 오버레이 기능
시청자가 주문을 하면 방송 화면에 "🎉 홍길동님 비타민C 2개 주문!" 형태로 실시간 알림이 표시됩니다.

OBS Studio 설치
아직 설치하지 않았다면 OBS 공식 사이트에서 다운로드합니다.
오버레이 URL 복사
⚙️ 설정 페이지의 "OBS 오버레이" 섹션에서 오버레이 URL을 복사합니다.
OBS에서 브라우저 소스 추가
OBS 실행 → 소스 패널에서 + 클릭 → "브라우저" 선택
📌 소스 이름을 "주문 알림" 등으로 지정하면 관리하기 편합니다.
URL 및 크기 설정
- URL: 복사한 오버레이 URL 붙여넣기
- 너비: 400
- 높이: 300
위치 조정
미리보기 화면에서 브라우저 소스를 드래그하여 원하는 위치로 이동합니다.
✅ 주문이 들어오면 방송 화면에 알림이 표시됩니다!

💡 오버레이가 보이지 않을 때
- 브라우저 소스 우클릭 → "새로고침" 클릭
- 설정 페이지에서 연동 상태가 "연결됨"인지 확인
- URL 끝에 ?v=2를 추가하여 캐시 초기화

❓ 도움이 필요하신가요?

📖 빠른 링크

⚙️ 설정 페이지 📊 대시보드 📱 SMS 설치 가이드

💬 문의하기
문제가 해결되지 않거나 추가 문의가 있으시면 아래로 연락해주세요.

이메일: [email protected]
카카오톡: @livechatorder

🎉 베타 테스터 혜택
현재 무료 베타 기간입니다! 모든 기능을 무료로 이용하실 수 있습니다.
피드백을 주시면 서비스 개선에 큰 도움이 됩니다.

📚 이용 가이드

🔗 빠른 이동