Saltar al contenido
GiveFeedback.io

Ayuda e instalación

Instala GiveFeedback.io en tu web

Solo hace falta un fragmento de código en el <head> de tu web. Elige tu plataforma; la mayoría de instalaciones llevan pocos minutos.

Primero, copia tu snippet

  1. Entra en app.givefeedback.io y abre tu proyecto (o crea uno con la dirección de tu web).
  2. Pulsa Instalar plugin en el menú del proyecto.
  3. Pulsa Copiar para copiar el snippet. Incluye el token de tu proyecto, así que cada web tiene el suyo.
<script type="text/javascript">
(function(g,i,v,e){
  i.gfConfig={token:"TOKEN-DE-TU-PROYECTO"};
  /* … el resto de tu snippet … */
})(window, document);
</script>
Crear mi cuenta gratis

Después, añádelo a tu plataforma

El snippet va antes de la etiqueta de cierre </head> para que se cargue en todas las páginas.

HTML a medida

Si tu web es HTML estático o tienes el código a mano, basta con pegar nuestro snippet en el <head> de tus páginas.

  1. Abre el archivo HTML donde quieres que aparezca el feedback – normalmente index.html, o tu layout/plantilla compartida (por ejemplo header.html) para que se cargue en todas las páginas.
  2. Localiza la sección <head>...</head> al principio del archivo.
  3. Pega tu snippet en cualquier punto antes de la etiqueta de cierre </head>.
  4. Guarda el archivo y vuelve a subirlo o desplegarlo en tu servidor.

WordPress

La forma más sencilla de añadir el snippet en WordPress es usando un plugin gratuito – sin tocar el tema.

  1. Entra en tu panel de WordPress y ve a Plugins → Añadir nuevo.
  2. Busca WPCode (también conocido como "Insert Headers and Footers"), pulsa Instalar ahora y luego Activar.
  3. En el menú lateral abre Code Snippets → Header & Footer.
  4. Pega tu snippet en el campo Header.
  5. Pulsa Guardar cambios.

Nota: ¿Prefieres editar el tema directamente? Añade el snippet antes de </head> en header.php desde un tema hijo, así no perderás los cambios al actualizar el tema.

Shopify

Shopify permite editar el archivo de layout de tu tema para inyectar scripts en el <head> de todas las páginas.

  1. En tu panel de Shopify ve a Tienda online → Temas.
  2. En el tema activo, pulsa el menú ... y elige Editar código.
  3. En la barra lateral, en la sección Layout, abre theme.liquid.
  4. Pega tu snippet justo antes de la etiqueta </head>.
  5. Pulsa Guardar.

Nota: ¿Ya usas Customer Events de Shopify (antes Web Pixels)? Puedes pegar ahí el snippet, pero theme.liquid es más sencillo y funciona en cualquier plan.

Wix

Wix tiene una funcionalidad nativa de Código personalizado para añadir scripts a todo el sitio – sin tocar el tema.

  1. En tu panel de Wix ve a Configuración → Código personalizado (dentro de "Avanzado").
  2. Pulsa + Añadir código personalizado.
  3. Pega tu snippet y dale un nombre como "GiveFeedback".
  4. En Añadir código a las páginas elige Todas las páginas, y en Insertar el código en elige Head.
  5. Pulsa Aplicar para publicar.

Nota: El código personalizado solo está disponible en planes de pago de Wix (Premium). Las webs en plan gratuito no admiten scripts de terceros.

Squarespace

Squarespace tiene un panel de Inyección de código para añadir scripts a todo el sitio.

  1. En tu panel de Squarespace ve a Configuración → Avanzado → Inyección de código.
  2. Pega tu snippet en el campo Header.
  3. Pulsa Guardar.

Nota: La inyección de código requiere un plan Business o superior. Los planes Personal no permiten añadir scripts personalizados.

PrestaShop

PrestaShop permite inyectar JavaScript personalizado en todas las páginas mediante un pequeño módulo gratuito – sin editar plantillas.

  1. En tu panel de PrestaShop ve a Módulos → Catálogo de módulos.
  2. Busca un módulo de código personalizado como "Custom HTML, CSS & JS" o "HTML Box" e instálalo.
  3. Abre la configuración del módulo y localiza el campo de JS personalizado o código del <head>.
  4. Pega ahí tu snippet y guarda.
  5. Vacía la caché de PrestaShop: Parámetros avanzados → Rendimiento → Vaciar caché.

