Cómo enviar un archivo HTML a otra persona (por WhatsApp, correo o Slack) para que lo pueda abrir

Respuesta corta: si quieres que la otra persona toque y vea la página, no le envíes el archivo .html: súbelo primero a una dirección HTTPS y envíale el enlace. El enlace se abre en el navegador como una página ya renderizada. El archivo, en cambio, hay que descargarlo y abrirlo con la aplicación adecuada, y en el móvil es justo ahí donde suele fallar.

Por qué enviar el archivo HTML casi nunca funciona

• WhatsApp, Telegram, Slack o Teams: para una app de mensajería, un .html es un documento, no una web. A la otra persona le aparece una tarjeta de archivo y, para verlo, tiene que descargarlo y abrirlo en un navegador. Lo que ocurre exactamente depende de su teléfono y de la versión de la app.
• Adjunto de correo: las apps de correo del móvil a menudo no muestran un .html adjunto como página: enseñan el código o piden descargarlo. Algunos filtros de correo de empresa directamente bloquean los adjuntos .html.
• Pegar el código en el chat: la otra persona ve etiquetas, no una página.
• Enviar una ruta file://: es una ubicación de tu ordenador. En el dispositivo de la otra persona ese archivo no existe.

Lo que en realidad quieres enviar es una dirección, no un archivo.

Primero: ¿qué tipo de HTML tienes?

• Un solo archivo: los estilos están en <style>, los scripts en <script> y todo cabe en un único .html. Así son la mayoría de las landing pages, informes y cuestionarios que generan ChatGPT o Claude, y son los más fáciles de publicar.
• Un proyecto completo: además de index.html hay carpetas como css/, js/ o images/, o es un proyecto de React o Vue. En ese caso no basta con subir un HTML: necesitas un servicio que acepte carpetas o ZIP, o juntar todo en un único archivo.

Convertir un archivo HTML en un enlace (con dochost)

1. Abre dochost y pega el código o sube el archivo .html. No hace falta registrarse.
2. Comprueba que el formato detectado es HTML y revisa en la vista previa los títulos, las tildes y eñes, las imágenes y los botones.
3. Elige la visibilidad. «Privada» significa que la página no aparece en Explorar y solo se llega a ella con el enlace. Quien tenga el enlace puede abrirla: no es una protección con contraseña.
4. Pulsa «Obtener mi enlace» y copia el enlace para compartir.
5. Si no has iniciado sesión, al publicar también recibes un enlace de edición. Quien lo abra puede modificar la página: guárdalo para ti y no lo envíes como enlace de lectura.

Enviar el enlace según el canal

WhatsApp, Telegram, Slack o Teams

• Envíatelo primero a ti (por ejemplo, a tu propio chat de WhatsApp o a un mensaje directo contigo en Slack) y ábrelo en el móvil para comprobar que se ve bien.
• Si todo está en orden, compártelo con la persona o el grupo. Añadir una frase sobre qué es ayuda a que no parezca spam.

Correo electrónico

• Pon el enlace en el cuerpo del mensaje en lugar de adjuntar el .html.
• Si la otra persona necesita el archivo para guardarlo, puedes adjuntarlo también, pero deja el enlace en el texto para que pueda verlo directamente.

En documentos, presentaciones o un código QR

• Aquí el enlace tiene que durar. Los enlaces gratuitos de dochost caducan (los públicos a los 7 días, los privados a los 3). Para usos largos necesitas un enlace permanente de un plan de pago u otro servicio pensado para alojar a largo plazo.

Alternativas comparadas

Cómo elegir:

1. Una página, unas pocas personas, unos días (revisión, demo, entrega): lo más rápido es un servicio que convierte el código pegado en un enlace.
2. Un proyecto de varios archivos: un servicio que acepte carpetas, como Netlify Drop.
3. Una web permanente con dominio propio: GitHub Pages u otro alojamiento de sitios estáticos encaja mejor.

Errores frecuentes

• Las tildes y las eñes salen raras («Ã±» en vez de «ñ»): casi siempre falta <meta charset="utf-8"> en el <head>.
• No se ven las imágenes: el HTML apunta con una ruta relativa como images/foto.png a un archivo de tu ordenador. Si solo subes el HTML, las imágenes no van con él. Usa URLs públicas o incrusta las imágenes en el propio HTML.
• En el móvil todo sale diminuto o descolocado: falta <meta name="viewport" content="width=device-width, initial-scale=1">. Las tablas anchas se leen mejor dentro de un contenedor con desplazamiento horizontal.
• Enviar el enlace de edición: con él se puede modificar la página. Envía solo el enlace para compartir.
• Datos personales o claves de API en la página: cualquiera con el enlace puede leer la página publicada. Quita antes nombres reales, teléfonos y claves.

Si el problema es que en el chat no se abre, mira WhatsApp no abre un archivo HTML: qué hacer. Antes de publicar, repasa la checklist para un HTML hecho con IA.

Preguntas frecuentes

¿Puedo convertir un HTML en enlace sin crear una cuenta?

Sí. En dochost puedes publicar sin registrarte, 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 tienes que vincularlo a una.

¿Cuánto dura el enlace?

Depende del servicio. En dochost, las páginas públicas gratuitas caducan a los 7 días y las privadas a los 3. Con Pro ($7 al mes o $59 al año) los enlaces son permanentes y además tienes protección con contraseña y un nombre de enlace propio. La prueba gratuita de Pro pide una tarjeta y, si no cancelas antes de que termine, continúa como suscripción Pro de $7 al mes.

¿La otra persona tiene que instalar algo?

No. Solo tiene que abrir el enlace en el navegador del móvil o del ordenador.

¿Puedo decidir quién ve la página?

En dochost, «Privada» solo significa que no aparece en Explorar; quien tenga el enlace puede abrirla. Si necesitas restringir el acceso de verdad, usa la protección con contraseña (dochost Pro) u otro servicio con control de acceso.

¿Puedo compartir con dochost un proyecto de varios archivos?

No. dochost solo publica un único archivo HTML o Markdown. Para proyectos de varios archivos usa un servicio que acepte carpetas, como Netlify Drop, o pide a la IA que lo reescriba como un solo archivo HTML autocontenido.