UserFeedChat 소개
UserFeedChat이란
UserFeedChat은 사이트에 넣는 피드백 위젯이다. 방문자는 작은 플로팅 패널에서 댓글, 기분, 스크린샷을 보낸다. 라이브러리는 web component로 배포되므로 React, Vue, Svelte, 순수 HTML에서 다시 쓰지 않고 동작한다. 속은 약 63 KB짜리 스크립트 하나이고, 서버를 세울 필요도 없다.
흥미로운 건 이 도구가 하지 않는 일이다. 피드백을 회사 데이터베이스에 저장하는 대신 feedchat:submit 브라우저 이벤트를 발생시켜 페이로드를 그대로 넘긴다. 어디로 보낼지는 직접 정한다. 자체 API, 분석, 이메일 webhook, 이미 돌리고 있는 무엇이든 좋다. 사용자 피드백 도구로서 수집에서 멈춘다. 그래서 데이터는 자기 환경에 남고, 반대편에서 기다리는 분석 계층도 없다.
그럼 전송 후에는 무슨 일이 일어날까. 코드를 쓸 때까지는 아무 일도 없다.
데이터베이스 없음. 계정 없음. 월 청구서 없음.
이 맞바꿈은 실제다. 대시보드도, AI 분석도, 내장 받은편지함도 없으니 요약이나 분류는 하류에서 해야 한다. 호스팅된 인사이트를 갖춘 완성형 리서치 제품군을 원한다면 이건 아니다. 사는 건 단순함이고, 단순함에는 대가가 따른다.
시작하기
npm install feedchat또는pnpm add feedchat로 패키지를 설치한다.- 앱에서 스크립트를 가져오고, 사용자에게 보여줄 페이지에
<feedchat-widget>요소를 추가한다. label,user-id,app-version같은 선택 속성을 설정해 전송에 쓸모 있는 맥락을 담는다.feedchat:submit이벤트를 듣고 각 페이로드를 자체 API, 분석, webhook으로 보낸다.- CSS 변수를 덮어써 브랜드 색상과 폰트에 맞춘다.
제품 정보
UserFeedChat의 요금, 지원 플랫폼, 성능을 한눈에 확인해 보세요.
추천 대상
이 도구가 가장 잘 맞는 사용자, 작업, 상황입니다.
사용자
- 프런트엔드 개발자
- 1인 창업자
- 프로덕트 팀
작업
- 앱 안에서 피드백 수집
- 전송에 태그 달기
- 자체 검토 흐름 구축
활용 상황
- 새 기능 출시
- 베타 운영
- 결제 흐름 점검
주요 기능
프레임워크에 종속되지 않는 web component
UserFeedChat은 custom element로 배포되므로 React, Vue, Svelte, 순수 HTML 페이지에서 동작한다. 설치하고 스크립트를 가져와 런처가 있어야 할 곳에 <feedchat-widget>을 놓으면 된다. 프레임워크별 래퍼를 관리할 필요가 없으니, 한 번의 통합으로 팀이 지금 돌리는 모든 프런트엔드를 아우른다.
감정과 스크린샷
각 전송에는 슬픔, 보통, 기쁨 중 하나의 필수 기분과 입력한 메시지, 첨부한 이미지가 담긴다. 사용자가 무엇을 말했는지뿐 아니라 어떻게 느꼈는지에 대한 신호를 빠르게 얻는다. 감정을 고르고 메시지나 이미지가 하나 이상 있을 때까지 전송 버튼은 비활성 상태로 남는다. 이런 단순한 안전장치가 빈 제출이나 실수로 눌린 제출을 받은편지함에 닿기 전에 조용히 줄여준다.
풍부한 전송 맥락
각 페이로드에는 페이지 URL, 제목, user agent, ISO 타임스탬프, 뷰포트 크기가 들어간다. user-id, app-version, 임의의 data-* 속성을 추가하면 전송의 메타데이터에도 반영된다. 어디서 어떻게 보냈는지 정확히 알면 제보를 디버깅하기 쉬워진다. 바로 그게 핵심이다. 맥락은 언제나 추측을 이긴다.
백엔드 불필요
이 위젯은 스스로 아무것도 저장하지 않는다. feedchat:submit 이벤트를 발생시키고 거기서 멈추므로, 데이터가 API, webhook, 분석 도구 중 어디로 갈지는 직접 정한다. 직접 올리지 않는 한 남의 서버에 무언가 남지 않으며, 이 하나의 설계 선택이 비교 대상이 되는 거의 모든 호스팅 리서치 플랫폼과 이 도구를 갈라놓는다. 처음부터 끝까지 내 데이터다.
브랜드에 맞춘 테마
CSS 변수로 강조색, 표면, 패널, 테두리, 텍스트, 폰트, 그리고 런처 버튼의 배경, 모서리 반경, 색을 제어한다. 소스를 포크하지 않고도 패널을 디자인 시스템에 녹일 수 있다. 다시 빌드할 필요도 없다. 변수를 자기 팔레트에 맞추면 그만이다.
무료이자 오픈소스
프로젝트는 MIT 라이선스로 운영되고 전체 소스는 GitHub에 있다. 코드를 읽고, 셀프 호스팅하고, 고칠 수 있다. 요금제도, 사용 한도도, 계정도 없다. 드문 일이다. 대부분의 피드백 도구는 무언가를 보여주기 전에 계정을 요구한다.
작은 런타임
런타임 번들은 약 62.6 KB로, 페이지 로딩을 눈에 띄게 늦추지 않을 만큼 작다. 서드파티 스크립트를 이미 걱정하는 팀에게는 이게 중요하다. 아주 작다. 로딩되는지도 모른다.
장단점
장점
- 무료이고 MIT 라이선스에 완전 셀프 호스팅이 가능해 벤더 종속이나 구독이 없고, 사용자에게 배포되기 전에 모든 코드를 확인할 수 있다.
- React, Vue, Svelte, 순수 HTML에 맞는 프레임워크 비종속 web component.
- 감정과 스크린샷 수집이 텍스트만으로는 놓치는 맥락을 제공한다.
- 백엔드도 데이터베이스도 없어 설정이 빠르고 데이터는 자기 환경에 남는다.
단점
- 대시보드, 받은편지함, 분석이 내장되어 있지 않아, 모은 피드백이 쓸모 있으려면 자체 검토 흐름을 먼저 만들어야 한다.
- 텍스트와 이미지에 더해 슬픔/보통/기쁨 감정만 잡고, 평점 척도나 여러 문항 설문은 없다.
- 이벤트가 발생한 뒤 모든 전송을 저장하고 보호하는 책임은 사용자에게 있어, 작은 팀에는 실질적인 부담이 늘어난다.
자주 묻는 질문
사이트 안에서 직접 피드백을 모으는 데 쓴다. 페이지에 자리한 사용자 피드백 도구라고 생각하면 된다. 사용자는 작은 패널에서 댓글, 기분, 선택적 스크린샷을 보내고, 앱은 그 데이터를 브라우저 이벤트로 받는다.
관련 콘텐츠
UserFeedChat와 관련된 도구, 스킬, 아티클을 살펴보세요.
UserFeedChat 대안
Emailwritr
Emailwritr · 글쓰기 · 마케팅Emailwritr는 이미 보유한 리스트에서 더 많은 매출을 끌어내려는 제휴 마케터, 강의 제작자, 온라인 사업자를 위해 만든 AI 이메일 카피라이팅 도구다. 빈 페이지나 일반적인 챗봇 프롬프트 대신, 이 AI 이메일 작성 도구는 잘 알려진 다이렉트 리스폰스 카피라이터를 본뜬 프레임워크로 웰컴 시퀀스, 런칭 캠페인, 장바구니 이탈 이메일, 프로모 시리즈를 생성한다. 오토리스폰더를 연결하고 제안에 관한 몇 가지 질문에 답하면 나머지 문구를 대신 써 준다.
Prosp
Prosp · 글쓰기 · 음성 및 언어 · 마케팅Prosp는 에이전시와 영업팀을 위해 만들어진 AI LinkedIn 아웃리치 도구다. 잠재 고객마다 자신의 목소리로 메시지와 음성 메시지를 작성해, 상대가 실제로 답장하도록 만든다. 계정을 연결하고 리드를 찾고, AI가 개인화된 메시지를 대량으로 작성해 보내도록 맡긴다. 전부 하나의 받은편지함에서 처리한다. 대량으로 아웃바운드를 돌리는 사람을 위해 만들어졌다. 그게 이 제품의 전부다. 그래도 모든 접점은 인간처럼 느껴져야 한다.
On Model
On Model · 이미지 · 마케팅On Model은 옷을 가상 모델에 입히는 AI 패션 모델 도구로, 온라인 스토어가 촬영을 예약하지 않고도 모델 착용 제품 사진을 얻을 수 있게 한다. Shopify 앱으로 작동하며, 기존 이미지의 모델을 교체하고 배경을 바꾸며, 잘린 사진이나 머리 없는 사진에 얼굴을 생성할 수 있다. 목표는 단순하다. 제품 사진을 고객에게 맞추고, 같은 공급업체 이미지를 쓰는 경쟁자와 차별화하는 것이다.