Guía

Cómo enviar un dashboard interactivo a un cliente

Un dashboard interactivo (Chart.js, D3, estados hover, filtros) no puede enviarse por email y pierde su interactividad en un PDF. La vía realista es hospedar el HTML del dashboard en un servicio que lo sirva como página en vivo y dé al cliente una URL permanente. LiveSend maneja dashboards de archivo único de menos de 3 MB (6 MB Pro) con seguimiento de visitas y protección con contraseña. Vercel o Netlify encajan cuando el dashboard es parte de un proyecto real. Notion y Google Sites suelen bloquear el JavaScript que hace interactivo a un dashboard.

Por qué el email y el PDF fallan

Un dashboard interactivo es HTML más JavaScript: gráficos que se animan al cargar, filtros que re-renderizan la vista, tooltips, drill-down. Los cuerpos de email eliminan scripts como medida de seguridad y la mayoría de proveedores bloquean los adjuntos .html. La exportación a PDF rasteriza el dashboard en una imagen congelada: los filtros se vuelven decorativos, los gráficos se convierten en capturas de pantalla, y todo el propósito de una vista interactiva desaparece. Si el dashboard valía la pena construirlo de forma interactiva, vale la pena entregarlo como página en vivo.

Opción 1, hospedar en LiveSend

Tres pasos:

  1. Exporta el dashboard como un único archivo .html (integra el CSS y el JS, o referencialos desde un CDN público).
  2. Sube el archivo a LiveSend. El producto devuelve una URL permanente.
  3. Activa las notificaciones de visita. Añade contraseña si los datos son confidenciales. Envía la URL.

Cada visita queda registrada con marca de tiempo, email opcional del visitante, país y tiempo en el documento. Puedes actualizar el dashboard más tarde sin cambiar la URL. Compromisos: límite de 3 MB (6 MB Pro) por archivo HTML (cubre la mayoría de dashboards una vez externalizados los assets), pequeña marca de agua en el plan Gratis (eliminable en Pro), sin dominio personalizado aún.

Opción 2, desplegar en Vercel o Netlify

Si el dashboard es parte de un proyecto real (entregable recurrente, dominio personalizado, un backend que controlas), despliégalo. Vercel, Netlify y Cloudflare Pages manejan todos los dashboards estáticos con sus niveles gratuitos y te dan un CDN real, dominio personalizado y control total del despliegue. Coste: flujo Git, config de proyecto, y construyes tú mismo el seguimiento por destinatario.

Opción 3, embed en Notion o Google Sites

Tanto Notion como Google Sites permiten embeber HTML, pero con restricciones. Notion elimina la mayoría de scripts y limita los orígenes de iframe. Google Sites permite un iframe a una página externa pero añade su propio chrome alrededor. Para un dashboard que depende de JavaScript, estas suelen ser la respuesta incorrecta. Pueden funcionar como envoltorio que embebe un dashboard hospedado externamente (por ejemplo, una URL de LiveSend) dentro de una página de Notion, pero no son el servicio de hospedaje en sí.

Opción 4, enviar el archivo .html directamente

Cuando funciona: el cliente es técnico, el archivo es completamente autocontenido (sin CDN externo, sin llamadas a API) y lo abrirá en un navegador haciendo doble clic. Cuando falla: el cliente usa Gmail (que bloquea el adjunto), Outlook con filtros estrictos (igual), el archivo referencia assets externos, o el cliente intenta abrirlo en un teléfono.

Comprobaciones antes de enviar

  • Abre la URL hospedada en una ventana de incógnito. El dashboard debe renderizarse sin errores ni prompts de autenticación.
  • Si el dashboard llama a una API, asegúrate de que esa API sea accesible desde la internet abierta (o la red del cliente).
  • Comprueba en móvil si el cliente puede abrirlo en un teléfono. La mayoría de tablas de datos y librerías de gráficos necesitan manejo responsive explícito.
  • Si los datos son confidenciales, fija una contraseña. Si hay un plazo, fija una expiración.

Elegir la opción correcta

Entrega puntual a cliente, archivo HTML único, quieres seguimiento: LiveSend. Dashboard recurrente ligado a un backend real o dominio personalizado: Vercel o Netlify. Quieres embeber el dashboard dentro de una página más amplia o documentación: embebe una URL hospedada externamente en Notion o Google Sites, no lo hospedes ahí.

Preguntas frecuentes

  • ¿Puedo enviar un dashboard HTML por email?
    No de forma fiable. Gmail y Outlook bloquean los adjuntos .html como precaución anti-phishing, y el HTML inline en los cuerpos de email elimina los scripts, así que cualquier lógica de librería de gráficos o filtros deja de funcionar. El email es el canal equivocado para HTML interactivo. Envía en su lugar un enlace a una página hospedada.
  • ¿Cómo comparto un dashboard de Chart.js o D3 con un cliente?
    Asegúrate de que el dashboard funciona con datos estáticos (o una API que el cliente pueda alcanzar), empaqueta el JS inline o mediante CDN, luego sube el HTML a un servicio que lo sirva tal cual. LiveSend, Tiiny.host, Vercel y Netlify funcionan todos. El dashboard no debe depender de recursos detrás de tu autenticación local o una red privada inaccesible al cliente.
  • ¿Necesito un servidor para hospedar un dashboard interactivo?
    Si el dashboard es completamente del lado del cliente (datos integrados, o llamando a APIs públicas desde el navegador), no. Un servicio de hospedaje estático es suficiente. Si obtiene datos de una base de datos privada o necesita autenticación, necesitas un backend real, y la respuesta correcta suele ser Vercel o tu propia infraestructura.
  • ¿Puede mi cliente descargar el dashboard para usarlo sin conexión?
    Si el dashboard es un único archivo HTML con todos los assets integrados, puedes enviarle el archivo .html junto al enlace y puede abrirlo localmente. Si carga scripts o fuentes desde un CDN, estos fallarán sin internet. Para la mayoría de entregables de consultoría, el enlace en vivo es lo que los clientes realmente usan.
  • ¿Cómo actualizo el dashboard después de haber enviado el enlace?
    En LiveSend, puedes subir una nueva versión o editar el documento inline, la URL se mantiene igual y las versiones anteriores permanecen accesibles para volver atrás. En Vercel o Netlify, redespliegas. En Tiiny.host, vuelves a subir el archivo. Siempre prueba la nueva versión en incógnito antes de decirle al cliente que los datos están actualizados.

Guías relacionadas

¿Quieres probar LiveSend?

Pega tu HTML y obtén un enlace permanente. Gratis para los primeros 3 documentos.

Empezar gratis