UserFeedChat
Feedchat · Marketing
UserFeedChat es un widget de comentarios gratuito y de código abierto con el que los sitios web recogen la opinión de los usuarios con sentimiento y capturas de pantalla.
Acerca de UserFeedChat
Qué es UserFeedChat
UserFeedChat es un widget de comentarios que insertas en un sitio web para que los visitantes envíen comentarios, un estado de ánimo y capturas de pantalla desde un panel flotante pequeño. La librería se publica como web component, así que funciona en React, Vue, Svelte o HTML puro sin reescribir nada. Por dentro es un único script de unos 63 KB y no hay ningún servidor que montar.
Lo interesante es lo que no hace. En lugar de guardar los comentarios en una base de datos de la empresa, dispara un evento de navegador feedchat:submit y te entrega el contenido. Tú decides a dónde va: tu propia API, analítica, un webhook de correo, lo que ya tengas en marcha. Como herramienta de comentarios de usuarios, se queda en la recogida. Así los datos no salen de tu infraestructura, y también significa que no hay ninguna capa de análisis esperándote al otro lado.
Entonces, ¿qué pasa después de un envío? Nada, hasta que tú escribes el código.
Sin base de datos. Sin cuentas. Sin factura mensual.
El intercambio es real. No hay panel, ni análisis con IA, ni bandeja de entrada, así que cualquier resumen o clasificación tiene que ocurrir después. Si quieres una suite de investigación lista para usar con informes alojados, esta no es. Compras simplicidad, y la simplicidad tiene un precio.
Primeros pasos
- Instala el paquete con
npm install feedchatopnpm add feedchat. - Importa el script en tu aplicación y añade un elemento
<feedchat-widget>en la página donde quieras que los usuarios lo vean. - Configura atributos opcionales como
label,user-idyapp-versionpara que los envíos lleven contexto útil. - Escucha el evento
feedchat:submity dirige cada envío a tu API, tu analítica o tu webhook. - Sobrescribe las variables CSS para ajustar los colores y las fuentes de tu marca.
Información del producto
Un vistazo rápido a los precios, las plataformas compatibles y el rendimiento de UserFeedChat.
Ideal para
Los usuarios, tareas y casos de uso en los que esta herramienta encaja mejor.
Usuarios
- Desarrolladores front-end
- Fundadores independientes
- Equipos de producto
Tareas
- Recoger comentarios dentro de la aplicación
- Etiquetar los envíos
- Construir un flujo de revisión propio
Casos de uso
- Lanzar una función nueva
- Hacer una beta
- Auditar un proceso de pago
Funciones clave
Web component independiente del framework
UserFeedChat se distribuye como custom element, así que funciona en React, Vue, Svelte o una página HTML normal. Lo instalas, importas el script y colocas <feedchat-widget> donde deba ir el lanzador. No hay ningún envoltorio específico de framework que mantener, lo que significa que una sola integración cubre todo el front-end que tu equipo tenga en marcha ahora mismo.
Sentimiento más capturas de pantalla
Cada envío incluye un estado de ánimo obligatorio de triste, neutral o feliz, junto con un mensaje escrito y las imágenes adjuntas. Eso te da una señal rápida de cómo se sentía un usuario, no solo de lo que dijo. El botón de enviar permanece desactivado hasta que se elige un sentimiento y hay un mensaje o al menos una imagen. Estos filtros sencillos reducen sin ruido los informes vacíos o accidentales antes de que lleguen a tu bandeja de entrada.
Contexto rico en cada envío
Cada envío incluye la URL de la página, el título, el user agent, una marca de tiempo ISO y el tamaño del viewport. Puedes añadir user-id, app-version y cualquier atributo data-*, y se replican en los metadatos del envío. Depurar un informe es más fácil cuando sabes exactamente dónde y cómo se envió. Ese es precisamente el punto. El contexto gana a la suposición siempre.
Sin backend
El widget no guarda nada por su cuenta. Dispara el evento feedchat:submit y ahí se detiene, así que tú decides si los datos acaban en una API, un webhook o una herramienta de analítica. Nada vive en servidores ajenos salvo que tú lo pongas ahí, y esa decisión de diseño es lo que lo separa de casi todas las plataformas de investigación alojadas con las que lo compares. Son tus datos, de principio a fin.
Personalizable con tu marca
Las variables CSS controlan el color de acento, la superficie, el panel, el borde, el texto y la fuente, además del fondo, el radio y el color del botón del lanzador. Puedes hacer que el panel encaje en un sistema de diseño sin bifurcar el código fuente. No hace falta recompilar nada. Apunta las variables a tu paleta y encaja.
Gratis y de código abierto
El proyecto se distribuye bajo licencia MIT y el código completo está en GitHub. Puedes leer el código, autoalojarlo y modificarlo. Sin niveles de precio, sin límite de uso, sin cuenta. Eso es raro. La mayoría de las herramientas de comentarios quieren una cuenta antes de mostrarte nada.
Runtime mínimo
El paquete de ejecución ocupa unos 62,6 KB, lo bastante pequeño para no ralentizar de forma perceptible la carga de una página. Para los equipos que ya se preocupan por los scripts de terceros, eso cuenta. Es diminuto. Nadie nota que se carga.
Ventajas y desventajas
Ventajas
- Gratis, con licencia MIT y totalmente autoalojable, así que no hay dependencia de proveedor ni suscripción y puedes revisar cada línea de código antes de que llegue a los usuarios.
- Web component independiente del framework que encaja en React, Vue, Svelte y HTML puro.
- La captura de sentimiento y capturas de pantalla aporta un contexto que el comentario de solo texto se deja.
- Sin backend ni base de datos, la configuración es rápida y los datos se quedan en tu infraestructura.
Desventajas
- No hay panel, bandeja de entrada ni análisis integrados, así que tienes que montar tu propio flujo de revisión antes de que los comentarios recogidos sirvan de algo.
- Solo captura el sentimiento triste/neutral/feliz junto con texto e imágenes, sin escalas de valoración ni encuestas de varias preguntas.
- Tú eres responsable de almacenar y proteger cada envío una vez se dispara el evento, lo que añade trabajo real para equipos pequeños.
Preguntas frecuentes
Sirve para recoger comentarios directamente dentro de un sitio web. Piénsalo como una herramienta de comentarios de usuarios que vive en la página. Los usuarios envían un comentario, un estado de ánimo y capturas opcionales desde un panel pequeño, y tu aplicación recibe los datos como un evento de navegador.
Contenido relacionado
Explora herramientas, habilidades y artículos relacionados con UserFeedChat.
Alternativas a UserFeedChat
ngram 2.0
ngram · Vídeo · Marketingngram 2.0 es un generador de vídeo con IA pensado para equipos. Convierte una indicación, una grabación de pantalla o la URL de un producto en un vídeo explicativo, una demo o un vídeo con avatar IA, y cada escena sigue siendo editable.
shippedit.me
Krawlup · Marketing · Negociosshippedit.me redirige ahora a Krawlup, una plataforma web que audita SEO, AEO y velocidad cada semana y pasa las correcciones a agentes de código mediante MCP.
MePersona
MePersona, Inc. · Escritura · Productividad · MarketingMePersona es una bandeja de entrada unificada con IA para creadores de contenido. Aprende tu forma de escribir, redacta respuestas a los mensajes de tus fans en 12 plataformas y envía solo lo que tú apruebas.