--- title: "Cómo añadir \"Vista previa en el navegador\" al mensaje de email" description: "Permite a los destinatarios abrir tu email en un navegador cuando no se muestra correctamente en su bandeja de entrada." url: https://help.user.com/es/articles/69-como-anadir-vista-previa-en-el-navegador-al-mensaje-de-email collection: "Creación de campañas y contenido de email" updated: 2026-10-30 language: es alternates: [en, fr, pl, de, it] --- # Cómo añadir "Vista previa en el navegador" al mensaje de email Permite a los destinatarios abrir tu email en un navegador cuando no se muestra correctamente en su bandeja de entrada. Ofrecer una opción de **vista previa en el navegador** permite a los destinatarios ver tu email directamente en un navegador web. Esto mejora la accesibilidad cuando un cliente de correo no renderiza correctamente el diseño o bloquea las imágenes. En este artículo aprenderás cómo añadir un enlace de visualización web a tus emails mediante un fragmento HTML específico. ## Editor simple Utiliza el editor drag&drop para incluir o personalizar automáticamente un enlace de vista previa en el navegador dentro del diseño de tu email. Cuando creas un email desde "Email" → "Nueva campaña" o abres un email desde "Studio" → "Plantillas" → "Mis plantillas", Positive User añade automáticamente una línea de preheader con un enlace "Ver en el navegador" en la parte superior de tu canvas. ![La vista previa del editor de campaña de email muestra un email promocional con un 25 % de descuento, con una flecha roja que apunta al hipervínculo “follow this link” situado encima del contenido del email. Visible: Usuario, Todos los productos, Vista previa, Enviar prueba, Guardar, Asunto.](https://staticfiles.gleap.io/ghelparticle/c0Gvg0dQyRKWTdP75FMYcA5O0ZislEDy3RRp7Rlf3nisprK24yNClGXf9MdQWhQ5IlYYFpASLgr.png) Tu equipo puede mantener esta línea predeterminada o escribir un texto personalizado, como "Leer online". Resalta el texto que quieras usar como enlace y, a continuación, haz clic en el icono de enlace de la barra de edición de texto situada encima del bloque. En la ventana "INSERTAR UN ENLACE", haz clic en el desplegable "Tipo" y selecciona "A la versión online del email". Positive User rellena automáticamente el ID de enlace requerido, por lo que no necesitas pegar ningún código. ![](https://staticfiles.gleap.io/ghelparticle/rO3hbPO3LE9cEd0eBZUwQxPHFhUwfyv8rVunfDcCQUL81UspN8HwVuN9Tj0fHs58mklPprswqFF.png) ## Editor de código Sigue estos pasos para incluir un enlace "Ver en el navegador" en tu mensaje de email. Abre en el editor de código el mensaje de email que quieras actualizar. Puedes acceder a él desde una campaña existente o ir a "Studio" → "Plantillas" → "Mis plantillas". Decide dónde debe aparecer el enlace de vista previa en el navegador dentro de tu plantilla de email, por ejemplo en la zona del preheader o del header. Pega la siguiente etiqueta ancla en tu HTML: ```javascript View in browser ``` Puedes personalizar el estilo para que coincida con el diseño de tu email. También es una buena práctica añadir un texto de apoyo, por ejemplo: "Si este email no se muestra correctamente, visualízalo en tu navegador." > La vista previa en el navegador está disponible durante 7 días desde el momento en que se envía la campaña. Pasado este tiempo, los destinatarios que hagan clic en el enlace verán una página de marcador de posición en lugar del email original. ## Casos de uso - **Garantizar una visualización consistente en todos los dispositivos y clientes:** Los clientes de correo como Outlook o Gmail pueden renderizar los emails HTML de forma distinta, especialmente cuando se utilizan imágenes, fuentes o diseños complejos. Una vista previa en el navegador ayuda a preservar el diseño y la identidad de marca previstos al abrir el mensaje en un entorno web estándar. - **Dar soporte a destinatarios con firewalls o filtros de seguridad:** En la comunicación B2B, los ajustes de seguridad corporativos a menudo bloquean imágenes o recursos externos en los emails. Una vista previa en el navegador permite a los destinatarios acceder al contenido completo sin estas restricciones. > El enlace de vista previa en el navegador solo funciona para campañas enviadas y permanece activo durante un tiempo limitado. Asegúrate de que este comportamiento se ajusta a tu estrategia de comunicación, especialmente en campañas evergreen o de larga duración. ## Artículos relacionados - [Cómo crear una campaña de email "única"](https://help.user.com/en/articles/53-how-to-create-a-one-time-email-campaign.md) - [Cómo crear una campaña de email para automatización](https://help.user.com/en/articles/55-how-to-create-an-email-campaign-for-automation.md) - [Cómo crear una plantilla de email](https://help.user.com/en/articles/104-how-to-create-an-email-template.md)