Nota: ¿Usas un tema personalizado? Añade el snippet a themes/<tu-tema>/templates/_partials/head.tpl antes de vaciar la caché.

Google Tag Manager

Si tu sitio ya usa Google Tag Manager (GTM), puedes desplegar nuestro snippet desde ahí sin tocar el código de la web.

  1. En Google Tag Manager, abre el contenedor de tu sitio.
  2. Ve a Etiquetas → Nueva, pulsa en Configuración de la etiqueta y elige HTML personalizado.
  3. Pega tu snippet en el campo HTML.
  4. En Activación, elige Todas las páginas.
  5. Asigna un nombre a la etiqueta (por ejemplo "GiveFeedback"), pulsa Guardar, y luego Enviar y publica el contenedor.

Nota: GTM funciona sobre cualquier plataforma que ya estés usando – útil cuando no puedes (o no quieres) editar el código del tema directamente.

Comprueba que funciona

  1. En la aplicación, la página de instalación espera a tu web y muestra «¡Plugin detectado!» en cuanto el botón se carga.
  2. Si no aparece: comprueba que el snippet está dentro del <head>, visita cualquier página de tu web (en una ventana de incógnito si usas caché) y espera hasta un minuto.
  3. Abre tu web: aparece una pestaña «Give Feedback» en el borde derecho. Púlsala y envía un aviso de prueba.

Usar GiveFeedback.io

¿Qué pasa cuando alguien pulsa «Give Feedback»?

El navegador pide permiso para capturar la pestaña (la persona pulsa «Compartir»). Se captura la parte visible de la página y se abre un editor donde puede dibujar flechas, recuadros, círculos, texto o trazos a mano alzada. Añade un título, una descripción y un tipo de feedback, y lo envía.

¿Qué información se adjunta a cada aviso?

La captura anotada, la URL de la página, el navegador y su versión, el sistema operativo, la resolución de pantalla, el idioma del navegador, la zona horaria y si las cookies están activadas.

¿Cómo invito a mi equipo o a mi cliente?

Abre el proyecto, ve a Usuarios e invítalos por email. Las personas invitadas ven el feedback del proyecto en modo de solo lectura, así tus clientes pueden seguir el estado de sus peticiones. Cualquiera puede enviar feedback con el botón sin estar invitado.

¿Cómo marco un feedback como hecho?

Abre el aviso y pulsa Resolver, o Archívalo. Puedes filtrar la lista por abiertos, resueltos y archivados.

¿Cómo conecto Jira, Trello, Slack u otra herramienta?

Abre el proyecto, ve a Integraciones, elige la herramienta e inicia sesión para autorizar el acceso. Después elige dónde irán los avisos nuevos: un proyecto de Jira, una lista de Trello o de ClickUp, un tablero de monday.com, un canal de Slack, una base de datos de Notion o un proyecto de Asana. Consulta la página de integraciones.

¿Puedo cambiar los tipos de feedback?

Sí. Por defecto son Propuesta, Bug, Recomendación y Funcionalidad. Puedes renombrarlos, reordenarlos y añadir categorías en la configuración de tu perfil.

¿Puedo ocultar el botón o cambiar su aspecto?

Con Pro puedes mostrar u ocultar el botón. Con Empresa también puedes cambiar su posición (arriba, en medio o abajo, a la izquierda o a la derecha), sus colores y su texto.

¿Funciona en el móvil?

El botón aparece en el móvil, pero hacer la captura depende de que el navegador permita capturar la pantalla, y muchos navegadores móviles no lo permiten. Para un resultado fiable, revisa la web desde un ordenador.

¿Cómo cancelo mi suscripción o borro mis datos?

Cancela cuando quieras desde la sección de facturación de tu cuenta; el plan sigue activo hasta el final del periodo pagado. Para borrar tu cuenta y tus datos, escribe a hello@givefeedback.io.

¿Te has atascado? Te ayudamos a instalarlo

Escribe a hello@givefeedback.io con la dirección de tu web y tu plataforma, y te guiamos.

Crear mi cuenta gratisContacto