WhatsApp no abre un archivo HTML: por qué pasa y 3 formas de solucionarlo

Respuesta corta: es normal que un .html no se abra como página en WhatsApp ni en otras apps de chat: la app lo trata como un documento para descargar, no como una web. La solución más sencilla es subir el HTML a una dirección web y enviar el enlace; al tocarlo, se abre directamente en el navegador. Antes de mandarlo, envíate el enlace a ti mismo y ábrelo una vez desde el móvil.

Por qué la app de chat no abre el HTML

• Las apps de mensajería no renderizan adjuntos HTML. WhatsApp, Telegram, Messenger, Signal o Slack muestran el .html como un archivo. Para verlo, hay que descargarlo y pasárselo a otra app.
• El móvil no siempre sabe qué hacer con él. Según el teléfono, al abrir el archivo puede aparecer el código fuente, una lista de apps para elegir o un error. No hay un «doble clic para abrir en el navegador» como en el ordenador.
• Aunque se abra, puede salir incompleto. Si la página usa imágenes, CSS o JavaScript en archivos aparte con rutas relativas, esos archivos no están en el móvil de la otra persona.

Es decir, el problema no es tu código: es la forma de enviarlo.

3 soluciones

1. Descargar el archivo y abrirlo con el navegador (no recomendado)

La otra persona descarga el documento y elige «Abrir con» un navegador. Funciona a veces, pero los pasos cambian según el teléfono y la app, falla a menudo y hay que repetirlo cada vez. Solo tiene sentido si quien lo recibe es técnico y no le importa pelearse con el móvil.

2. Subir el HTML a una dirección web y enviar el enlace (recomendado)

1. Asegúrate de que el HTML es un único archivo completo y autocontenido: de <!DOCTYPE html> a </html>, con el CSS en <style>, el JavaScript en <script> y las imágenes con URLs públicas o incrustadas.
2. Conviértelo en un enlace HTTPS. Con dochost: abre dochost, pega el código o sube el archivo y pulsa «Obtener mi enlace». No hace falta registrarse.
3. Envíate el enlace primero a ti (tu propio chat de WhatsApp sirve), ábrelo desde el móvil y, si se ve bien, compártelo.

3. Captura o PDF (si solo hay que mirar)

Si la otra persona solo necesita ver el contenido, sin pulsar botones ni rellenar formularios, abre la página en el navegador del ordenador y haz una captura larga o imprímela como PDF. Lo que pierdes es toda la interactividad.

Qué tener en cuenta al elegir dónde alojarlo

1. Cuánto tiene que durar el enlace. Los enlaces gratuitos de dochost caducan: las páginas públicas a los 7 días y las privadas a los 3. Sirve para revisiones, demos o entregas. Para algo que se tiene que poder abrir durante meses necesitas un enlace permanente (dochost Pro, $7 al mes o $59 al año) u otro servicio de alojamiento a largo plazo.

2. Si es un solo archivo. Un proyecto con carpetas images/ o css/ no cabe en una herramienta de un solo archivo como dochost. Usa un servicio que acepte carpetas o ZIP (Netlify Drop, por ejemplo) o pide a la IA que lo convierta en un único HTML autocontenido.

3. Quién puede verlo. En dochost, una página «Privada» no aparece en Explorar, pero cualquiera con el enlace puede abrirla, y un enlace enviado por WhatsApp se reenvía con facilidad. Si el contenido es delicado, usa protección con contraseña (dochost Pro) o no lo publiques.

Para la comparación completa de opciones, mira Cómo enviar un archivo HTML a otra persona.

Lista de comprobación antes de enviarlo

• Envíate el enlace a ti mismo y ábrelo desde la app de chat en el móvil.
• Pruébalo con datos móviles y con Wi-Fi.
• Revisa las tildes y eñes: si salen raras, falta <meta charset="utf-8">.
• Revisa las imágenes: las que usan rutas relativas locales no se verán.
• Comprueba que las tablas anchas y los textos largos no se salen de la pantalla del móvil.
• Si la página tiene un formulario, envíalo una vez de prueba: una página alojada no guarda los datos por sí sola.

Preguntas frecuentes

¿Por qué en el ordenador se abre y en el móvil no?

En el ordenador, el sistema abre los .html con el navegador predeterminado. En el móvil, y dentro de una app de chat, el archivo se trata como un documento para descargar. Enviar un enlace evita el problema.

¿Sirve cambiar la extensión a .txt?

La otra persona verá el código fuente, pero no la página. Para quien no programa, no sirve de nada.

¿Se puede crear el enlace sin registrarse?

Sí. dochost permite publicar sin cuenta, gratis hasta 1 MB por página y con un máximo de 10 páginas activas a la vez. Netlify Drop también se puede probar sin cuenta, pero para conservar el sitio hay que vincularlo a una.

¿Los formularios de la página recogen respuestas?

No por sí solos. Un alojamiento de un solo archivo no trae base de datos: que la página tenga un formulario no significa que lo enviado se guarde en algún sitio. dochost no guarda datos de formularios y, además, bloquea el envío clásico con <form action="…">; lo que sí funciona es enviar los campos con JavaScript (fetch()) a un servicio que los reciba. El patrón, con ejemplos para Formspree, Supabase y Google Sheets, está en esta guía en inglés. Pruébalo una vez antes de compartir la página.

¿Esto vale también para Telegram, Messenger o Signal?

Sí. Todas tratan un .html como un archivo, así que la solución es la misma: enviar un enlace en lugar del archivo.